:root{--latar:#f4f5f7;--kartu:#fff;--teks:#16191d;--redup:#5d6673;--garis:#dfe3e8;--utama:#0f4c81;--utama-teks:#fff;--utama-lembut:#e3eefa;--hijau:#1a7f4b;--hijau-l:#def3e8;--merah:#b42318;--merah-l:#fde7e5;--kuning:#8a5a00;--kuning-l:#fdf0cf;--biru:#0f4c81;--biru-l:#e3eefa;--oranye:#b54708;--oranye-l:#fde8d4;--abu:#4b5563;--abu-l:#eceef1}@media (prefers-color-scheme:dark){:root{--latar:#0f1216;--kartu:#181c22;--teks:#e9edf2;--redup:#9aa5b3;--garis:#2a313a;--utama:#5aa6ee;--utama-teks:#06121f;--utama-lembut:#15283c;--hijau:#55c98a;--hijau-l:#12301f;--merah:#ff8a80;--merah-l:#3a1815;--kuning:#f2c14e;--kuning-l:#33280d;--biru:#7db9f5;--biru-l:#15283c;--oranye:#ffa65c;--oranye-l:#3a2210;--abu:#b3bcc8;--abu-l:#262c34}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--latar);color:var(--teks);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:22px}h2{font-size:17px}h3{color:var(--redup);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--utama)}.rangka{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.samping{background:var(--kartu);border-right:1px solid var(--garis);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.merek{padding:4px 10px 14px;font-size:16px;font-weight:700}.merek small{color:var(--redup);font-size:12px;font-weight:400;display:block}.menu{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.menu:hover{background:var(--abu-l)}.menu.aktif{background:var(--utama-lembut);color:var(--utama);font-weight:600}.menu .ikon{text-align:center;width:20px}.samping .bawah{border-top:1px solid var(--garis);color:var(--redup);margin-top:auto;padding-top:10px;font-size:13px}.isi{width:100%;max-width:1200px;padding:20px 24px 60px}.kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:12px;padding:16px}.kartu+.kartu{margin-top:14px}.grid>.kartu{margin-top:0}.grid{gap:14px;display:grid}.grid.kpi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}.grid.dua{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpi-kotak{background:var(--kartu);border:1px solid var(--garis);border-radius:12px;padding:14px}.kpi-kotak b{font-size:28px;line-height:1.1;display:block}.kpi-kotak span{color:var(--redup);font-size:13px}.kpi-kotak.waspada b{color:var(--merah)}.tombol{border:1px solid var(--garis);background:var(--kartu);cursor:pointer;border-radius:8px;padding:8px 14px}.tombol:hover{background:var(--abu-l)}.tombol.utama{background:var(--utama);color:var(--utama-teks);border-color:var(--utama);font-weight:600}.tombol.utama:hover{filter:brightness(1.08)}.tombol.bahaya{color:var(--merah);border-color:var(--merah)}.tombol.polos{background:0 0;border:0;padding:4px 8px}.tombol.kecil{padding:4px 10px;font-size:13px}.tombol:disabled{opacity:.5;cursor:not-allowed}.tabel-bungkus{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:9px 10px}th{color:var(--redup);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600}td.kanan,th.kanan{text-align:right;font-variant-numeric:tabular-nums}tr.bisa-klik{cursor:pointer}tr.bisa-klik:hover td{background:var(--abu-l)}.redup{color:var(--redup)}.merah{color:var(--merah);font-weight:600}.lencana{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.lencana.hijau{background:var(--hijau-l);color:var(--hijau)}.lencana.merah{background:var(--merah-l);color:var(--merah)}.lencana.kuning{background:var(--kuning-l);color:var(--kuning)}.lencana.biru{background:var(--biru-l);color:var(--biru)}.lencana.oranye{background:var(--oranye-l);color:var(--oranye)}.lencana.abu{background:var(--abu-l);color:var(--abu)}.saring{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.saring input,.saring select,.kolom input,.kolom select,.kolom textarea{border:1px solid var(--garis);background:var(--kartu);border-radius:8px;width:100%;padding:8px 10px}.saring input{max-width:280px}.saring select{width:auto}.chip{border:1px solid var(--garis);background:var(--kartu);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:14px}.chip.aktif{background:var(--utama);color:var(--utama-teks);border-color:var(--utama)}.latar{z-index:50;background:#080c128c;justify-content:center;align-items:flex-start;padding:24px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lembar{background:var(--kartu);border-radius:14px;width:100%;max-width:640px;padding:18px}.lembar-kepala{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.formulir{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formulir .penuh{grid-column:1/-1}.kolom{flex-direction:column;gap:4px;display:flex}.kolom>span{font-size:13px;font-weight:600}.kolom small{color:var(--redup)}.baris-tombol{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.galat{background:var(--merah-l);color:var(--merah);border-radius:8px;margin:10px 0 0;padding:9px 12px}.kosong{color:var(--redup);text-align:center;margin:0;padding:28px 8px}.detail{grid-template-columns:130px 1fr;gap:6px 12px;margin:0 0 12px;display:grid}.detail dt{color:var(--redup)}.detail dd{white-space:pre-wrap;margin:0}.garis-waktu{margin:0;padding:0;font-size:13px;list-style:none}.garis-waktu li{border-bottom:1px dashed var(--garis);padding:4px 0}.masuk{max-width:360px;margin:12vh auto;padding:0 16px}.masuk .kartu{gap:12px;display:grid}.bilah-bawah{display:none}@media (max-width:860px){.rangka{grid-template-columns:1fr}.samping{display:none}.isi{padding:14px 12px 90px}.bilah-bawah{background:var(--kartu);border-top:1px solid var(--garis);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bilah-bawah .menu{border-radius:0;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;width:auto;padding:8px 10px;font-size:11px}.formulir,.detail{grid-template-columns:1fr}}@media print{.samping,.bilah-bawah,.tak-dicetak{display:none!important}.rangka{display:block}body{color:#000;background:#fff}.kartu,.kpi-kotak{break-inside:avoid;border-color:#bbb}.isi{max-width:none;padding:0}}.bar{background:var(--abu-l);border-radius:4px;height:8px;overflow:hidden}.bar i{height:100%;display:block}.bar i.hijau{background:var(--hijau)}.bar i.merah{background:var(--merah)}.dokumen{gap:14px;display:grid}.dokumen .kartu+.kartu{margin-top:0}@media print{.dokumen{gap:8px}.dokumen h2{font-size:15px}}