:root{--bg:#0b0e14;--surface:#131822;--surface-2:#1b212d;--border:#283040;--text:#e6edf6;--muted:#8a97ab;--accent:#3b82f6;--green:#2bb673;--amber:#f0b429;--red:#e0303a;--radius:10px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:220px;border-right:1px solid var(--border);padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-weight:800;font-size:16px;margin:4px 8px 16px}.brand b{color:var(--accent)}.navlink{display:block;padding:8px 10px;border-radius:8px;color:var(--text);margin-bottom:2px}.navlink:hover{background:var(--surface-2);text-decoration:none}.navlink.section{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:14px 10px 4px;padding:0}.main{flex:1 1;min-width:0;padding:24px 28px;max-width:1180px}h1{font-size:20px;margin:0 0 4px}h2{font-size:15px;margin:22px 0 10px}.sub{color:var(--muted);margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:8px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.kpi .n{font-size:22px;font-weight:700}.kpi .l{color:var(--muted);font-size:12px;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}th{font-weight:600}.mono,th{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.pill.green,.pill.ok,.pill.on_track{color:var(--green);border-color:var(--green)}.pill.amber,.pill.at_risk{color:var(--amber);border-color:var(--amber)}.pill.denied,.pill.red,.pill.suspended{color:var(--red);border-color:var(--red)}.btn{background:var(--accent);color:#fff;border:none;padding:7px 12px;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px}.btn.red{background:var(--red)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn:disabled{opacity:.5}input{padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.muted,.note{color:var(--muted)}.note{border:1px dashed var(--border);border-radius:8px;padding:10px 12px;font-size:12px}.center-screen{display:grid;place-items:center;min-height:100vh}.authbox{width:360px}.err{color:var(--red);font-size:13px}.right{text-align:right}.side-foot{position:absolute;bottom:16px;width:196px}.card{overflow-x:auto}.card,.shell,.side{min-width:0}.kpi .n,.note,.sub,td,th{overflow-wrap:anywhere;word-break:break-word}.card::-webkit-scrollbar{height:8px}.card::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}@media (max-width:820px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;padding:10px 12px}.side .brand{width:100%;margin:0 0 8px}.navlink.section{display:none}.navlink{padding:6px 10px}.side-foot{position:static;width:100%;order:99;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.side-foot .muted{margin:0!important}.side-foot form{width:auto}.side-foot .btn{width:auto!important}.main{padding:16px 14px}.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:18px}}