:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f5f5f3;--surface-1:#fcfcfb;--border:#e4e3df;--grid:#ebeae6;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#77766f;--brand:#4f00b3;--brand-hover:#3b0086;--series-1:#2a78d6;--good:#0ca30c;--critical:#d03b3b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--border:#2e2e2b;--grid:#2a2a27;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#9b9a91;--brand:#9d6bff;--brand-hover:#b48cff;--series-1:#3987e5}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--border:#2e2e2b;--grid:#2a2a27;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#9b9a91;--brand:#9d6bff;--brand-hover:#b48cff;--series-1:#3987e5}*{box-sizing:border-box}body{background:var(--surface-0);color:var(--text-primary);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit}.page{max-width:1200px;margin:0 auto;padding:16px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:1.3rem}.section-title{color:var(--text-secondary);margin:28px 0 12px;font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;min-width:0;padding:14px}.card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.card-head h2{margin:0;font-size:.95rem}.kpi-label{color:var(--text-secondary);font-size:.85rem}.kpi-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:650}.kpi-sub{color:var(--text-muted);font-size:.8rem}.delta-up{color:var(--good)}.delta-down{color:var(--critical)}.link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 16px}.btn:hover{background:var(--brand-hover)}select,input{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:8px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;border-bottom:1px solid var(--grid);white-space:nowrap;padding:6px 8px}th.text,td.text{text-align:left}th{color:var(--text-secondary);font-size:.85rem;font-weight:600}.login{gap:12px;max-width:360px;margin:12vh auto;display:grid}.login label{color:var(--text-secondary);gap:4px;font-size:.9rem;display:grid}.error{color:var(--critical)}.muted{color:var(--text-muted)}