:root{--h:#1D6648;--l:#e5e7eb;--t:#111;--m:#666;--bg:#fff;--w:#b45309;--r:#b91c1c;--s:#f6f8f7}
@media (prefers-color-scheme:dark){:root{--l:#333;--t:#eee;--m:#aaa;--bg:#161616;--s:#1d1f1e}}
*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:var(--t);background:var(--bg)}
.atas{display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--h);color:#fff}
.atas b{flex:1}.atas span.lihat{background:#fff3;border-radius:6px;padding:2px 8px;font-size:12px}
.atas button{color:#fff;background:none;border:1px solid #fff8;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px}
.tab{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--l)}
.tab a{padding:10px 16px;cursor:pointer;color:var(--t);border-bottom:3px solid transparent}
.tab a.on{border-bottom-color:var(--h);font-weight:600}
.isi{padding:16px;max-width:1500px}
.kecil{display:none;padding:16px;color:var(--r)}
@media (max-width:1279px){.isi,.tab{display:none}.kecil{display:block}}
table{border-collapse:collapse;width:100%;margin:8px 0}th,td{border-bottom:1px solid var(--l);padding:5px 7px;text-align:left;vertical-align:top}
th{background:var(--s);position:sticky;top:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabel{overflow-x:auto}
tr.judul td{font-weight:600;background:var(--s)}tr.jumlah td{font-weight:600;border-top:2px solid var(--l)}tr.info td{color:var(--m)}
input,select,textarea,button{font:inherit;padding:6px 8px;border:1px solid var(--l);border-radius:6px;background:var(--bg);color:var(--t)}
button.p{background:var(--h);color:#fff;border-color:var(--h);cursor:pointer}button{cursor:pointer}
a.t{color:var(--h);cursor:pointer;text-decoration:underline}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.bar label{display:flex;gap:4px;align-items:center;color:var(--m)}
.cat{color:var(--m)}.w{color:var(--w)}.r{color:var(--r)}
.kartu{border:1px solid var(--l);border-radius:8px;padding:10px;margin:8px 0}
.tag{display:inline-block;padding:1px 8px;border-radius:9px;background:var(--l);font-size:12px}
.tag.ok{background:#d9f0e3;color:#14532d}.tag.bad{background:#fde2e2;color:#7f1d1d}
.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:8px 14px;border-radius:8px}
.masuk{max-width:320px;margin:60px auto;display:grid;gap:10px}
.sub{display:flex;gap:6px;margin:8px 0}.sub a{padding:5px 12px;border:1px solid var(--l);border-radius:14px;cursor:pointer}.sub a.on{background:var(--h);color:#fff;border-color:var(--h)}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:8px 0}