/* Tata letak: landing satu kolom lebar; admin = sidebar + area kerja. Palet hijau tanaman dengan aksen kuning buah sawit. */
:root{--bg:#eef2ec;--panel:#fff;--ink:#17261d;--mut:#5a6b60;--line:#d5ddd2;--brand:#1f5a3a;--brand2:#2f7a4e;--onbrand:#fff;--fruit:#e0a010;--bad:#b3261e;--badbg:#fbe7e5;--mid:#9a5a00;--midbg:#fbf0dc;--ok:#1f6b3a;--okbg:#e2f1e6;--soft:#e4ebe1;
--disp:"Bricolage Grotesque",Georgia,serif;--sans:"Public Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1812;--panel:#16231b;--ink:#e5ece2;--mut:#98a99d;--line:#2a3b2f;--brand:#6fc18b;--brand2:#4ea86d;--onbrand:#0b1a10;--fruit:#f0bb3a;--bad:#ff8f86;--badbg:#3a1a18;--mid:#f0c277;--midbg:#2e2412;--ok:#8fd4a3;--okbg:#17301f;--soft:#1d2d22;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f1812;--panel:#16231b;--ink:#e5ece2;--mut:#98a99d;--line:#2a3b2f;--brand:#6fc18b;--brand2:#4ea86d;--onbrand:#0b1a10;--fruit:#f0bb3a;--bad:#ff8f86;--badbg:#3a1a18;--mid:#f0c277;--midbg:#2e2412;--ok:#8fd4a3;--okbg:#17301f;--soft:#1d2d22;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--disp);margin:0;text-wrap:balance;line-height:1.12}
a{color:var(--brand)} button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--fruit);outline-offset:2px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:6px;border:1px solid var(--line);background:var(--panel);cursor:pointer;text-decoration:none;font-weight:600;font-size:14px}
.btn:hover{border-color:var(--brand)}
.btn.pri{background:var(--brand);color:var(--onbrand);border-color:var(--brand)}
.btn.bad{color:var(--bad)} .btn.sm{padding:5px 10px;font-size:13px}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--soft);color:var(--mut)}
.pill.ok{background:var(--okbg);color:var(--ok)} .pill.bad{background:var(--badbg);color:var(--bad)} .pill.mid{background:var(--midbg);color:var(--mid)}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}