:root{--navy:#0a1f3f;--navy-2:#12305f;--cyan:#06b6d4;--bg:#f4f7fb;--card:#fff;--text:#14213d;--muted:#5b6b86;--line:#dde4ef;--danger:#b42318}@media (prefers-color-scheme:dark){:root{--bg:#0a1424;--card:#101f38;--text:#e6edf8;--muted:#93a3c0;--line:#213557}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 Inter,system-ui,sans-serif}h1,h2,.brand{font-family:Space Grotesk,Inter,sans-serif}h1{margin:0;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1.1rem}a{color:var(--cyan)}.bar{background:var(--navy);color:#fff;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.bar a{color:#fff;text-decoration:none}.bar nav{flex:1;gap:1rem;display:flex}.bar form{align-items:center;gap:.5rem;margin-left:auto;display:flex}.bar .muted{color:#b8c6e0}.brand{font-weight:700}.brand span{color:var(--cyan)}.page{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:1rem;padding:1rem}.narrow{max-width:420px;margin:2rem auto}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat{flex-direction:column;margin:0;display:flex}.stat strong{font-family:Space Grotesk,sans-serif;font-size:2rem}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:500}label{margin-bottom:.75rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:.25rem;padding:.55rem .7rem;display:block}button,.btn{border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .9rem;text-decoration:none;display:inline-block}button.primary,.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#04202a;font-weight:600}.bar button{color:#fff;background:0 0;border-color:#fff5}.table-wrap{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .9rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.actions form{gap:.4rem;display:flex}.actions input{width:8rem;margin:0}.pill{background:var(--line);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;display:inline-block}.s-selesai{color:#0b5132;background:#c8f2dc}.s-ditolak{color:var(--danger);background:#fde0dd}.s-diajukan{color:#6b4e00;background:#fff1c2}.s-disetujui_rt{color:#0b3d6e;background:#d3ebff}