.lg{display:grid;grid-template-columns:1.55fr 1fr;min-height:100dvh}.lg-panel{background:var(--panel);color:var(--panel-ink);padding:var(--s7) 44px;display:flex;flex-direction:column;position:relative;overflow:hidden}.lg-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--panel-line) 1px,transparent 1px),linear-gradient(90deg,var(--panel-line) 1px,transparent 1px);background-size:34px 34px}.lg-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.lg-brand b{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em}.lg-mid{margin:auto 0;position:relative;z-index:1}.lg-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--panel-sub);margin:0 0 var(--s4)}.lg-h{font-family:var(--font-display);font-weight:800;font-size:38px;line-height:1.06;letter-spacing:-.035em;margin:0 0 var(--s3);max-width:13ch;text-wrap:balance}.lg-h em{font-style:normal;color:var(--accent)}.lg-p{color:var(--panel-sub);font-size:14px;line-height:1.6;max-width:40ch;margin:0 0 30px}.lg-trust{position:relative;z-index:1;display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;color:var(--panel-sub);letter-spacing:.04em}.duo{width:400px;max-width:100%}.duo-box{border:1px solid var(--panel-line);background:#0000002e;padding:9px 11px}.duo-lab{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--panel-sub);margin-bottom:var(--s2)}.duo-cards{display:flex;gap:6px}.duo-card{flex:1;border:1px solid var(--panel-line);background:#ffffff0a;padding:6px 7px}.duo-card span{font-size:9.5px;color:var(--panel-ink);line-height:1.3;display:block;margin-bottom:5px}.duo-card i{display:block;height:3px;background:var(--panel-line)}.duo-card.hl{border-color:var(--accent)}.duo-card.hl i{background:var(--accent)}.duo-link{display:flex;align-items:center;gap:var(--s2);margin:7px 0}.duo-link span{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.duo-link i{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.duo-rows{display:flex;flex-direction:column;gap:5px}.duo-row{display:flex;align-items:center;gap:7px}.duo-row b{font-family:var(--font-mono);font-size:8.5px;color:var(--panel-sub);width:26px;font-weight:400}.duo-track{flex:1;height:7px;background:#ffffff0d;position:relative}.duo-track i{position:absolute;top:0;bottom:0;background:var(--panel-line)}.duo-track i.hl{background:var(--accent)}.lg-form{background:var(--surface);padding:var(--s7) var(--s7);display:flex;flex-direction:column}.lg-form-in{margin:auto 0;width:100%;max-width:320px}.lg-title{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.03em;margin:0 0 5px}.lg-sub{font-size:13px;color:var(--ink-muted);margin:0 0 var(--s5)}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.field input{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-sunk);padding:var(--s2) 11px;font-family:var(--font-body);font-size:13.5px;color:var(--ink);transition:border-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.field input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.field input[aria-invalid=true]{border-color:var(--crit)}.field-err{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--crit);margin:6px 0 0}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{padding-right:78px}.pw-toggle{position:absolute;right:10px;font-size:11.5px;font-weight:600;color:var(--accent);padding:4px;min-height:24px}.row-between{display:flex;align-items:center;justify-content:space-between;margin:var(--s4) 0 18px;font-size:12.5px}.cbx{display:flex;align-items:center;gap:7px;color:var(--ink-muted);cursor:pointer}.cbx input{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.lnk{color:var(--accent);font-weight:600;text-decoration:none}.lnk:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border-radius:var(--radius);font-size:13px;font-weight:600;background:var(--accent);color:var(--accent-fg);border:1px solid transparent;transition:filter var(--dur-micro) var(--ease-out)}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{background:var(--surface-sunk);color:var(--ink-subtle);border-color:var(--border-strong);cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn.ghost:hover{background:var(--surface-alt);filter:none}.spinner{width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:var(--s3);margin:18px 0;color:var(--ink-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.lg-note{margin-top:22px;padding-top:var(--s4);border-top:1px solid var(--border);font-size:12px;color:var(--ink-muted);display:flex;flex-direction:column;gap:9px}.lg-2fa{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-subtle)}.lg-2fa svg{flex:none;stroke:var(--good);fill:none;stroke-width:1.7}.form-alert{display:flex;gap:9px;align-items:flex-start;background:var(--crit-soft);border:1px solid var(--crit);border-radius:var(--radius);padding:10px 12px;margin-bottom:var(--s4);font-size:12.5px;color:var(--ink)}.form-alert svg{flex:none;margin-top:1px;stroke:var(--crit);fill:none;stroke-width:1.9}.form-alert code{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-muted)}@media(max-width:900px){.lg{grid-template-columns:1fr}.lg-panel,.lg-form{min-width:0}.lg-sub,.lg-sub b,.field{overflow-wrap:anywhere}.lg-panel{order:2;padding:var(--s5) var(--s4);min-height:auto}.lg-form{order:1;padding:var(--s6) var(--s4)}.lg-h{font-size:28px}.duo{width:100%}}.sh{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);display:grid;grid-template-columns:232px 1fr}.sh-side{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto}.sh-merek{display:flex;align-items:center;gap:9px;padding:15px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.sh-logo{width:18px;height:18px;border:1.5px solid var(--accent);border-radius:2px;background:linear-gradient(105deg,var(--accent) 0 46%,var(--surface) 46% 100%);flex:none}.sh-nama{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.02em}.sh-ruang{position:relative;border-bottom:1px solid var(--border)}.sh-ruang-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.sh-ruang-btn:disabled{cursor:default}.sh-ruang-btn:not(:disabled):hover{background:var(--surface-alt)}.sh-ruang-inisial{width:30px;height:30px;flex:none;border-radius:2px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em}.sh-ruang-teks{display:flex;flex-direction:column;min-width:0;line-height:1.3}.sh-ruang-teks strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-ruang-teks span{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-subtle)}.sh-ruang-tanda{margin-left:auto;color:var(--ink-subtle);font-size:11px}.sh-dropdown{position:absolute;left:8px;right:8px;top:calc(100% - 4px);z-index:30;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:2px;box-shadow:var(--shadow-overlay, 0 8px 24px rgba(17,20,25,.12))}.sh-dropdown button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;font:inherit;font-size:13px;padding:8px 10px;border:0;background:transparent;cursor:pointer;border-radius:2px}.sh-dropdown button:hover{background:var(--surface-alt)}.sh-dropdown button.aktif{font-weight:600;background:var(--accent-soft)}.sh-dropdown span{font-size:10px;color:var(--ink-subtle);font-family:var(--font-mono)}.sh-nav{padding:14px 8px;display:flex;flex-direction:column;gap:16px;flex:1}.sh-grup{display:flex;flex-direction:column;gap:1px}.sh-grup-judul{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-subtle);margin:0 0 5px 8px;font-weight:500}.sh-link{font-size:13px;padding:8px 10px;border-radius:2px;color:var(--ink-muted);text-decoration:none;border-left:2px solid transparent}.sh-link:hover{background:var(--surface-alt);color:var(--ink)}.sh-link.aktif{color:var(--accent);font-weight:600;background:var(--accent-soft);border-left-color:var(--accent)}.sh-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sh-bawah{border-top:1px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;gap:9px}.sh-aku{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sh-aku strong{font-size:13px;font-weight:600}.sh-aku span{font-size:11px;color:var(--ink-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-kolom{min-width:0;display:flex;flex-direction:column}.sh-bar{display:flex;align-items:center;gap:14px;height:52px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.sh-remah{display:flex;align-items:baseline;gap:8px;font-size:13px;min-width:0}.sh-remah a{color:var(--ink-muted);text-decoration:none}.sh-remah a:hover{color:var(--ink)}.sh-remah span{color:var(--ink-subtle)}.sh-remah b{font-weight:600}.sh-bar-aksi{margin-left:auto;display:flex;gap:8px;align-items:center}.sh-hamburger{display:none}a.sh-btn{display:inline-block}.sh-btn{text-decoration:none;font:inherit;font-size:13px;padding:7px 14px;border-radius:2px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:background var(--dur-micro, .12s) var(--ease-out, ease)}.sh-btn:hover:not(:disabled){background:#1d3aae}.sh-btn:disabled{opacity:.55;cursor:not-allowed}.sh-btn.ghost{background:transparent;color:var(--ink-muted);border-color:var(--border-strong)}.sh-btn.ghost:hover:not(:disabled){background:var(--surface-alt);color:var(--ink)}.sh-btn.bahaya{background:transparent;color:var(--crit);border-color:var(--crit)}.sh-btn.bahaya:hover:not(:disabled){background:var(--crit-soft)}.sh-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sh-isi{max-width:1180px;width:100%;padding:22px 24px 56px}.sh-kosong{min-height:60dvh;display:grid;place-items:center;gap:14px;font-family:var(--font-body);color:var(--ink)}.sh-memuat{color:var(--ink-subtle);font-size:14px}.sh-galat{color:var(--crit);font-size:14px;margin:0}.sh-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.sh-judul{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.sh-sub{font-size:13px;color:var(--ink-muted);margin:4px 0 0}.sh-kartu{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:14px}.sh-hampa{background:var(--surface);border:1px dashed var(--border-strong);border-radius:2px;padding:24px;text-align:center;color:var(--ink-muted);font-size:13px}.sh-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:2px;border:1px solid var(--border-strong);color:var(--ink-muted);background:var(--surface-alt)}.sh-tag.scrum{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sh-tag.waterfall{border-color:var(--good);color:var(--good);background:var(--good-soft)}.sh-tag.kritis{border-color:var(--crit);color:var(--crit);background:var(--crit-soft)}.sh-form{display:flex;flex-direction:column;gap:10px}.sh-baris{display:flex;gap:10px;flex-wrap:wrap}.sh-field{display:flex;flex-direction:column;gap:4px;flex:1 1 180px}.sh-field label{font-size:12px;font-weight:600;color:var(--ink-muted)}.sh-field input,.sh-field select,.sh-field textarea{font:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--border-strong);border-radius:2px;background:var(--surface);color:var(--ink)}.sh-field input:focus-visible,.sh-field select:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.sh-pesan{font-size:13px;padding:8px 10px;border-radius:2px}.sh-pesan.galat{color:var(--crit);background:var(--crit-soft);border:1px solid var(--crit)}.sh-pesan.sukses{color:var(--good);background:var(--good-soft);border:1px solid var(--good)}.sh-pesan.info{color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn)}.tabular{font-variant-numeric:tabular-nums}@media(max-width:900px){.sh{grid-template-columns:1fr}.sh-side{position:fixed;inset:0 auto 0 0;width:232px;z-index:40;transform:translate(-100%);transition:transform var(--dur-move, .24s) var(--ease-out, ease)}.sh-side.buka{transform:none;box-shadow:var(--shadow-overlay, 0 0 40px rgba(17,20,25,.2))}.sh-hamburger{display:inline-block}.sh-bar>*,.sh-isi>*{min-width:0}.sh-bar{padding:0 14px}.sh-isi{padding:16px 14px 48px}}@media(prefers-reduced-motion:reduce){.sh-side{transition:none}}.sh-tema{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-strong);border-radius:2px;margin-bottom:12px;overflow:hidden}.sh-tema button{padding:6px 4px;font-size:11px;color:var(--ink-subtle);border-right:1px solid var(--border-strong);background:transparent}.sh-tema button:last-child{border-right:0}.sh-tema button:hover{color:var(--ink);background:var(--surface-alt)}.sh-tema button.aktif{background:var(--accent-soft);color:var(--accent);font-weight:600}.dl{padding:0;border:1px solid var(--border-strong);border-radius:2px;background:var(--surface);color:var(--ink);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-shadow:var(--shadow-overlay)}.dl::backdrop{background:#0c0f1373}.dl-kotak{display:flex;flex-direction:column;max-height:inherit}.dl-kepala{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.dl-kepala h2{margin:0;font:600 15px/1.3 var(--font-body);flex:1}.dl-x{width:28px;height:28px;font-size:18px;line-height:1;color:var(--ink-muted);border:1px solid transparent;border-radius:2px}.dl-x:hover{background:var(--surface-alt);color:var(--ink)}.dl-isi{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.dl-kaki{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-alt)}.dl-bidang{display:flex;flex-direction:column;gap:4px}.dl-bidang>span{font-size:12px;font-weight:600;color:var(--ink-muted)}.dl-bidang input,.dl-bidang select,.dl-bidang textarea{font:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:2px;padding:7px 9px}.dl-bidang textarea{min-height:84px;resize:vertical}.dl-bidang small{color:var(--ink-subtle);font-size:11.5px}.dl-bidang .dl-salah{color:var(--crit)}.dl-baris2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dl-ringkas{margin:0;padding:10px 12px;font-size:12.5px;color:var(--ink-muted);background:var(--surface-sunk);border:1px solid var(--border);border-radius:2px}.dl-ringkas strong{color:var(--ink)}.dl-galat{margin:0;color:var(--crit);font-size:12.5px}@media(max-width:520px){.dl-baris2{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.dl[open]{animation:dl-muncul var(--dur-micro, .15s) var(--ease-out, ease-out)}@keyframes dl-muncul{0%{opacity:0;transform:translateY(4px)}}}.dl-centang{display:flex;align-items:flex-start;gap:8px;font-size:13px}.dl-centang input{margin-top:3px}.dl-centang small{display:block;color:var(--ink-subtle);font-size:11.5px}.dl-butir-daftar{display:flex;flex-direction:column;gap:8px}.dl-butir{display:grid;gap:6px;align-items:start;grid-template-columns:112px minmax(0,1fr) 150px 132px 28px}.dl-butir select,.dl-butir input{font:inherit;font-size:12.5px;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:2px;padding:6px 7px;min-width:0}.dl-butir-hapus{height:30px;border:1px solid var(--border-strong);border-radius:2px;color:var(--ink-muted);background:transparent}.dl-butir-hapus:hover{color:var(--crit);border-color:var(--crit)}.dl{width:min(760px,calc(100vw - 32px))}@media(max-width:720px){.dl-butir{grid-template-columns:1fr 1fr}.dl-butir>:nth-child(2){grid-column:1 / -1}}.br-kepala{margin-bottom:18px}.br-h1{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0}.br-sub{font-size:13px;color:var(--ink-muted);margin:6px 0 0}.br-kpi{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:2px;margin-bottom:22px}.br-kpi-sel{padding:15px 18px;border-left:1px solid var(--border);min-width:0}.br-kpi-sel:first-child{border-left:0}.br-kpi-sel.kosong{background:var(--surface-alt)}.br-kpi-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-subtle);margin:0 0 8px}.br-kpi-angka{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:0 0 9px}.br-kpi-kosong{color:var(--ink-subtle);font-weight:400}.br-kpi-catatan{font-size:12px;color:var(--ink-muted)}.br-pil{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:2px;border:1px solid}.br-pil.crit{color:var(--crit);border-color:var(--crit);background:var(--crit-soft)}.br-pil.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.br-pil.good{color:var(--good);border-color:var(--good);background:var(--good-soft)}.br-blok{margin-bottom:22px}.br-blok-kepala{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.br-blok h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.br-peta{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:12px 14px;overflow-x:auto}.br-peta-baris{display:grid;grid-template-columns:minmax(150px,190px) 1fr;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}.br-peta-baris:last-child{border-bottom:0}.br-peta-pm{display:flex;align-items:center;gap:8px;min-width:0}.br-inisial{width:22px;height:22px;flex:none;border-radius:2px;background:var(--surface-sunk);border:1px solid var(--border-strong);color:var(--ink-muted);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600}.br-peta-nama{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-peta-sel{display:flex;gap:3px;flex-wrap:wrap}.br-sel{width:42px;height:26px;flex:none;display:grid;place-items:center;border-radius:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-decoration:none;border:1px solid}.br-sel:hover{filter:brightness(.96)}.br-sel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.br-sel.sehat{background:var(--good-soft);border-color:var(--good);color:var(--good)}.br-sel.perlu_diawasi{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.br-sel.di_luar_jadwal{background:var(--crit-soft);border-color:var(--crit);color:var(--crit)}.br-sel.belum_terjadwal{background:var(--surface-sunk);border-color:var(--border-strong);color:var(--ink-subtle)}.br-legenda{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;color:var(--ink-muted)}.br-legenda span{display:flex;align-items:center;gap:6px}.br-legenda b{color:var(--ink)}.br-c{width:11px;height:11px;border-radius:2px;border:1px solid;display:inline-block}.br-c.sehat{background:var(--good-soft);border-color:var(--good)}.br-c.perlu_diawasi{background:var(--warn-soft);border-color:var(--warn)}.br-c.di_luar_jadwal{background:var(--crit-soft);border-color:var(--crit)}.br-c.belum_terjadwal{background:var(--surface-sunk);border-color:var(--border-strong)}.br-legenda-tip{margin-left:auto;color:var(--ink-subtle)}.br-antre{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.br-antre li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-muted)}.br-memuat{color:var(--ink-subtle);font-size:14px}@media(max-width:900px){.br-kpi{grid-template-columns:repeat(2,1fr)}.br-kpi-sel:nth-child(3){border-left:0}.br-kpi-sel:nth-child(n+3){border-top:1px solid var(--border)}}@media(max-width:560px){.br-h1{font-size:24px}.br-kpi{grid-template-columns:1fr}.br-kpi-sel{border-left:0;border-top:1px solid var(--border)}.br-kpi-sel:first-child{border-top:0}.br-peta-baris{grid-template-columns:1fr;gap:5px}.br-legenda-tip{margin-left:0}}.br-kolom2+.br-blok{margin-top:26px}.br-kolom2{display:grid;gap:16px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.br-panel{border:1px solid var(--border);border-radius:2px;background:var(--surface);min-width:0}.br-panel-kepala{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.br-panel-kepala h2{margin:0;font:600 13px/1.3 var(--font-body);letter-spacing:.01em}.br-panel-hitung{font:600 11px/1 var(--font-mono);padding:3px 6px;border-radius:2px;background:var(--surface-sunk);color:var(--ink-muted)}.br-panel-aksi{margin-left:auto;font-size:12px}.br-panel-aksi a{color:var(--ink-muted);text-decoration:none}.br-panel-aksi a:hover{color:var(--accent);text-decoration:underline}.br-panel-kosong{margin:0;padding:18px 14px;color:var(--ink-subtle);font-size:12.5px}.br-daftar{list-style:none;margin:0;padding:0}.br-baris{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px}.br-baris:last-child{border-bottom:0}.br-baris>a{display:flex;align-items:flex-start;gap:10px;width:100%;color:inherit;text-decoration:none}.br-baris>a:hover .br-baris-teks strong{color:var(--accent)}.br-baris-teks{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.br-baris-teks strong{font-weight:550;color:var(--ink);display:flex;align-items:center;gap:6px;min-width:0}.br-baris-sub{color:var(--ink-subtle);font-size:11.5px}.br-baris-kanan{display:flex;align-items:center;gap:8px;flex:none}.br-baris-waktu{color:var(--ink-subtle);font-size:11px;white-space:nowrap}.br-tanda{font:600 9.5px/1 var(--font-mono);letter-spacing:.06em;white-space:nowrap;padding:4px 6px;border-radius:2px;background:var(--surface-sunk);color:var(--ink-muted);border:1px solid var(--border)}.br-tanda.good{background:var(--good-soft);color:var(--good);border-color:var(--good)}.br-tanda.warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.br-tanda.crit{background:var(--crit-soft);color:var(--crit);border-color:var(--crit)}@media(max-width:900px){.br-kolom2{grid-template-columns:1fr}.br-baris{flex-wrap:wrap}}.br-kepala{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.br-kepala-teks{flex:1;min-width:0}.br-segmen{display:flex;border:1px solid var(--border-strong);border-radius:2px;overflow:hidden;flex:none}.br-segmen button{padding:6px 12px;font-size:12px;color:var(--ink-muted);border-right:1px solid var(--border-strong);background:transparent;white-space:nowrap}.br-segmen button:last-child{border-right:0}.br-segmen button:hover{background:var(--surface-alt);color:var(--ink)}.br-segmen button.aktif{background:var(--accent);color:var(--accent-fg);font-weight:600}.br-baris2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.br-kpi-angka small{font-size:15px;font-weight:500;color:var(--ink-muted)}.br-bilah{display:block;height:6px;margin:4px 0 5px;border-radius:2px;background:var(--surface-sunk);overflow:hidden;position:relative}.br-bilah-isi{display:block;height:100%;background:var(--accent)}.br-bilah-isi.crit{background:var(--crit)}.br-bilah-lebih{position:absolute;right:0;top:0;height:100%;background:var(--crit)}.br-garis{display:block;width:100%;height:22px;margin:2px 0 4px}.br-lebih{color:var(--crit)}.br-baris.berpita{position:relative;padding-left:18px}.br-pita{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--warn)}.br-pita.crit{background:var(--crit)}.br-pita.good{background:var(--good)}.br-intan{width:9px;height:9px;flex:none;margin-top:4px;transform:rotate(45deg);border:1.5px solid var(--good);background:transparent}.br-intan.warn{border-color:var(--warn)}.br-intan.crit{border-color:var(--crit);background:var(--crit)}.br-baris-teks.lebar{flex:1}.br-peta-kepala{border-bottom:1px solid var(--border);padding-bottom:4px}.br-peta-no{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-subtle);text-align:center;letter-spacing:.06em}.br-sel.kosong{background:transparent;border-color:transparent;color:var(--ink-subtle);pointer-events:none}.br-peta-baris>.br-sel{width:auto;min-width:0}@media(max-width:1100px){.br-baris2{grid-template-columns:1fr}}.br-kepala-aksi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.br-aksi{padding:3px 10px;font-size:12px;white-space:nowrap}.br-tolak{color:var(--crit);border-color:var(--crit)}.br-tolak:hover:not(:disabled){background:var(--crit-soft);color:var(--crit)}.br-tunggal{grid-template-columns:1fr}.br-baris.beraksi .br-baris-kanan{flex-direction:column;align-items:flex-end;gap:6px}.pr-daftar{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pr-kartu{display:flex;flex-direction:column;gap:9px}.pr-atas{display:flex;align-items:center;justify-content:space-between;gap:10px}.pr-nama{font-size:14px;font-weight:600;color:inherit;text-decoration:none}.pr-nama:hover{color:var(--accent)}.pr-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-muted)}.pr-fase{list-style:none;margin:0;padding:0;display:flex;gap:2px}.pr-fase li{flex:1;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-subtle);display:flex;flex-direction:column;gap:3px}.pr-fase li span{height:3px;background:var(--border-strong);border-radius:1px;display:block}.pr-fase li.lewat span{background:var(--good)}.pr-fase li.lewat{color:var(--ink-muted)}.pr-fase li.kini span{background:var(--accent)}.pr-fase li.kini{color:var(--accent);font-weight:600}.pr-aksi{display:flex;gap:8px}.pr-aksi .sh-btn{font-size:12px;padding:5px 10px;text-decoration:none}.pb-papan{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:start}.pb-kolom{background:var(--surface-sunk);border:1px solid var(--border);border-radius:2px;padding:10px;min-height:220px;transition:background var(--dur-micro, .12s) var(--ease-out, ease),border-color var(--dur-micro, .12s) var(--ease-out, ease)}.pb-kolom.atas{background:var(--accent-soft);border-color:var(--accent)}.pb-kepala{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.pb-nama{font-size:12px;font-weight:600;letter-spacing:.01em}.pb-hitung{font-family:var(--font-mono);font-size:11px;color:var(--ink-subtle)}.pb-tumpuk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pb-kartu{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:9px 10px;cursor:grab;display:flex;flex-direction:column;gap:6px}.pb-kartu:active{cursor:grabbing}.pb-kartu:hover{border-color:var(--border-strong)}.pb-kartu.diseret{opacity:.4}.pb-kartu-atas{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pb-kunci{font-family:var(--font-mono);font-size:10px;color:var(--ink-subtle);letter-spacing:.03em}.pb-poin{font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--surface-alt);border:1px solid var(--border);border-radius:2px;padding:0 5px}.pb-judul{margin:0;font-size:13px;line-height:1.35}.pb-hampa{color:var(--ink-subtle);font-size:12px;text-align:center;padding:10px 0}@media(max-width:900px){.pb-papan{grid-template-columns:1fr}.pb-kolom{min-height:0}}.tl{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:14px}.tl-legenda{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px;font-size:11px;color:var(--ink-muted)}.tl-legenda span{display:flex;align-items:center;gap:6px}.tl-c{width:14px;height:6px;border-radius:1px;display:inline-block}.tl-c.biasa{background:var(--accent)}.tl-c.kritis{background:var(--crit)}.tl-c.mustahil{background:var(--warn)}.tl-c.milestone{width:8px;height:8px;transform:rotate(45deg);background:var(--panel)}.tl-baris{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}.tl-item:last-child{border-bottom:0}.tl-label{display:flex;align-items:baseline;gap:8px;min-width:0}.tl-kunci{font-family:var(--font-mono);font-size:10px;color:var(--ink-subtle);flex:none}.tl-judul{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-float{font-family:var(--font-mono);font-size:10px;color:var(--ink-subtle);flex:none;margin-left:auto;padding-left:8px}.tl-jalur{position:relative;height:20px;border-radius:1px;background:repeating-linear-gradient(90deg,var(--border) 0 1px,transparent 1px 10%),var(--surface-alt)}.tl-batang{position:absolute;top:4px;height:12px;border-radius:1px;min-width:3px;overflow:hidden}.tl-batang.biasa{background:var(--accent-soft);border:1px solid var(--accent)}.tl-batang.kritis{background:var(--crit-soft);border:1px solid var(--crit)}.tl-batang.mustahil{background:var(--warn-soft);border:1px solid var(--warn)}.tl-progres{position:absolute;inset:0 auto 0 0;background:currentColor;opacity:.28}.tl-batang.biasa .tl-progres{color:var(--accent)}.tl-batang.kritis .tl-progres{color:var(--crit)}.tl-batang.mustahil .tl-progres{color:var(--warn)}.tl-milestone{position:absolute;top:6px;width:9px;height:9px;background:var(--panel);transform:rotate(45deg) translate(-4px)}@media(max-width:720px){.tl-item{grid-template-columns:1fr;gap:4px}.tl-float{margin-left:0}}.lk{display:flex;flex-direction:column;gap:16px;min-width:0}.lk-vonis{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:2px}.lk-vonis-teks{margin:0;font-size:16px;font-weight:600;color:var(--ink);max-width:70ch}.lk-blok{border:1px solid var(--border);background:var(--surface);border-radius:2px;min-width:0}.lk-kepala{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.lk-kepala h2{margin:0;font-size:13px;font-weight:600}.lk-legenda{font-size:12px;color:var(--ink-muted)}.lk-legenda b{color:var(--ink);font-weight:600}.lk-gulir{overflow-x:auto;max-height:560px;overflow-y:auto}.lk-tabel{width:100%;border-collapse:collapse;font-size:13px}.lk-tabel th,.lk-tabel td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}.lk-tabel thead th{position:sticky;top:0;z-index:1;background:var(--surface-alt);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-subtle);white-space:nowrap}.lk-tabel td{font-family:var(--font-body)}.lk-tabel td.angka{font-family:var(--font-mono);text-align:right;white-space:nowrap}.lk-tabel th.angka{text-align:right}.lk-teks,.lk-sub{font-family:var(--font-body)}.lk-tabel .buruk{color:var(--crit);font-weight:600}.lk-tabel tr.rag-merah td:first-child{box-shadow:inset 3px 0 0 var(--crit)}.lk-tabel tr.rag-kuning td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.lk-kosong{color:var(--ink-subtle);text-align:center;padding:24px}.lk-sub{display:block;font-size:12px;color:var(--ink-muted);margin-top:2px}.lk-fase{font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.lk-alasan{font-size:12px;color:var(--ink-muted);min-width:220px}.lk-anggaran{min-width:120px}.lk-anggaran .br-bilah{display:block;margin-bottom:4px}.lk-anggaran .tabular{font-size:12px;color:var(--ink-muted)}.lk-rag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:2px 6px;border:1px solid currentColor;border-radius:2px;white-space:nowrap}.lk-rag.crit{color:var(--crit);background:var(--crit-soft)}.lk-rag.warn{color:var(--warn);background:var(--warn-soft)}.lk-rag.good{color:var(--good);background:var(--good-soft)}.lk-rag.belum{color:var(--ink-subtle);background:var(--surface-sunk)}.lk-sebaran{display:flex;height:8px;gap:1px;background:var(--surface-sunk);border-radius:2px;overflow:hidden}.lk-sebaran i{display:block;height:100%}.lk-sebaran .merah{background:var(--crit)}.lk-sebaran .kuning{background:var(--warn)}.lk-sebaran .hijau{background:var(--good)}.lk-sebaran .belum{background:var(--border-strong)}.lk-dua{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}.lk-dua>*{min-width:0}.lp-tab{display:flex;gap:1px;background:var(--border);border:1px solid var(--border);width:max-content;max-width:100%;margin-bottom:16px}.lp-tab button{font:inherit;font-size:13px;padding:8px 16px;border:0;cursor:pointer;background:var(--surface);color:var(--ink-muted);border-bottom:2px solid transparent}.lp-tab button:hover{color:var(--ink);background:var(--surface-alt)}.lp-tab button[aria-selected=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}@media(max-width:1024px){.lk-dua{grid-template-columns:minmax(0,1fr)}}.lp{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:start}.lp-palet{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:12px;position:sticky;top:66px}.lp-h{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-subtle);margin:0 0 7px;font-weight:500}.lp-h+ul{margin:0 0 16px}.lp-palet ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.lp-palet li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;padding:6px 8px;border-radius:2px;border:1px solid var(--border);background:var(--surface-alt);cursor:grab}.lp-palet li:hover{border-color:var(--accent);background:var(--accent-soft)}.lp-palet li:active{cursor:grabbing}.lp-unit{font-family:var(--font-mono);font-size:10px;color:var(--ink-subtle)}.lp-kanvas{display:flex;flex-direction:column;gap:10px}.lp-zona{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:46px;padding:8px 10px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:2px}.lp-zona em{color:var(--ink-subtle);font-size:12px;font-style:normal}.lp-zona-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-subtle);flex:none;min-width:110px}.lp-cip{font:inherit;font-size:12px;padding:4px 9px;border-radius:2px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:grab}.lp-cip:hover{background:var(--accent);color:var(--accent-fg)}.lp-cip:active{cursor:grabbing}.lp-palet.membuang{border-color:var(--crit);background:var(--crit-soft)}.lp-buang{margin:0 0 10px;padding:7px 8px;border:1px dashed var(--crit);border-radius:2px;text-align:center;color:var(--crit);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.lp-grain,.lp-audiens select{font:inherit;font-size:12px;padding:4px 7px;border:1px solid var(--border-strong);border-radius:2px;background:var(--surface);color:var(--ink)}.lp-audiens{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-muted)}.lp-hasil{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:12px;min-height:160px;overflow-x:auto}.lp-tabel{width:100%;border-collapse:collapse;font-size:13px}.lp-tabel th,.lp-tabel td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.lp-tabel th{font-size:11px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.lp-tabel .angka{text-align:right}@media(max-width:820px){.lp{grid-template-columns:1fr}.lp-palet{position:static}.lp-zona-label{min-width:0;width:100%}}:root{--bg: #EDEFF3;--surface: #FFFFFF;--surface-alt: #F7F8FA;--surface-sunk: #E7EAEF;--ink: #111419;--ink-muted: #5A6472;--ink-subtle: #8A94A3;--border: #DFE3EA;--border-strong: #C8CFDA;--accent: #2547D0;--accent-soft: #E4E9FB;--accent-fg: #FFFFFF;--good: #0E7A5F;--good-soft: #DFF0EA;--warn: #A96C00;--warn-soft: #F8EEDA;--crit: #C0392B;--crit-soft: #FAE6E3;--panel: #15203A;--panel-ink: #DDE4F5;--panel-sub: #8C9BC4;--panel-line: #26355C;--font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius: 2px;--radius-sm: 0px;--shadow-overlay: 0 8px 24px -8px rgba(17,20,25,.18);--dur-micro: .15s;--dur-move: .3s;--ease-out: cubic-bezier(.32,.72,0,1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101318;--surface:#1A1E26;--surface-alt:#20252E;--surface-sunk:#0C0F13;--ink:#EAEDF2;--ink-muted:#9AA5B4;--ink-subtle:#6D7787;--border:#272D38;--border-strong:#39414F;--accent:#7B93F5;--accent-soft:#1A2140;--accent-fg:#0B0E13;--good:#4FBE9C;--good-soft:#0F2A22;--warn:#DDA22B;--warn-soft:#2E2413;--crit:#EE7C6B;--crit-soft:#331A17;--panel:#131A2E;--panel-ink:#D6DFF3;--panel-sub:#7D8BB5;--panel-line:#233156;--shadow-overlay: 0 8px 24px -8px rgba(0,0,0,.6)}}:root[data-theme=dark]{--bg:#101318;--surface:#1A1E26;--surface-alt:#20252E;--surface-sunk:#0C0F13;--ink:#EAEDF2;--ink-muted:#9AA5B4;--ink-subtle:#6D7787;--border:#272D38;--border-strong:#39414F;--accent:#7B93F5;--accent-soft:#1A2140;--accent-fg:#0B0E13;--good:#4FBE9C;--good-soft:#0F2A22;--warn:#DDA22B;--warn-soft:#2E2413;--crit:#EE7C6B;--crit-soft:#331A17;--panel:#131A2E;--panel-ink:#D6DFF3;--panel-sub:#7D8BB5;--panel-line:#233156;--shadow-overlay: 0 8px 24px -8px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono,table td,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
