:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0b0b16;--surface-1:#15162a;--surface-2:#1d1f3d;--surface-hover:#23264a;--text-primary:#f4f2ff;--text-secondary:#c3c2d9;--text-muted:#8c8aa8;--grid:#26284a;--baseline:#3a3c63;--border:#ffffff17;--brand:#8b5cf6;--brand-2:#4f8cff;--brand-soft:#8b5cf629;--gold:#f5c451;--series-1:#3987e5;--series-1-wash:#3987e51f;--deemph:#4a4c6d;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--good-text:#34d399;--radius:14px;--shadow:0 10px 30px #00000059;color:var(--text-primary);background:var(--page);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}@media (prefers-color-scheme:light){:root:where(:not([data-theme=dark])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f6fa;--surface-1:#fcfcfb;--surface-2:#f1f0f7;--surface-hover:#ebe9f5;--text-primary:#0b0b18;--text-secondary:#4a4960;--text-muted:#7d7b92;--grid:#e4e3ec;--baseline:#c3c2d0;--border:#0b0b181a;--brand-soft:#8b5cf61a;--series-1:#2a78d6;--series-1-wash:#2a78d61a;--deemph:#c9c8d6;--good-text:#006300;--shadow:0 10px 30px #14143c14}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f6fa;--surface-1:#fcfcfb;--surface-2:#f1f0f7;--surface-hover:#ebe9f5;--text-primary:#0b0b18;--text-secondary:#4a4960;--text-muted:#7d7b92;--grid:#e4e3ec;--baseline:#c3c2d0;--border:#0b0b181a;--brand-soft:#8b5cf61a;--series-1:#2a78d6;--series-1-wash:#2a78d61a;--deemph:#c9c8d6;--good-text:#006300;--shadow:0 10px 30px #14143c14}*{box-sizing:border-box}html,body,#root{background:var(--page);min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0}h1{font-size:24px;font-weight:700}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:650}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.tnum{font-variant-numeric:tabular-nums}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);height:100vh;padding:18px 12px;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:.18em;align-items:center;gap:10px;padding:6px 10px 18px;font-size:13px;font-weight:800;display:flex}.brand-mark{border-radius:50%;width:30px;height:30px;display:block}.nav a{color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:550;display:flex}.nav a:hover{background:var(--surface-hover);color:var(--text-primary)}.nav a.active{background:var(--brand-soft);color:var(--text-primary)}.nav .section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:18px 12px 6px;font-size:11px}.main{min-width:0;padding:24px 28px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-head p{margin:4px 0 0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.three{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.spacer{flex:1}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px 18px}.clickable-card{cursor:pointer;transition:border-color .15s}.clickable-card:hover{border-color:var(--brand)}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.card-head p{color:var(--text-muted);margin:3px 0 0;font-size:12px}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:8px 14px;font-weight:600}button:hover{background:var(--surface-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}button.danger{color:var(--critical)}button.ghost{background:0 0}button.small{padding:5px 10px;font-size:12px}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;outline:none;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand)}textarea{resize:vertical;width:100%;min-height:120px;line-height:1.5}label.field{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:600;display:grid}label.field input,label.field select,label.field textarea{width:100%}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.segmented button{color:var(--text-secondary);background:0 0;border:0;border-radius:8px;padding:6px 12px;font-weight:600}.segmented button.on{background:var(--surface-1);color:var(--text-primary);box-shadow:0 1px 3px #0003}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-hover)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge .dot{border-radius:50%;width:7px;height:7px}.badge.brand{background:var(--brand-soft);color:var(--text-primary)}.badge.gold{color:var(--text-primary)}.badge.gold .dot{background:var(--gold)}.overlay{z-index:30;background:#05050f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface-1);border-left:1px solid var(--border);width:min(640px,100vw);height:100%;box-shadow:var(--shadow);padding:22px;overflow-y:auto}.modal-wrap{z-index:40;background:#05050f99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--border);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:18px;padding:22px;overflow-y:auto}.toast{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);z-index:60;border-radius:12px;padding:10px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.error-box{background:#d03b3b14;border:1px solid #d03b3b80;border-radius:10px;padding:10px 14px}.stat{gap:4px;display:grid}.stat .label{color:var(--text-secondary);font-size:12px;font-weight:600}.stat .value{letter-spacing:-.02em;font-size:26px;font-weight:700}.stat .sub{color:var(--text-muted);font-size:12px}.hero .value{font-size:52px;line-height:1}.chart{position:relative}.chart svg{display:block;overflow:visible}.chart .axis text,.chart .tick{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .baseline{stroke:var(--baseline);stroke-width:1px}.chart .label{fill:var(--text-secondary);font-size:12px}.chart .value-label{fill:var(--text-primary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.chart .mark{fill:var(--series-1);transition:opacity .15s}.chart .mark.dim{fill:var(--deemph)}.chart .hit:hover+.mark,.chart .mark.hover{opacity:.8}.chart .line{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--series-1-wash)}.chart .crosshair{stroke:var(--text-muted);stroke-width:1px}.chart .dot{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2px}.chart.refreshing{opacity:.55;transition:opacity .2s}.tooltip{pointer-events:none;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;z-index:5;border-radius:10px;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tooltip .tv{color:var(--text-primary);font-size:14px;font-weight:700}.tooltip .tl{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.tooltip .key{background:var(--series-1);border-radius:2px;width:12px;height:2px}.empty{text-align:center;color:var(--text-muted);padding:26px}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.main{padding:16px}.two{grid-template-columns:1fr}}