:root{--bg:#fff;--card:#fff;--muted:#6b7280;--text:#111827;--border:#e5e7eb;--shadow:0 1px 2px rgba(0,0,0,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}.page{padding:24px;max-width:1200px;margin:0 auto}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between}.brand{font-weight:700;letter-spacing:-.02em}.tabs{display:flex;gap:8px;background:#f3f4f6;padding:6px;border-radius:999px}.tab{border:0;background:transparent;padding:8px 12px;border-radius:999px;cursor:pointer;color:#374151;font-weight:600}.tab.active{background:#fff;box-shadow:var(--shadow);color:#111827}.top-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--border);background:#fff;padding:9px 12px;border-radius:12px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.subbar{margin-top:10px;color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px}.cardHead{display:flex;flex-direction:column;gap:12px}h2{font-size:16px}h2,h3{margin:0}h3{font-size:14px}.grid2{display:grid;grid-template-columns:2.3fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.stickyCol{position:-webkit-sticky;position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:16px}.kpiRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.kpi{background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:10px}.kpiLabel{font-size:12px;color:var(--muted)}.kpiValue{font-size:18px;font-weight:700;margin-top:4px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.label{color:var(--muted);font-size:13px}.value{font-weight:650}.valueBig{font-size:26px;font-weight:800}.small{font-size:12px}.muted{color:var(--muted)}.sep{border:none;border-top:1px solid var(--border);margin:14px 0}.pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;border:1px solid var(--border);background:#fff}.pill.ok{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}.pill.warn{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25)}.pill.bad,.pill.err{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25)}.pill.loading{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.row3{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.mini{background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:10px}.miniLabel{font-size:12px;color:var(--muted)}.miniVal{font-size:16px;font-weight:800;margin-top:4px}.intervalsWrap{display:grid;grid-template-columns:3fr 1fr;grid-gap:16px;gap:16px;margin-top:10px}.chartBox{height:380px}.chartBoxTall{height:360px}.sideCard{background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:12px}.sideTitle{font-weight:800;margin-bottom:10px}.sideGrid{display:grid;grid-template-columns:1fr auto;grid-gap:8px 10px;gap:8px 10px;font-size:13px}.sideLabel{color:var(--muted)}.sideValue{font-weight:800}.stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}.legendRow{align-items:center;gap:10px}.legendRow,.statusDots{display:flex;margin-top:10px;flex-wrap:wrap}.statusDots{gap:8px}.intervalsShell{display:grid;grid-template-columns:1fr 120px;grid-gap:12px;gap:12px;align-items:start}.chartWrap{height:360px}.intervalsSidebar{position:-webkit-sticky;position:sticky;top:88px;border:1px solid rgba(17,24,39,.08);border-radius:14px;padding:12px;background:#fff}.sideDate{font-weight:700;font-size:14px;margin-bottom:8px}.sideRow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(17,24,39,.06)}.sideRow:last-of-type{border-bottom:none}.sideLabel{font-size:12px;color:rgba(17,24,39,.65)}.sideVal{font-size:12px;font-weight:600;color:rgba(17,24,39,.92)}.sideHint{margin-top:8px;font-size:11px;color:rgba(17,24,39,.55)}.trendsStack{display:flex;flex-direction:column;gap:18px}.chartH{height:300px}.legendPills{display:flex;gap:8px;align-items:center}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(17,24,39,.1);background:rgba(17,24,39,.02)}.pillBalanced{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.18)}.pillHigh{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.18)}.pillLow{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.18)}.dotRow{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid rgba(17,24,39,.1)}.dotBalanced{background:rgba(16,185,129,.95)}.dotHigh{background:rgba(245,158,11,.95)}.dotLow{background:rgba(239,68,68,.95)}.dotUnknown{background:rgba(156,163,175,.95)}