:root{--h:#1D6648;--l:#e5e7eb;--t:#111;--m:#666;--bg:#fff;--w:#b45309;--r:#b91c1c}
@media (prefers-color-scheme:dark){:root{--l:#333;--t:#eee;--m:#aaa;--bg:#161616}}
*{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 a,.atas button{color:#fff;background:none;border:1px solid #fff8;border-radius:6px;padding:4px 10px;cursor:pointer;text-decoration:none;font-size:13px}
.rangka{display:flex}.sisi{width:190px;border-right:1px solid var(--l);padding:8px;min-height:90vh}
.sisi a{display:block;padding:7px 10px;border-radius:6px;color:var(--t);text-decoration:none;cursor:pointer}
.sisi a.on{background:var(--h);color:#fff}.sisi a.segera{color:var(--m)}.sisi small{color:var(--m)}
.isi{flex:1;padding:16px;min-width:0}
body[data-versi=hp] .rangka{display:block}body[data-versi=hp] .sisi{width:auto;min-height:0;display:flex;overflow-x:auto;border:0;border-bottom:1px solid var(--l)}
body[data-versi=hp] .sisi a{white-space:nowrap}body[data-versi=hp] .isi{padding:10px}
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}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.tabel{overflow-x:auto}
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}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.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 7px;border-radius:9px;background:var(--l);font-size:12px}
.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}