:root{--bg:#f5f6fb;--surface:#fff;--surface-2:#f0f2f8;--line:#e4e7f0;--line-2:#edeff5;--ink:#141a2e;--muted:#5e6782;--accent:#5b4ce0;--accent-soft:#eceafd;--on-accent:#fff;--chart-1:#6c5ce7;--chart-2:#14a88e;--glass:#cde5ea;--good:#047857;--good-soft:#d1fae5;--on-good:#fff;--warn:#b45309;--warn-soft:#fef3c7;--bad:#b91c1c;--bad-soft:#fee2e2;--kertas:#fff;--kertas-ink:#111;--scrim:#0b10208c;--shadow:0 1px 2px #141a2e0f;--shadow-lg:0 20px 60px #0b102040;--f-display:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-30:30px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-in:8px;--r:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1020;--surface:#141b33;--surface-2:#0e1428;--line:#232b47;--line-2:#1b2340;--ink:#e7eaf3;--muted:#a3abc2;--accent:#9d90f8;--accent-soft:#221f4a;--on-accent:#120f2e;--chart-1:#7c6cf2;--chart-2:#22c3a6;--glass:#1d3b41;--good:#34d399;--good-soft:#0f2e24;--on-good:#06281c;--warn:#fbbf24;--warn-soft:#3a2e0f;--bad:#f87171;--bad-soft:#3b1717;--scrim:#03060fa6;--shadow:none;--shadow-lg:0 20px 60px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--surface:#141b33;--surface-2:#0e1428;--line:#232b47;--line-2:#1b2340;--ink:#e7eaf3;--muted:#a3abc2;--accent:#9d90f8;--accent-soft:#221f4a;--on-accent:#120f2e;--chart-1:#7c6cf2;--chart-2:#22c3a6;--glass:#1d3b41;--good:#34d399;--good-soft:#0f2e24;--on-good:#06281c;--warn:#fbbf24;--warn-soft:#3a2e0f;--bad:#f87171;--bad-soft:#3b1717;--scrim:#03060fa6;--shadow:none;--shadow-lg:0 20px 60px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-columns:232px minmax(0,1fr);min-height:100%;display:grid}.side{background:var(--surface-2);color:var(--muted);flex-direction:column;gap:18px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand{padding:0 10px}.brand b{font-family:var(--f-display);letter-spacing:.02em;color:var(--ink);font-size:26px;font-weight:700;line-height:1;display:block}.brand span{letter-spacing:.14em;text-transform:uppercase;font-size:12px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-weight:500;text-decoration:none;display:flex}.nav a svg{opacity:.8;flex:none;width:18px;height:18px}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.on{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}.nav a .cnt{font-family:var(--f-mono);background:var(--accent);color:var(--on-accent);border-radius:9px;margin-left:auto;padding:0 6px;font-size:12px}.side .foot{margin-top:auto;padding:0 10px;font-size:12px;line-height:1.5}.dot{background:var(--good);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.local{background:var(--warn)}main{min-width:0;padding-block:24px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap{flex-direction:column;gap:20px;max-width:1180px;margin:0 auto;display:flex}.head{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.head h1{font-family:var(--f-display);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:34px;font-weight:600;line-height:1}.head .sub{color:var(--muted);margin-top:4px}.head .tools{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.isi{flex-direction:column;min-width:0;display:flex}.kepala{z-index:15;background:var(--bg);border-bottom:1px solid var(--line);padding:var(--sp-4) max(16px,env(safe-area-inset-right,0px)) var(--sp-4) max(16px,env(safe-area-inset-left,0px));justify-content:center;display:flex;position:sticky;top:0}.kepala>.kepala-baris{max-width:1180px}.kepala-baris{align-items:center;gap:var(--sp-4);width:100%;display:flex}.kepala-judul{flex:1;min-width:0}.kepala-judul h1{font-size:var(--fs-24);margin:0;font-weight:700;line-height:1.2}.kepala-judul .ket{color:var(--muted);font-size:var(--fs-14);margin:2px 0 0}.kepala-alat{align-items:center;gap:var(--sp-2);display:flex}.kepala .cari .inp{width:260px;min-height:40px}.kepala .icon-btn{min-width:40px;min-height:40px}.laci-tombol,.laci-latar{display:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav a[aria-current=page]{font-weight:600}@media (width<=768px){.app{grid-template-columns:minmax(0,1fr)}.side{z-index:40;width:min(82vw,300px);height:100%;box-shadow:var(--shadow-lg);padding-top:max(20px,env(safe-area-inset-top,0px));transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}body.laci-buka .side{transform:none}body.laci-buka .laci-latar{z-index:35;background:var(--scrim);display:block;position:fixed;inset:0}.nav a{min-height:44px}.laci-tombol{place-items:center;display:inline-grid}.kepala{padding-block:var(--sp-3)}.kepala-baris{gap:var(--sp-2);flex-wrap:wrap}.kepala-judul h1{font-size:var(--fs-20)}.kepala-judul .ket{font-size:var(--fs-12)}.kepala-alat{width:100%}.kepala .cari{flex:1}.kepala .cari .inp{width:100%}.kepala .icon-btn,.btn{min-height:44px}}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:6px;align-items:center;gap:6px;padding:8px 13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.pri:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{padding:4px 9px;font-size:13px}.btn.danger{color:var(--bad)}.btn svg{width:16px;height:16px}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:5px;padding:4px 6px}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.panel>.ph{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.panel>.ph h2,.panel>.ph h3{font-family:var(--f-display);letter-spacing:.01em;margin:0;font-size:20px;font-weight:600}.panel>.ph .tools{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.panel>.pb{padding:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:inherit;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;text-decoration:none;display:flex}.kpi .v{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1}.kpi .l{color:var(--muted);font-size:12px}.kpi.alert .v{color:var(--bad)}.tw{overflow-x:auto}table.t{border-collapse:collapse;width:100%}.t th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}.t td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:9px 10px}.t tr:last-child td{border-bottom:none}.t tfoot td{border-top:1px solid var(--line);font-weight:600}.t.lrp td{white-space:nowrap}.t.fin td{padding-top:9px;padding-bottom:9px}.t.fin tr.sub td{background:var(--surface-2);border-top:1px solid var(--line)}.t.fin tr.tot td{border-top:2px solid var(--ink);background:var(--accent-soft);font-size:15px}.t tr.click{cursor:pointer}.t tr.click:hover td{background:var(--surface-2)}.t tr.grp td{background:var(--surface-2);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 10px;font-size:12px;font-weight:600}.t input.cell{border:1px solid var(--line);background:var(--surface);text-align:right;width:84px;font-family:var(--f-mono);border-radius:4px;padding:4px 6px}.t input.cell.w{width:110px}.pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-flex}.pill.s0{background:var(--surface-2);color:var(--muted)}.pill.s1{background:var(--warn-soft);color:var(--warn);border-color:#0000}.pill.s2,.pill.s3{background:var(--accent-soft);color:var(--accent);border-color:#0000}.pill.s4{background:var(--warn-soft);color:var(--warn);border-color:#0000}.pill.s5,.pill.good{background:var(--good-soft);color:var(--good);border-color:#0000}.pill.sx,.pill.bad{background:var(--bad-soft);color:var(--bad);border-color:#0000}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);border-radius:16px;padding:5px 12px;font-size:13px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip .c{font-family:var(--f-mono);opacity:.7;margin-left:4px;font-size:12px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label,.flabel{color:var(--muted);font-size:12px;font-weight:500}.inp{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;padding:8px 10px}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);outline:none}textarea.inp{resize:vertical;min-height:76px}.inp.mono{font-family:var(--f-mono)}.fgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.fgrid.tight{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.fgrid .wide{grid-column:1/-1}.search{max-width:280px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.empty b{color:var(--ink);font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp{flex:1}.list{flex-direction:column;display:flex}.li{border-bottom:1px solid var(--line-2);color:inherit;align-items:center;gap:12px;padding:11px 16px;text-decoration:none;display:flex}.li:last-child{border-bottom:none}a.li:hover{background:var(--surface-2)}.li .main{flex:1;min-width:0}.li .main b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.bar{background:var(--line-2);border-radius:3px;min-width:60px;height:6px;overflow:hidden}.bar>i{background:var(--accent);border-radius:3px;height:100%;display:block}.lcards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.lcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:8px;padding:14px;display:flex}.lcard.due{border-left:3px solid var(--bad)}.lcard h4{margin:0;font-size:15px}.lcard .meta{color:var(--muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.lcard .acts{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.phead{flex-wrap:wrap;align-items:flex-start;gap:12px 18px;display:flex}.phead .code{font-family:var(--f-mono);color:var(--muted);font-size:12px}.phead h1{font-family:var(--f-display);margin:2px 0 0;font-size:32px;font-weight:600;line-height:1.05}.phead .acts{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.stepper{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:flex;overflow-x:auto}.stepper .st{min-width:96px;color:var(--muted);border-right:1px solid var(--line-2);flex:1;padding:9px 12px;font-size:12px}.stepper .st:last-child{border-right:none}.stepper .st b{font-family:var(--f-mono);letter-spacing:.06em;font-size:12px;font-weight:500;display:block}.stepper .st.done{color:var(--ink)}.stepper .st.done b{color:var(--accent)}.stepper .st.cur{background:var(--accent-soft);color:var(--accent);font-weight:600}.stepper .st i{font-style:normal;font-family:var(--f-mono);opacity:.75;margin-left:4px;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:500}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.tab .c{font-family:var(--f-mono);opacity:.7;margin-left:4px;font-size:12px}.units{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.unit{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;display:flex;overflow:hidden}.unit .pic{background:var(--surface-2);color:var(--ink);border-bottom:1px solid var(--line-2);justify-content:center;padding:10px;display:flex}.unit .pic svg{width:100%;height:150px}.unit .bd{flex-direction:column;gap:3px;padding:10px 12px;display:flex}.kd{font-family:var(--f-mono);background:var(--ink);color:var(--bg);border-radius:4px;padding:1px 7px;font-size:12px;font-weight:500}.unit .ft{border-top:1px solid var(--line-2);align-items:center;gap:4px;margin-top:auto;padding:6px 8px;display:flex}.kv{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.kv .tot{border-top:1px solid var(--line);padding-top:6px;font-size:15px;font-weight:600}.check{border:1.5px solid var(--line);cursor:pointer;background:var(--surface);color:#0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.check.on{background:var(--good);border-color:var(--good);color:var(--on-good)}.check:disabled{cursor:not-allowed;opacity:.45}.check svg{width:14px;height:14px}.ms{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:7px 0;display:flex}.ms:last-child{border-bottom:none}.ms.on span.n{color:var(--muted);text-decoration:line-through}.ms.next span.n{font-weight:600}.note{background:var(--warn-soft);color:var(--warn);border-radius:6px;padding:10px 14px;font-size:13px}.note.info{background:var(--accent-soft);color:var(--accent)}.note.bad{background:var(--bad-soft);color:var(--bad)}.note.warn{background:var(--warn-soft);color:var(--warn)}.stage{border-top:1px solid var(--line-2);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.stage:first-child{border-top:none}.files{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.file{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;color:inherit;border-radius:7px;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.file .th{aspect-ratio:4/3;background:var(--line-2);justify-content:center;align-items:center;max-width:100%;display:flex;overflow:hidden}.file .th img{object-fit:cover;width:100%;height:100%}.file .th svg{width:38px;height:38px;color:var(--bad)}.file .nm{text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;font-size:12px;overflow:hidden}.edgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=860px){.edgrid{grid-template-columns:minmax(0,1fr)}}.canvas{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.canvas svg.ed{width:100%;height:auto;max-height:62vh;display:block}.insp{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.secbox{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.secbox h4{font-family:var(--f-display);margin:0;font-size:20px;font-weight:600;line-height:1.1}.secbox .sub{color:var(--muted);font-size:12px}.pline{grid-template-columns:minmax(0,1fr) 78px 78px 28px;align-items:end;gap:6px;display:grid}.pline.one{grid-template-columns:minmax(0,1fr) 90px 28px}.pline .inp{padding:6px 8px;font-size:13px}.pline label{color:var(--muted);font-size:12px}.chipbtn{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;color:var(--ink);border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-size:13px;display:flex}.chipbtn:hover{border-color:var(--accent)}.chipbtn b{min-width:0;font-weight:600}.chipbtn span{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.acts4{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}details.adv{border-top:1px solid var(--line-2);padding-top:8px}details.adv summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}details.adv[open] summary{margin-bottom:8px}#modal{z-index:50;background:var(--scrim);padding:max(24px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 24px max(12px,env(safe-area-inset-left,0px));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.mbox{background:var(--surface);width:100%;max-width:640px;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;display:flex}.mbox.wide{max-width:1160px}.mbox.doc{background:var(--surface-2);max-width:900px}.mh{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:14px 18px;display:flex}.mh h3{font-family:var(--f-display);margin:0;font-size:22px;font-weight:600}.mh .x{margin-left:auto}.mb{flex-direction:column;gap:14px;padding:18px;display:flex}.mf{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.mgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=820px){.mgrid{grid-template-columns:minmax(0,1fr)}}.models{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.mcard{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;color:var(--ink);border-radius:7px;flex-direction:column;align-items:center;gap:3px;padding:6px;font-size:12px;line-height:1.2;display:flex}.mcard svg{width:100%;height:66px}.mcard.on{border-color:var(--accent);background:var(--accent-soft)}.preview{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:sticky;top:0}.preview svg.big{width:100%;height:280px}.seg{border:1px solid var(--line);border-radius:6px;width:max-content;max-width:100%;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);cursor:pointer;border:none;border-right:1px solid var(--line);padding:6px 11px;font-size:13px}.seg button:last-child{border-right:none}.seg button.on{background:var(--ink);color:var(--bg)}.paperwrap{max-height:72vh;padding:16px;overflow:auto}.paper{background:var(--kertas);color:var(--kertas-ink);width:794px;box-shadow:var(--shadow-lg);margin:0 auto}.rowtbl td,.rowtbl th{padding:5px 6px}.rowtbl input.inp,.rowtbl select.inp{padding:5px 7px;font-size:13px}.viewer{background:var(--surface-2);border-radius:8px;justify-content:center;display:flex;overflow:hidden}.viewer img{max-width:100%;max-height:70vh}svg [data-act]{cursor:pointer}svg .hit:hover{stroke:var(--accent);stroke-width:2px}#toast{left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 16px));z-index:60;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;font-size:13px;position:fixed;transform:translate(-50%)}@media (width<=820px){.preview,.insp{position:static}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;min-width:0;display:flex}.kartu-kepala{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2);display:flex}.kartu-kepala h3{font-size:var(--fs-16);margin:0;font-weight:700}.kartu .ket,.kpi-kartu .ket{color:var(--muted);font-size:var(--fs-12);margin:2px 0 0;line-height:1.45}.kartu-aksi{gap:var(--sp-2);flex-wrap:wrap;display:flex}.kartu-isi{padding:var(--sp-2) var(--sp-4) var(--sp-4);min-width:0}.kpi-kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--sp-4);gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.kpi-label{color:var(--muted);font-size:var(--fs-12);align-items:center;gap:var(--sp-1);font-weight:600;display:flex}.kpi-nilai{font-size:var(--fs-30);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.kpi-tren{font-size:var(--fs-12);font-weight:600}.kpi-tren.good{color:var(--good)}.kpi-tren.bad{color:var(--bad)}.kpi-tren.warn{color:var(--warn)}.kpi-tren.muted{color:var(--muted)}.tabel-gulir{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.t .kol-nama{min-width:14rem}.tabel-kosong{text-align:center;color:var(--muted);padding:var(--sp-5)!important}.pil{font-size:var(--fs-12);white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.pil.good{background:var(--good-soft);color:var(--good)}.pil.warn{background:var(--warn-soft);color:var(--warn)}.pil.bad{background:var(--bad-soft);color:var(--bad)}.pil.accent{background:var(--accent-soft);color:var(--accent)}.medan .bantu{color:var(--muted);font-size:var(--fs-12);margin-top:var(--sp-1)}.medan .galat{color:var(--bad);font-size:var(--fs-12);margin-top:var(--sp-1);font-weight:600}.bantuan{width:24px;height:24px;color:var(--muted);font-size:var(--fs-14);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.bantuan:hover{background:var(--accent-soft);color:var(--accent)}.kosong{align-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-5) var(--sp-4);color:var(--muted);flex-direction:column;display:flex}.kosong b{color:var(--ink);font-size:var(--fs-14)}.langkah{gap:var(--sp-2) var(--sp-3);font-size:var(--fs-12);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.langkah .tahap{align-items:center;gap:6px;display:flex}.langkah i{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:600;display:grid}.langkah .selesai i{background:var(--good-soft);color:var(--good);border-color:#0000}.langkah .sekarang{color:var(--accent);font-weight:700}.langkah .sekarang i{background:var(--accent);color:var(--on-accent);border-color:#0000}.menu-samping{flex-direction:column;gap:2px;display:flex}.menu-samping button{text-align:left;border-radius:var(--r-in);color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:10px 12px;display:flex}.menu-samping button small{color:var(--muted);font-size:var(--fs-12)}.menu-samping button:hover{background:var(--surface-2)}.menu-samping button.on{background:var(--accent-soft);color:var(--accent)}.batang{width:100%;height:120px;display:block}.grafik-batang .sumbu{margin-top:var(--sp-1);display:flex}.grafik-batang .sumbu span{text-align:center;font-size:var(--fs-12);color:var(--muted);flex-direction:column;flex:1;display:flex}.grafik-batang .sumbu b{color:var(--ink);font-size:var(--fs-12)}.batang rect.b0{fill:var(--chart-1)}.batang rect.b1{fill:var(--chart-2)}.cincin{width:104px;height:104px;margin:var(--sp-1) auto;display:block}.cincin .jalur{fill:none;stroke:var(--line);stroke-width:10px}.cincin .isi{fill:none;stroke:var(--chart-1);stroke-width:10px;stroke-linecap:round}.cincin text{fill:var(--ink);font-size:20px;font-weight:700}.kalender{gap:var(--sp-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.kalender .hari{border-radius:var(--r-in);background:var(--surface-2);flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;display:flex}.kalender .hari .nm{font-size:var(--fs-12);color:var(--muted)}.kalender .hari.ada{background:var(--accent-soft)}.kalender .acara{font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;padding:0 4px;overflow:hidden}.kalender .acara.bad{color:var(--bad)}.kalender .acara.warn{color:var(--warn)}.kalender .acara.accent{color:var(--accent)}.kalender .hari.kini{outline:2px solid var(--accent);outline-offset:-2px}.kalender .hari.kini b{color:var(--accent)}.beranda{gap:var(--sp-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}.beranda .kolom{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.beranda .periode{align-self:flex-end}.kpi-baris{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.kpi-tumpuk{gap:var(--sp-3);flex-direction:column;display:flex}.beranda .kpi-kartu .kpi-nilai:empty{display:none}.beranda .prog{flex:none;width:130px}.beranda .prog .small{margin-top:3px;display:block}.beranda .telat{color:var(--bad)}@media (width<=1024px){.beranda{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.kpi-baris{grid-template-columns:minmax(0,1fr)}.beranda .prog{width:96px}}.detail-isi{gap:var(--sp-4);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.detail-isi .menu-samping{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-2);position:sticky;top:96px}.detail-bagian{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.bagian-ket{color:var(--muted);font-size:var(--fs-14);margin:0}.detail-bagian .t th:nth-child(2),.detail-bagian .t td:nth-child(2){min-width:14rem}.detail-bagian .t input.cell[data-hrg]{width:8rem!important}@media (width<=768px){.detail-isi{grid-template-columns:minmax(0,1fr)}.detail-isi .menu-samping{padding:var(--sp-1);-webkit-overflow-scrolling:touch;flex-direction:row;position:static;overflow-x:auto}.detail-isi .menu-samping button{flex:none;min-width:140px}.detail-bagian .t th:nth-child(2),.detail-bagian .t td:nth-child(2){min-width:11rem}}body.tanpa-sesi .side,body.tanpa-sesi .kepala{display:none}body.tanpa-sesi .app{grid-template-columns:minmax(0,1fr)}.masuk{min-height:80vh;padding:var(--sp-5) var(--sp-4);place-items:center;display:grid}.masuk-kartu{width:min(420px,100%);padding:var(--sp-6) var(--sp-5);gap:var(--sp-3)}.masuk-kartu h1{font-size:var(--fs-24);margin:0}.masuk-kartu .ket{margin:0 0 var(--sp-2);color:var(--muted)}.masuk-kartu .btn{justify-content:center;min-height:44px}.masuk-kartu .galat{color:var(--bad);font-weight:600;font-size:var(--fs-14)}.masuk-merek b{font-size:var(--fs-20);letter-spacing:.02em;display:block}.masuk-merek span{color:var(--accent);font-size:var(--fs-12);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.side .saya{margin-bottom:var(--sp-3);color:var(--ink);flex-direction:column;gap:2px;display:flex}.side .saya span{color:var(--muted);font-size:var(--fs-12)}.side .saya .btn{margin-top:var(--sp-1);align-self:flex-start}