:root{--bg:#f6f7f9;--kartu:#fff;--teks:#1d2430;--redup:#667085;--garis:#e4e7ec;--aksen:#0f6e56;--merah:#b42318;--kuning:#b54708;--hijau:#067647;--sorot:#f0f7f4}@media (prefers-color-scheme:dark){:root{--bg:#0f1318;--kartu:#171c23;--teks:#e6e9ee;--redup:#98a2b3;--garis:#2a313b;--aksen:#3ccf9e;--merah:#f97066;--kuning:#fdb022;--hijau:#47cd89;--sorot:#14231e}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--teks);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--aksen)}header{background:var(--kartu);border-bottom:1px solid var(--garis);position:-webkit-sticky;position:sticky;top:0;z-index:5}.atas{display:flex;gap:4px 18px;align-items:center;flex-wrap:wrap;padding:10px 16px;max-width:1500px;margin:auto}.atas b{margin-right:8px}.atas nav{display:flex;gap:2px;flex-wrap:wrap}.atas nav a{padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--teks)}.atas nav a:hover{background:var(--sorot)}.atas form{margin-left:auto}main{max-width:1500px;margin:auto;padding:16px}h1{font-size:20px;margin:4px 0 12px}h2{font-size:16px;margin:24px 0 8px}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;padding:14px}.filter,.kartu{margin-bottom:14px}.filter{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.filter label{display:flex;flex-direction:column;font-size:12px;color:var(--redup);gap:2px}button,input,select,textarea{font:inherit;color:inherit;background:var(--kartu);border:1px solid var(--garis);border-radius:6px;padding:6px 8px}button{cursor:pointer;background:var(--aksen);color:#fff;border-color:var(--aksen)}button.kedua{background:transparent;color:var(--teks);border-color:var(--garis)}button.bahaya{background:transparent;color:var(--merah);border-color:var(--merah)}.gulir{overflow-x:auto;border:1px solid var(--garis);border-radius:10px;background:var(--kartu)}table{border-collapse:collapse;width:100%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td,th{padding:6px 10px;border-bottom:1px solid var(--garis);text-align:right;white-space:nowrap}th{font-weight:600;color:var(--redup);font-size:12px;top:0}td:first-child,th,th:first-child{background:var(--kartu);position:-webkit-sticky;position:sticky}td:first-child,th:first-child{text-align:left;left:0;z-index:1}td.kiri,th.kiri{text-align:left}tr.tebal td{font-weight:600;background:var(--sorot)}tr.sub td:first-child{padding-left:24px;color:var(--redup)}tr.pemisah td{border-bottom:2px solid var(--garis)}td.total,th.total{background:var(--sorot);font-weight:600}.ringkas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.ringkas div{background:var(--kartu);border:1px solid var(--garis);border-radius:10px;padding:10px 12px}.ringkas small{color:var(--redup);display:block;font-size:12px}.ringkas strong{font-size:18px}.pesan{padding:10px 12px;border-radius:8px;background:var(--sorot);border:1px solid var(--aksen);margin-bottom:14px}.catatan{color:var(--redup);font-size:12.5px}.merah{color:var(--merah)}.kuning{color:var(--kuning)}.hijau{color:var(--hijau)}.lencana{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;border:1px solid}form.baris{display:flex;gap:6px;align-items:center;flex-wrap:wrap}form.baris input:not([type]),form.baris input[type=text]{width:auto}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:14px;gap:14px}@media (max-width:640px){main{padding:10px}.atas form{margin-left:0}}:root{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a}@media (prefers-color-scheme:dark){:root{--s1:#3987e5;--s2:#d95926;--s3:#199e70}}.grafik{margin:0 0 14px;background:var(--kartu);border:1px solid var(--garis);border-radius:10px;padding:12px 12px 6px}.grafik figcaption{font-weight:600;margin-bottom:4px}.grafik svg{width:100%;height:auto;display:block}.grafik .kisi{stroke:var(--garis);stroke-width:1}.grafik .nol{stroke:var(--redup);stroke-width:1}.grafik .sumbu{fill:var(--redup);font-size:11px}.grafik .label-seri{fill:var(--teks);font-size:12px;font-weight:600}.grafik circle:hover+circle,.grafik path:hover{opacity:.8}.legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--redup);margin-bottom:4px}.legenda i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.naik{color:var(--hijau)}.turun{color:var(--merah)}.delta{font-size:11.5px;display:block}.tab{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.tab a{padding:6px 12px;border:1px solid var(--garis);border-radius:99px;text-decoration:none;color:var(--teks);background:var(--kartu)}.tab a.aktif{background:var(--aksen);border-color:var(--aksen);color:#fff}