:root{--paper:#f4f5fa;--panel:#fff;--panel-2:#f8f9fc;--line:#e1e4ef;--line-2:#cbd0e1;--ink:#0b0a3a;--ink-2:#474a68;--ink-3:#6b6f8c;--accent:#f5b227;--accent-ink:#1c1400;--sky:#3557f0;--sky-soft:#e6eaff;--good:#16935a;--good-soft:#e3f5ec;--warn:#b7790a;--warn-soft:#fdf1d8;--bad:#d7263d;--bad-soft:#fce6e9;--band:#0b0a3a;--band-2:#16154f;--band-ink:#f4f5fa;--band-ink-2:#a9adcc;--band-line:#26255f;--c-clicks:#3557f0;--c-impr:#f5b227;--c-grid:#e6e8f1;--c-axis:#6b6f8c;--shadow:0 1px 2px #0b0a3a0d, 0 8px 24px #0b0a3a0d;--r:10px;--font-display:"Unbounded", Arial, sans-serif;--font-body:"Golos Text", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0a0930;--panel:#121141;--panel-2:#17164b;--line:#25245e;--line-2:#34337a;--ink:#eef0fa;--ink-2:#bfc3db;--ink-3:#8c90b2;--sky:#8fa4ff;--sky-soft:#1c2160;--good:#45c98a;--good-soft:#10342a;--warn:#f2b544;--warn-soft:#3a2d0c;--bad:#ff6b7d;--bad-soft:#3d1420;--band:#06052a;--band-2:#100f40;--band-line:#1f1e55;--c-clicks:#8fa4ff;--c-impr:#f5b227;--c-grid:#201f58;--c-axis:#8c90b2;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}}:root[data-theme=dark]{--paper:#0a0930;--panel:#121141;--panel-2:#17164b;--line:#25245e;--line-2:#34337a;--ink:#eef0fa;--ink-2:#bfc3db;--ink-3:#8c90b2;--sky:#8fa4ff;--sky-soft:#1c2160;--good:#45c98a;--good-soft:#10342a;--warn:#f2b544;--warn-soft:#3a2d0c;--bad:#ff6b7d;--bad-soft:#3d1420;--band:#06052a;--band-2:#100f40;--band-line:#1f1e55;--c-clicks:#8fa4ff;--c-impr:#f5b227;--c-grid:#201f58;--c-axis:#8c90b2;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{text-wrap:balance;margin:0}.num,td.n,th.n{font-variant-numeric:tabular-nums}.shell{background:linear-gradient(90deg, var(--band) 0 232px, var(--paper) 232px);grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--band);color:var(--band-ink);flex-direction:column;gap:22px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{color:var(--band-ink);align-items:baseline;gap:8px;padding:0 10px;display:flex}.brand b{font:700 20px/1 var(--font-display);letter-spacing:.02em}.brand b i{color:var(--accent);font-style:normal}.brand span{color:var(--band-ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--band-ink-2);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.nav a:hover{background:var(--band-2);color:var(--band-ink);text-decoration:none}.nav a[aria-current=page]{background:var(--band-2);color:var(--band-ink);box-shadow:inset 3px 0 0 var(--accent)}.nav svg{opacity:.9;flex:none;width:18px;height:18px}.nav .soon{letter-spacing:.06em;text-transform:uppercase;color:var(--band-ink-2);border:1px solid var(--band-line);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:10px}.nav a.off{opacity:.55;pointer-events:none}.side-foot{color:var(--band-ink-2);flex-direction:column;gap:8px;margin-top:auto;padding:0 10px;font-size:12px;display:flex}.side-foot a{color:var(--band-ink-2)}.side-foot button{all:unset;cursor:pointer;color:var(--band-ink-2)}.side-foot button:hover,.side-foot a:hover{color:var(--band-ink)}.main{flex-direction:column;gap:22px;min-width:0;padding:26px clamp(16px,3vw,40px) 48px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.top h1{font:600 clamp(20px, 2.4vw, 26px)/1.2 var(--font-display);letter-spacing:-.01em}.top p{color:var(--ink-3);margin:4px 0 0;font-size:13px}.tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);min-width:0}.panel>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px 0;display:flex}.panel>header h2{font:600 14px/1.3 var(--font-body);letter-spacing:.01em}.panel>header small{color:var(--ink-3);font-size:12px}.panel .body{padding:14px 18px 18px}.panel .body.flush{padding:10px 0 6px}.kpi{flex-direction:column;gap:6px;padding:16px 18px;display:flex}.kpi .label{color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.kpi .value{font:600 28px/1.1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi .value small{font:500 14px var(--font-body);color:var(--ink-3);letter-spacing:0;margin-left:4px}.kpi .sub{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.kpi.alert{border-color:color-mix(in srgb, var(--bad) 45%, var(--line))}.delta{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--ink-3)}.chip{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip.good{color:var(--good);background:var(--good-soft)}.chip.warn{color:var(--warn);background:var(--warn-soft)}.chip.bad{color:var(--bad);background:var(--bad-soft)}.chip.idle{color:var(--ink-3);background:var(--panel-2);border:1px solid var(--line)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 18px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 18px}tr:last-child td{border-bottom:0}th.n,td.n{text-align:right;white-space:nowrap}td.key{overflow-wrap:anywhere;max-width:520px}td.muted,.muted{color:var(--ink-3)}tbody tr:hover td{background:var(--panel-2)}th a{color:inherit}th a[aria-current]{color:var(--ink)}.btn{border:1px solid var(--line-2);background:var(--panel);color:var(--ink);font:600 13px var(--font-body);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.btn:hover{border-color:var(--ink-3);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(.96)}.btn:disabled{opacity:.55;cursor:default}.seg{border:1px solid var(--line-2);background:var(--panel);border-radius:8px;display:inline-flex;overflow:hidden}.seg a{color:var(--ink-2);padding:7px 12px;font-size:13px;font-weight:600}.seg a+a{border-left:1px solid var(--line-2)}.seg a[aria-current]{background:var(--ink);color:var(--paper)}.seg a:hover{text-decoration:none}input[type=search],input[type=text],input[type=password]{font:14px var(--font-body);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:8px;min-width:0;padding:8px 12px}.theme-btn{all:unset;cursor:pointer}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 18px;display:flex}.list li:last-child{border-bottom:0}.list .when{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:88px;font-size:12px}.list .what{overflow-wrap:anywhere;min-width:0}.empty{color:var(--ink-3);padding:18px;font-size:13.5px}.note{color:var(--ink-3);font-size:13px}.bar{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;height:6px;overflow:hidden}.bar i{background:var(--good);height:100%;display:block}.stack{flex-direction:column;gap:10px;display:flex}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--c-grid);stroke-width:1px}.chart .axis{fill:var(--c-axis);font:11px var(--font-body);font-variant-numeric:tabular-nums}.chart .marker{stroke:var(--ink-3);stroke-dasharray:3 4}.chart .marker-label{fill:var(--ink-2);font:600 11px var(--font-body)}.chart .event{stroke:var(--warn);stroke-width:1px;stroke-dasharray:2 3;opacity:.55}.chart .event.core{stroke:var(--bad);opacity:.6}.chart .event-mark{fill:var(--warn)}.chart .event-mark.core{fill:var(--bad)}.chart .tip i{color:var(--accent);font-style:normal}.chart .hover-line{stroke:var(--ink-3);stroke-width:1px;opacity:0}.chart .tip{pointer-events:none;background:var(--ink);color:var(--paper);opacity:0;white-space:nowrap;box-shadow:var(--shadow);border-radius:6px;padding:7px 10px;font-size:12px;position:absolute;transform:translate(-50%,-110%)}.chart .tip b{font-variant-numeric:tabular-nums}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.legend .legend-ev{color:var(--bad);font-size:12px}.legend span:before{content:"";background:var(--c);vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-right:6px;display:inline-block}.login{background:var(--band);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login form{background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;width:min(380px,100%);padding:28px;display:flex;box-shadow:0 30px 80px #00000059}.login h1{font:700 22px var(--font-display)}.login h1 i{color:var(--accent);font-style:normal}.login label{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login .err{color:var(--bad);font-size:13px}@media (width<=860px){.shell{background:var(--paper);grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:12px 14px}.kpi .value{font-size:22px}.chart{overflow-x:auto}.chart svg{min-width:640px}.side{z-index:5;flex-direction:row;align-items:center;gap:12px;height:auto;padding:10px 16px;position:sticky;top:0;overflow-x:auto}.brand span,.side-foot,.nav .soon{display:none}.nav{flex-direction:row;gap:2px}.nav a{white-space:nowrap;padding:7px 10px;font-size:13.5px}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.nav a.off,.nav svg{display:none}.main{padding-top:18px}th,td{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:no-preference){.chart .hover-line,.chart .tip{transition:opacity .12s}}
