:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f3;--card:#fcfcfb;--head:#f4f5f7;--line:#e3e6ec;--ink:#0b0b0b;--ink2:#52514e;--mut:#7b8497;--accent:#2a78d6;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#6250d6;--s8:#e34948;--q1:#cde2fb;--q2:#9ec5f4;--q3:#6da7ec;--q4:#3987e5;--q5:#256abf;--q6:#184f95;--good:#1fa971;--brand:linear-gradient(90deg, #b044ff 0%, #ec4fb0 50%, #f2512f 100%);--bad:#e5484d;--warnbg:#fff4d6;--warnink:#7a5b00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--card:#1a1a19;--head:#222321;--line:#30302d;--ink:#f0efec;--ink2:#c3c2b7;--mut:#8f98ab;--accent:#3987e5;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--q1:#0d366b;--q2:#104281;--q3:#184f95;--q4:#256abf;--q5:#3987e5;--q6:#6da7ec;--warnbg:#3a3010;--warnink:#f1d68a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,select,input{font:inherit;color:inherit}.top{z-index:10;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.topin{flex-wrap:wrap;align-items:center;gap:12px;max-width:1400px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink2);align-items:center;gap:10px;margin-right:auto;font-weight:700;display:flex}.brand img{display:block}.progress{background:var(--head);border-top:1px solid var(--line);height:26px;position:relative}.progress-bar{background:var(--brand);opacity:.35;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.progress span{max-width:1400px;margin:0 auto;padding:4px 16px;font-size:12px;font-weight:600;display:block;position:relative}.pin{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;max-width:320px;margin:12vh auto 0;padding:28px 22px;display:flex}.pin p{color:var(--ink2);margin:0}.pin input{letter-spacing:6px;text-align:center;border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;padding:10px;font-size:22px}.pin .btn{width:100%;padding:11px}.sync{color:var(--ink2);align-items:center;gap:8px;font-size:12px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.btn{background:var(--brand);color:#fff;cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:8px;min-width:128px;padding:8px 16px;font-weight:700;box-shadow:0 2px 10px #e0409a40}.btn:disabled{opacity:.6;cursor:default}.tabs{gap:2px;max-width:1400px;margin:0 auto;padding:0 12px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--ink2);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 12px;font-weight:600}.tabs button.on{color:var(--ink);border-image:var(--brand) 1;border-bottom:3px solid}main{max-width:1400px;margin:0 auto;padding:16px 16px 60px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filters select,.filters input{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.chip{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;padding:5px 11px}.chip.on{background:var(--brand);color:#fff;border-color:#0000}.muted{color:var(--mut);font-size:12px}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.card>h3{letter-spacing:.6px;text-transform:uppercase;color:var(--ink2);background:var(--head);border-bottom:1px solid var(--line);margin:0;padding:12px 14px;font-size:12px}.card .body,.kpi{padding:14px}.kpi .lbl{color:var(--ink2);font-size:12px}.kpi .val{font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:800}.kpi .sub{color:var(--mut);margin-top:2px;font-size:12px}.up{color:var(--good)}.down{color:var(--bad)}h2{text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin:26px 2px 10px;font-size:13px}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-transform:uppercase;color:var(--mut);text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px;font-size:11px}td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:8px}th:first-child,td:first-child{text-align:left}tr:last-child td{border-bottom:0}.bar{background:var(--s1);border-radius:3px;min-width:2px;height:6px;margin-top:4px}.tag{background:var(--head);border:1px solid var(--line);border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag.bad{color:var(--bad)}.heat{grid-template-columns:34px repeat(24,minmax(14px,1fr));gap:2px;font-size:10px;display:grid}.heat .c{aspect-ratio:1;border-radius:3px}.heat .h{color:var(--mut);text-align:center}.warn{background:var(--warnbg);color:var(--warnink);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.center{text-align:center;padding:60px 16px}.recharts-cartesian-axis-tick-value{fill:var(--mut);font-size:11px}.recharts-cartesian-grid line{stroke:var(--line)}.tip{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 4px 14px #0003}.tip b{margin-bottom:4px;display:block}.legend{color:var(--ink2);flex-wrap:wrap;gap:14px;margin:0 0 6px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}
