:root{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px}[data-theme=dark]{--bg-0:#050b08;--bg-1:#0a1410;--bg-2:#112018;--bg-3:#16291f;--surface:#122218;--surface-muted:#0d1a13;--text:#e9fff2;--text-strong:#f7fff9;--muted:#9ab9aa;--edge:#39ec86;--edge-soft:#1e5c3e;--warn:#ffd166;--danger:#ff7d7d;--stroke:#243a2d;--stroke-strong:#2c4837;--shadow-soft:0 8px 22px #00000040;--shadow-deep:0 16px 40px #0006;--pill-bg:#08100c99;--chip-positive-bg:#18493159;--btn-bg-from:#112219;--btn-bg-to:#0c1712;--nav-bg:#08100dbf;--nav-active-bg:#1b4c3459;--nav-header-bg:#070e0bdb;--overlay-bg:#02080594;--banner-from:#142a1fd9;--banner-to:#0d1a13d9;--context-from:#102018cc;--context-to:#0a110dcc;--body-radial-1:#31986224;--body-radial-2:#1f6e4e33}[data-theme=light]{--bg-0:#f5faf7;--bg-1:#edf5f0;--bg-2:#e4ede8;--bg-3:#d8e4dd;--surface:#e8f0eb;--surface-muted:#f0f7f3;--text:#0a1410;--text-strong:#050b08;--muted:#5a7a68;--edge:#1a9e52;--edge-soft:#c8edda;--warn:#b8860b;--danger:#d44040;--stroke:#c4d8cc;--stroke-strong:#a8c4b2;--shadow-soft:0 4px 16px #00000014;--shadow-deep:0 8px 24px #0000001f;--pill-bg:#e8f0ebcc;--chip-positive-bg:#c8edda80;--btn-bg-from:#e8f0eb;--btn-bg-to:#dce6df;--nav-bg:#e8f0ebd9;--nav-active-bg:#c8edda80;--nav-header-bg:#edf5f0eb;--overlay-bg:#0000004d;--banner-from:#e4ede8f2;--banner-to:#f0f7f3f2;--context-from:#e4ede8d9;--context-to:#f0f7f3d9;--body-radial-1:#1a9e520f;--body-radial-2:#1a9e520a}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%,var(--body-radial-1),transparent 35%),radial-gradient(circle at 90% -10%,var(--body-radial-2),transparent 30%),linear-gradient(180deg,var(--bg-1)0%,var(--bg-0)100%);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}input,select,button{font:inherit}input,select{border:1px solid var(--stroke);background:var(--surface-muted);color:var(--text);border-radius:var(--radius-sm);min-height:38px;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--edge);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding-top:44px;padding-bottom:44px}.stack{gap:var(--space-3);display:grid}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pill,.chip{border:1px solid var(--stroke);color:var(--muted);background:var(--pill-bg);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.chip-positive{color:var(--edge);border-color:var(--edge-soft);background:var(--chip-positive-bg)}.panel,.card{background:linear-gradient(180deg,var(--bg-2)0%,var(--surface-muted)100%);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-soft)}.surface-muted{background:var(--surface-muted)}.card:hover,.panel:hover{border-color:var(--stroke-strong)}.card-title{color:var(--text-strong);margin-top:0;margin-bottom:6px}.subtle{color:var(--muted)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.metric{letter-spacing:.01em;color:var(--edge);font-size:1.7rem;font-weight:700}.stat{gap:4px;display:grid}.btn-link{border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--text);background:linear-gradient(180deg,var(--btn-bg-from)0%,var(--btn-bg-to)100%);cursor:pointer;padding:8px 12px;transition:transform .14s,border-color .14s,background .14s}.btn-link:hover{border-color:var(--stroke-strong);transform:translateY(-1px)}.btn-link:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{color:#ecfff5;background:linear-gradient(#2f9f64 0%,#24734b 100%);border-color:#2f9f64}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--stroke);padding:10px 0;font-size:.8rem;font-weight:700}.table td{border-top:1px solid var(--stroke);padding:10px 0}.value-positive{color:var(--edge)}.value-negative{color:var(--danger)}.app-grid{grid-template-columns:260px minmax(0,1fr);gap:18px;padding-top:24px;padding-bottom:32px;display:grid}.app-rail{height:fit-content;position:sticky;top:82px}.app-main{gap:var(--space-3);display:grid}.status-banner{border-bottom:1px solid var(--stroke);background:linear-gradient(180deg,var(--banner-from)0%,var(--banner-to)100%);padding:8px 0}.app-context{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--stroke);background:linear-gradient(180deg,var(--context-from)0%,var(--context-to)100%);flex-wrap:wrap;padding:12px 14px;display:flex}.nav-list{gap:8px;display:grid}.nav-link{border:1px solid var(--stroke);color:var(--muted);background:var(--nav-bg);border-radius:12px;padding:9px 12px;transition:all .14s}.nav-link:hover{color:var(--text);border-color:var(--stroke-strong)}.nav-link-active{color:var(--text-strong);border-color:var(--edge-soft);background:var(--nav-active-bg)}.toast-viewport{z-index:50;gap:8px;width:min(360px,100vw - 24px);display:grid;position:fixed;bottom:16px;right:16px}.toast-card{padding:10px 12px}.palette-overlay{background:var(--overlay-bg);z-index:60;place-items:start center;padding-top:100px;display:grid;position:fixed;inset:0}.palette-card{width:min(640px,100vw - 24px)}@media (max-width:980px){.app-grid{grid-template-columns:1fr}.app-rail{position:static}}.auth-layout{grid-template-columns:1fr}@media (min-width:720px){.auth-layout{grid-template-columns:1fr 1fr}}@media (max-width:768px){.grid-auto{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.app-grid{grid-template-columns:1fr;padding-top:12px}.app-rail{position:static}h1{font-size:1.6rem!important}.metric{font-size:1.3rem}.cluster{gap:6px}.nav-list{gap:4px}.nav-link{padding:7px 10px;font-size:.9rem}.table{font-size:.85rem}.table th,.table td{padding:6px 4px}.container{padding:0 12px}.card,.panel{padding:12px}}@media (max-width:480px){.cluster{flex-direction:column;align-items:stretch}.pill,.chip{text-align:center;justify-content:center}.btn-link{text-align:center;width:100%}}