:root,:root[data-theme=light]{--primary:#1a2e2a;--primary-light:#2d4f47;--accent:#4a7c59;--accent-dark:#355a42;--accent-warm:#d4c5a0;--danger:#c0392b;--warning:#d68910;--info:#5b8bb8;--bg:#fafaf7;--surface:#fff;--border:#e8e6df;--text:#1a1a1a;--text-muted:#6b6b6b;--header-row:#f5f3ec;--hover-row:#fafaf7;--radius-sm:10px;--radius:14px;--radius-lg:18px;--shadow-sm:0 1px 2px #1a2e2a0a, 0 2px 8px #1a2e2a0d;--shadow-md:0 4px 12px #1a2e2a12, 0 12px 28px #1a2e2a12;--shadow-lg:0 18px 48px #1a2e2a29;--shadow-accent:0 8px 24px #4a7c5938;--ring:0 0 0 3px #4a7c592e;--glass:#fff;--grad-accent:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%)}:root[data-theme=dark]{--primary:#0a1410;--primary-light:#1a2e2a;--accent:#6ba87a;--accent-dark:#8ec79c;--accent-warm:#c9b888;--danger:#e74c3c;--warning:#f39c12;--info:#7fb3d5;--bg:#0d1410;--surface:#1a2420;--border:#2d3a35;--text:#f5f3ec;--text-muted:#9ba39e;--header-row:#2d3a35;--hover-row:#243029;--shadow-sm:0 1px 2px #00000040, 0 2px 8px #0000004d;--shadow-md:0 4px 12px #00000059, 0 12px 28px #0006;--shadow-lg:0 18px 48px #0009;--shadow-accent:0 8px 24px #6ba87a40;--ring:0 0 0 3px #6ba87a38;--glass:#1a2420}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 100% -10%,#4a7c590f,#0000 60%),radial-gradient(900px 500px at -10% 110%,#d4c5a012,#0000 55%);background-attachment:fixed;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.55}:root[data-theme=dark] body{background-image:radial-gradient(1200px 600px at 100% -10%,#6ba87a1a,#0000 60%),radial-gradient(900px 500px at -10% 110%,#c9b8880f,#0000 55%)}.app{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--primary), var(--primary-light));flex:0 0 248px;width:248px;height:100vh;padding:26px 20px 22px;transition:width .2s,flex-basis .2s,padding .2s;position:sticky;top:0;overflow:hidden auto}.sidebar.ciut{flex:0 0 68px;width:68px;padding-left:12px;padding-right:12px}.tombol-ciut{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:0;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;transition:background-color .18s,color .18s,transform .2s;display:grid;position:absolute;top:14px;right:12px}.tombol-ciut:hover{color:#fff;background:#ffffff29}.sidebar.ciut .tombol-ciut{margin:0 auto 14px;position:static;transform:rotate(180deg)}.sidebar.ciut .logo-tagline,.sidebar.ciut .nav-label{display:none}.sidebar.ciut .logo-name{text-align:center;font-size:20px}.sidebar.ciut .nav-section{color:#0000;background:#ffffff29;height:1px;margin:16px 6px 10px;overflow:hidden}.sidebar.ciut .nav-item{justify-content:center;gap:0;padding:11px 0}.sidebar.ciut .nav-item:hover{transform:none}.logo-name{letter-spacing:.14em;background:linear-gradient(135deg, #fff, var(--accent-warm));-webkit-text-fill-color:transparent;border-bottom:2px solid var(--accent);-webkit-background-clip:text;background-clip:text;padding-bottom:10px;font-size:26px;font-weight:800;display:inline-block}.logo-tagline{letter-spacing:.18em;color:#ffffff8c;margin-top:12px;font-size:9.5px;line-height:1.8}.nav-section{letter-spacing:.16em;color:#fff6;margin:24px 0 8px;font-size:10px;font-weight:700}.nav-item{white-space:nowrap;color:#ffffffbf;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;text-decoration:none;transition:background-color .18s,transform .18s,color .18s;display:flex;position:relative}.nav-item:hover{background:#ffffff14;transform:translate(2px)}.nav-item.aktif{color:#fff;box-shadow:var(--shadow-accent);background:linear-gradient(135deg,#4a7c59f2,#355a42f2)}.nav-item.aktif:before{content:"";background:var(--accent-warm);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:20%;left:-10px}.main{flex:1;min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--border);background:var(--glass);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.page-title{margin:0;font-size:17px;font-weight:600}.content{padding:24px 28px 40px;animation:.28s both masuk}@keyframes masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 3%, var(--surface)), var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:22px;transition:border-color .18s,box-shadow .22s,transform .18s}.card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.card-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px;margin-right:10px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px;transition:transform .18s,box-shadow .22s;position:relative;overflow:hidden;container-type:inline-size}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi:before{content:"";background:var(--grad-accent);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.kpi.info:before{background:linear-gradient(135deg, var(--info), #8fc0e0)}.kpi.warning:before{background:linear-gradient(135deg, var(--warning), #f0b35a)}.kpi.danger:before{background:linear-gradient(135deg, var(--danger), #e07c6f)}.kpi .label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11.5px}.kpi .value{white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:clamp(15px,10cqw,24px);font-weight:700}.kpi .sub{color:var(--text-muted);margin-top:4px;font-size:11.5px}.kpi.accent .value{color:var(--accent-dark)}.kpi.info .value{color:var(--info)}.kpi.warning .value{color:var(--warning)}.kpi.danger .value{color:var(--danger)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{background:var(--header-row);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;white-space:nowrap;padding:9px 10px;font-size:11.5px;font-weight:600;position:sticky;top:0}table.data td{border-bottom:1px solid var(--border);padding:9px 10px}table.data tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--accent) 2.5%, transparent)}table.data tbody tr:hover td{background:var(--hover-row)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.data tr.tebal td{font-weight:700;background:var(--header-row)!important}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px #0000000a}.badge.ok{color:#065f46;background:#d1fae5}.badge.warn{color:#92400e;background:#fef3c7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.info{color:#1e40af;background:#dbeafe}.badge.muted{color:#475569;background:#e2e8f0}:root[data-theme=dark] .badge.ok{color:#a7f3d0;background:#14532d}:root[data-theme=dark] .badge.warn{color:#fde68a;background:#78350f}:root[data-theme=dark] .badge.danger{color:#fecaca;background:#7f1d1d}:root[data-theme=dark] .badge.info{color:#bfdbfe;background:#1e3a5f}:root[data-theme=dark] .badge.muted{color:#cbd5e1;background:#334155}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:9px 16px;font-size:13px;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.btn:hover{background:var(--hover-row);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;text-transform:uppercase;letter-spacing:.04em;border-color:#0000;padding:10px 18px;font-size:12px;font-weight:600}.btn.primary:hover{background:var(--grad-accent);box-shadow:var(--shadow-accent)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;padding:9px 11px;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}label{color:var(--text-muted);font-size:12px;font-weight:500}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grid-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.muted{color:var(--text-muted)}.chart-box{height:280px;position:relative}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.tema-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.tema-toggle:hover{border-color:var(--accent);color:var(--accent-dark)}.tema-toggle svg{color:var(--accent)}:root[data-theme=dark] .tema-toggle svg{color:var(--accent-warm)}.login-screen{background:radial-gradient(at 100% 0,#4a7c5926,#0000 50%),radial-gradient(at 0 100%,#d4c5a01a,#0000 50%),linear-gradient(#0a1410,#1a2e2a);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:420px;padding:44px 40px 36px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-warm), var(--accent));background-size:200% 100%;height:4px;animation:6s linear infinite kilau;position:absolute;inset:0 0 auto}@keyframes kilau{to{background-position:200% 0}}.logo-big{background:var(--primary);color:#fff;border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:22px;font-weight:800;display:grid;box-shadow:0 12px 28px #1a2e2a4d}.login-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.login-card h1{text-transform:uppercase;margin:10px 0 6px;font-size:26px;font-weight:800}.form-login{text-align:left;flex-direction:column;gap:12px;margin-top:24px;display:flex}.pesan-galat{background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite putar;display:inline-block}.loader.besar{border-width:3px;width:36px;height:36px}@keyframes putar{to{transform:rotate(360deg)}}.pusat-pemuat{color:var(--text-muted);place-items:center;gap:12px;padding:60px 20px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.tombol-menu{display:none}@media (width<=768px){.sidebar{z-index:50;transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.buka{transform:none}.topbar .btn.tombol-menu{flex:none;justify-content:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.tirai-laci{z-index:40;background:#0a141080;position:fixed;inset:0}.content{padding:14px}.topbar{flex-wrap:nowrap;gap:8px;padding:10px 14px}.page-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.user-chip>div:not(.avatar){display:none}.user-chip{gap:0;padding:4px}.teks-tombol{display:none}.content .row{flex-wrap:wrap;gap:8px}.topbar .row{flex-wrap:nowrap;min-width:0}.content .row.between{align-items:stretch}.content .row input[type=date]{flex:120px;min-width:0}.content .row select{flex:140px;min-width:0}.content .row .btn{flex:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:13px}.kpi .value{font-size:clamp(15px,6.5cqw,21px)}.kpi .label,.kpi .sub{font-size:10.5px}.table-wrap{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.grid-2>*,.content>*{min-width:0}.pil{min-height:40px;padding:9px 15px;font-size:13px}table.data{font-size:12.5px}table.data th,table.data td{white-space:nowrap;padding:8px 9px}.btn{min-height:40px}input,select,textarea{min-height:40px;font-size:16px}.modal{padding:18px}.isian-kisi{grid-template-columns:1fr}.tombol-ciut{display:none}.tema-toggle{min-width:44px;min-height:44px}}@media (width<=420px){.kpi-grid{grid-template-columns:1fr}.kpi .value{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.modal-latar{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0a141073;justify-content:safe center;align-items:safe center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overscroll-behavior:contain;width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) both modalMasuk;overflow-y:auto}@keyframes modalMasuk{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal h3{margin:0 0 18px;font-size:16px;font-weight:700}.modal-kaki{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.isian-kisi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.isian{flex-direction:column;gap:5px;min-width:0;display:flex}.isian.penuh{grid-column:1/-1}.isian input,.isian select,.isian textarea{width:100%}.isian-bantuan{color:var(--text-muted);font-size:11.5px;line-height:1.45}.aksi-baris{justify-content:flex-end;gap:6px;display:flex}.btn.kecil{border-radius:8px;padding:5px 9px;font-size:12px}.btn.bahaya{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.btn.bahaya:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:var(--danger)}.toast-wadah{z-index:200;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-sm);background:var(--text);color:var(--bg);max-width:380px;padding:12px 18px;font-size:13px;animation:.3s both toastNaik;box-shadow:0 10px 25px #00000026}.toast.berhasil{background:var(--accent-dark);color:#fff}.toast.gagal{background:var(--danger);color:#fff}@keyframes toastNaik{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.papan{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.papan-kolom{margin-bottom:0}.rangka-kartu{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:7px;margin-top:10px;padding:12px;display:flex}.papan-isi{flex-direction:column;gap:8px;display:flex}.kartu-task{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .18s,box-shadow .18s;overflow:hidden}.kartu-task:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:var(--shadow-sm)}.kartu-task-utama{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:11px 12px;display:block}.kartu-task-utama:disabled{cursor:default}.kartu-task-utama:focus-visible{box-shadow:var(--ring);outline:none}.kartu-task-utama .judul{font-weight:600;line-height:1.35}.kartu-task-pindah{justify-content:flex-end;gap:4px;padding:0 8px 8px;display:flex}.kecil{font-size:11.5px}.nilai-setelan{background:var(--header-row);border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (width<=900px){.papan{grid-template-columns:1fr}}.saring-kategori{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.pil{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;padding:5px 13px;font-size:12px;transition:background-color .18s,border-color .18s,color .18s}.pil:hover{border-color:var(--accent);color:var(--accent-dark)}.pil:focus-visible{box-shadow:var(--ring);outline:none}.pil.aktif{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .pil.aktif{color:#0d1410}.pesan-info{background:color-mix(in srgb, var(--info) 10%, transparent);border:1px solid color-mix(in srgb, var(--info) 30%, transparent);color:var(--text);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.kotak-pakai-stok{background:var(--header-row);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:18px;padding:16px}.kotak-judul{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.kode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.baris-item{grid-template-columns:2fr 80px 140px auto 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.baris-item input,.baris-item select{width:100%}.kepala-item{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:11px}.baris-bermasalah td{background:color-mix(in srgb, var(--danger) 8%, transparent)!important}.kisi-skenario{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kolom-skenario{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex}.judul-skenario{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);font-size:12px;font-weight:700}:root[data-theme=dark] .judul-skenario{color:var(--accent)}@media (width<=820px){.kisi-skenario{grid-template-columns:1fr}.baris-item{grid-template-columns:1fr 1fr}.kepala-item{display:none}}.rangka{background:linear-gradient(90deg, var(--header-row) 25%, color-mix(in srgb, var(--accent) 8%, var(--header-row)) 50%, var(--header-row) 75%);background-size:200% 100%;border-radius:5px;height:1em;animation:1.4s ease-in-out infinite rangkaGeser;display:block}.kpi .rangka:first-child{height:11px;margin-bottom:12px}.kpi .rangka:last-child{height:22px}.card>.rangka:first-child{height:12px;margin-bottom:18px}@keyframes rangkaGeser{0%{background-position:200% 0}to{background-position:-200% 0}}.rangka-grafik{align-items:flex-end;padding:12px 4px;display:flex}.rangka-batang{align-items:flex-end;gap:10px;width:100%;height:100%;display:flex}.rangka-batang .rangka{border-radius:5px 5px 2px 2px;flex:1}.memuat-halaman{animation:.2s both munculHalus}@keyframes munculHalus{0%{opacity:0}to{opacity:1}}.sedang-segar{opacity:.55;pointer-events:none;transition:opacity .15s}.hanya-pembaca-layar{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.rangka{animation:none}}.kotak-google{display:none}.kotak-google.siap{flex-direction:column;align-items:center;gap:14px;margin-top:18px;display:flex}.pemisah-masuk{width:100%;color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.pemisah-masuk:before,.pemisah-masuk:after{content:"";background:var(--border);flex:1;height:1px}.catatan-info,.catatan-bahaya{border-radius:var(--radius);border:1px solid var(--border);padding:12px 14px;font-size:13px;line-height:1.55}.catatan-info{background:color-mix(in srgb, var(--info) 8%, transparent);border-color:color-mix(in srgb, var(--info) 30%, var(--border))}.catatan-bahaya{background:color-mix(in srgb, var(--danger) 8%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, var(--border));margin-bottom:14px}.kode-blok{border-radius:var(--radius);background:color-mix(in srgb, var(--text) 5%, var(--surface));border:1px solid var(--border);white-space:pre;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.kode-blok.pilih-semua{-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-all;margin-bottom:12px}.pil-kecil{border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.pil-kecil.mode-baca{background:color-mix(in srgb, var(--info) 12%, transparent);border-color:color-mix(in srgb, var(--info) 35%, var(--border))}.pil-kecil.mode-tulis{background:color-mix(in srgb, var(--warning) 14%, transparent);border-color:color-mix(in srgb, var(--warning) 38%, var(--border))}.pil-kecil.mode-penuh{background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.baris-redup td{opacity:.5}