:root{--bg: #0b0f17;--card: #121826;--card2: #172033;--line: #222c40;--fg: #e6edf7;--fg-dim: #8b97ad;--accent: #5eead4;--violet: #a78bfa;--ok: #34d399;--warn: #fbbf24;--bad: #f87171;--radius: 14px;--top-h: 104px;--tabs-h: 62px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body.noscroll{overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:650}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.muted{color:var(--fg-dim)}.small{font-size:12.5px}.bad{color:var(--bad)}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.boot{display:grid;place-items:center;height:100vh}.spin{display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:middle;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 22px;display:flex;flex-direction:column;gap:14px}.auth-logo{width:44px;height:44px;color:var(--accent)}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--fg-dim)}.auth-card input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px 12px;font-size:16px;color:var(--fg);outline:none}.auth-card input:focus{border-color:var(--accent)}.primary{background:var(--accent);color:#052e2b;border:0;border-radius:12px;padding:14px;font-weight:650;font-size:16px;margin-top:4px}.primary:disabled{opacity:.6}.danger{background:transparent;border:1px solid var(--bad);color:var(--bad);border-radius:10px;padding:9px;margin-top:8px}.top{position:sticky;top:0;z-index:20;background:#0b0f17eb;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;flex-direction:column;gap:10px}.top-row{display:flex;align-items:center;justify-content:space-between}.top h1{font-size:22px;letter-spacing:-.01em}.top-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;font-size:15px;font-weight:600}.menu{position:absolute;right:14px;top:calc(56px + env(safe-area-inset-top));background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:220px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px #00000073}main{padding:12px 12px calc(var(--tabs-h) + 24px + env(safe-area-inset-bottom));max-width:1180px;margin:0 auto}.page{display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;gap:8px}.select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px;appearance:none}.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px;width:100%}.seg button{flex:1;background:transparent;border:0;border-radius:8px;padding:7px 4px;color:var(--fg-dim);font-weight:600;font-size:14px}.seg button.on{background:var(--card2);color:var(--fg);box-shadow:0 1px #ffffff0d inset}.seg-sm{width:auto}.seg-sm button{padding:4px 9px;font-size:12.5px}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;min-width:0}.kpi-l{font-size:12px;color:var(--fg-dim)}.kpi-v{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.kpi-s{font-size:12px;color:var(--fg-dim)}.kpi-bad .kpi-v{color:var(--bad)}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.page>*{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:13px 12px;min-width:0}.card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.card-h h2{font-size:15.5px}.hint{margin:0 0 8px;font-size:12.5px;color:var(--fg-dim)}.empty{color:var(--fg-dim);font-size:13.5px;padding:14px 0;text-align:center}.err{background:#f871711a;border:1px solid rgba(248,113,113,.35);color:#fecaca;border-radius:10px;padding:9px 11px;font-size:13.5px}.warnbox{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#fde68a;border-radius:10px;padding:9px 11px;font-size:13.5px}.link{background:none;border:0;color:var(--accent);font-weight:600;padding:4px}.chart{width:100%;max-width:100%;display:block;touch-action:pan-y}.readout{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;margin-top:8px;min-height:18px;font-variant-numeric:tabular-nums}.readout-time{color:var(--fg-dim)}.readout-item i,.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:0}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--fg-dim);margin-top:8px}.legend b{color:var(--fg);font-weight:600}.row{padding:10px 2px;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.row.tap{cursor:pointer}.row.tap:active{background:var(--card2)}.row-off{opacity:.55}.row-main{display:flex;align-items:center;gap:8px;min-width:0}.row-main>.trunc{flex:1}.row-num{margin-left:auto;font-weight:650;font-variant-numeric:tabular-nums}.row-sub{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px;color:var(--fg-dim);margin-top:4px;font-variant-numeric:tabular-nums}.row-detail{margin-top:8px;padding:8px 10px;background:var(--bg);border-radius:10px;display:flex;flex-direction:column;gap:5px}.subh{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);margin:10px 0 4px}.kv{display:flex;gap:10px;justify-content:space-between;font-size:13px;min-width:0}.kv b{font-weight:600;font-variant-numeric:tabular-nums}.bar{height:4px;background:var(--bg);border-radius:2px;margin-top:6px;overflow:hidden}.bar>div{height:100%;border-radius:2px}.more{width:100%;background:transparent;border:1px dashed var(--line);border-radius:10px;padding:10px;color:var(--fg-dim);margin-top:8px}.tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:6px;flex:none}.tag-bad{background:#f8717126;color:var(--bad)}.tag-ok{background:#34d39926;color:var(--ok)}.tag-warn{background:#fbbf2426;color:var(--warn)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips.wrap{flex-wrap:wrap}.chips.scroll-x{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px;scrollbar-width:none}.chips.scroll-x::-webkit-scrollbar{display:none}.chip{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--card2);border:1px solid var(--line);white-space:nowrap}.chip-btn{padding:7px 12px;font-size:13px}.chip-btn.on{background:var(--accent);color:#052e2b;border-color:var(--accent)}.chip-btn.on .muted{color:#0f5a52}.chip-bad{color:var(--bad)}.chip.s2{color:var(--ok)}.chip.s3{color:var(--fg-dim)}.chip.s4{color:var(--warn)}.chip.s5{color:var(--bad)}.flow{width:100%}.flow-svg{display:block}.flow-node{fill:var(--card2);stroke:var(--line)}.flow-t{fill:var(--fg);font-family:inherit}.flow-link{cursor:pointer}.flow-link:hover,.flow-link:active{stroke-opacity:.95}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:#0b0f17f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;height:var(--tabs-h);background:none;border:0;color:var(--fg-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:600}.tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.tabs button.on{color:var(--accent)}.sheet-wrap{position:fixed;inset:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:720px;max-height:88vh;background:var(--card);border:1px solid var(--line);border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);animation:up .2s ease-out}@keyframes up{0%{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0}.sheet-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 10px;border-bottom:1px solid var(--line)}.sheet-h h3{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-b{overflow-y:auto;padding:12px 14px 18px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}@media(min-width:760px){.kpis{grid-template-columns:repeat(6,1fr)}.kpis-3{grid-template-columns:repeat(3,1fr)}.kpis-2{grid-template-columns:repeat(2,1fr)}.top{padding-left:max(24px,calc((100vw - 1180px)/2 + 12px));padding-right:max(24px,calc((100vw - 1180px)/2 + 12px))}.top .seg{max-width:320px}main{padding-left:24px;padding-right:24px}.toolbar .select{max-width:420px}.sheet-wrap{align-items:center}.sheet{border-radius:20px}}@media(min-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}