:root{--bg:#f7f7f5;--kartu:#ffffff;--garis:#e4e4e0;--teks:#1c1c1a;--redup:#6b6b66;--aksen:#2f6f4e;--aksen-lembut:#e6f0ea;--merah:#b4453a;--kuning:#b8862b;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#17181a;--kartu:#202225;--garis:#313337;--teks:#ececea;--redup:#9a9a95;--aksen:#6ec397;--aksen-lembut:#23342b;--merah:#e08276;--kuning:#dcb262}}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--teks);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.bungkus{max-width:860px;margin:0 auto;padding:16px 16px 88px}header.atas{padding:18px 0 10px}header.atas h1{font-size:19px;margin:0;letter-spacing:-.01em}header.atas p{margin:3px 0 0;color:var(--redup);font-size:13px}nav.bawah{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--kartu);border-top:1px solid var(--garis);padding-bottom:env(safe-area-inset-bottom)}nav.bawah a{flex:1 1;text-align:center;padding:11px 4px 13px;font-size:11.5px;color:var(--redup)}nav.bawah a .ikon{display:block;font-size:17px;margin-bottom:2px}nav.bawah a.aktif{color:var(--aksen);font-weight:600}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:14px;margin-bottom:12px}.kartu h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--redup);margin:0 0 10px;font-weight:600}.angka-besar{font-size:30px;font-weight:650;letter-spacing:-.02em}.satuan{font-size:13px;color:var(--redup);font-weight:400}.baris{display:flex;gap:10px;flex-wrap:wrap}.baris>*{flex:1 1;min-width:0}.bar-luar{height:7px;background:var(--garis);border-radius:4px;overflow:hidden;margin-top:6px}.bar-dalam{height:100%;background:var(--aksen);border-radius:4px}.bar-dalam.lewat{background:var(--kuning)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--redup);font-weight:600;padding:5px 6px}td,th{border-bottom:1px solid var(--garis)}td{padding:7px 6px;vertical-align:top}tr:last-child td{border-bottom:0}td.angka,th.angka{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.label{display:inline-block;font-size:10.5px;padding:1.5px 6px;border-radius:5px;background:var(--aksen-lembut);color:var(--aksen);font-weight:600;vertical-align:middle}.label.abu{background:var(--garis)}.label.abu,.redup{color:var(--redup)}.kecil{font-size:13px}.kosong{color:var(--redup);font-size:14px;padding:6px 0}form.sebaris{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}label.medan{display:block;font-size:12px;color:var(--redup);margin-bottom:3px}input,select{font:inherit;padding:8px 10px;border:1px solid var(--garis);border-radius:8px;background:var(--bg);color:var(--teks);width:100%}button{font:inherit;font-weight:600;padding:8px 14px;border:0;border-radius:8px;background:var(--aksen);color:#fff;cursor:pointer}button.hapus{background:transparent;color:var(--merah);padding:2px 6px;font-size:12px;font-weight:500}