:root{color:#0b1838;font-synthesis:none;text-rendering:optimizelegibility;--blue:#075cf5;--blue-soft:#edf4ff;--green:#10a64a;--green-soft:#e8f8ee;--ink:#0b1838;--muted:#566482;--line:#dbe2ec;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;height:78px;padding:0 48px;display:grid}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;width:fit-content;font-size:23px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--blue)}nav{align-items:stretch;gap:24px;height:100%;display:flex}nav button{cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:15px;font-weight:620;position:relative}nav button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:4px;right:4px}nav button.active{color:var(--blue)}nav button.active:after{background:var(--blue)}.connection-state{justify-self:end;align-items:center;gap:10px;font-size:15px;font-weight:610;display:flex}.connection-state i,.node-status i,.auto-update i{background:var(--green);border-radius:50%;flex:none;width:9px;height:9px}.connection-state i.waiting,.node-status i.waiting,.auto-update i.waiting{background:#e0a51b;animation:1.4s infinite blink}.telemetry-rule{background:var(--blue);height:2px;position:relative}.telemetry-rule i{border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);background:#fff;width:18px;height:16px;position:absolute;top:-7px;left:54%;transform:rotate(-45deg)}.telemetry-rule i.live{animation:8s ease-in-out infinite travel}.dashboard-layout{flex:1;grid-template-columns:minmax(0,1fr) 350px;width:min(1420px,100%);margin:0 auto;padding:46px 48px 36px;display:grid}.dashboard-main{min-width:0;padding-right:46px}.intro h1,.incidents-view h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,51px);font-weight:740;line-height:1.05}.intro>p,.incidents-view>p{color:#243555;margin:13px 0 25px;font-size:18px}.system-status{align-items:center;gap:16px;margin-bottom:31px;display:flex}.system-status>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.system-status>span svg{width:25px}.system-status strong{color:var(--green);letter-spacing:-.025em;font-size:clamp(25px,2.8vw,36px)}.system-status.checking>span{background:#e0a51b}.system-status.checking strong{color:#946a08}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:35px;display:grid}.metric{align-items:center;gap:13px;min-width:0;padding:4px 18px 4px 0;display:flex}.metric+.metric{border-left:1px solid var(--line);padding-left:22px}.metric-icon{color:var(--blue);flex:none;width:30px;height:30px}.metric-icon svg{width:100%;height:100%}.metric-label,.metric strong{display:block}.metric-label{color:var(--muted);white-space:nowrap;margin-bottom:4px;font-size:14px}.metric strong{white-space:nowrap;font-size:21px;font-weight:630;line-height:1.1}.metric strong.healthy-text{color:var(--green)}.section-heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading-row h2,.event-title-row h2{color:var(--blue);margin:0;font-size:17px;font-weight:680}.legend{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.legend i{background:var(--blue);width:20px;height:2px}.chart-wrap{grid-template-rows:minmax(0,1fr);grid-template-columns:38px minmax(0,1fr);align-items:stretch;height:235px;margin-top:17px;display:grid;position:relative;overflow:hidden}.y-labels{color:#5b6c90;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:4px 9px 3px 0;font-size:11px;display:flex}.chart{width:100%;min-width:0;height:100%;min-height:0;display:block;overflow:hidden}.grid-line{stroke:#d8e0ec;stroke-width:.35px;stroke-dasharray:1.3 1.3;vector-effect:non-scaling-stroke}.latency-line{fill:none;stroke:var(--blue);stroke-width:1.7px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.chart-end-ring{fill:#fff;stroke:var(--blue);stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart-end{fill:var(--blue)}.chart-collecting{color:var(--muted);font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%)}.x-labels{color:#5b6c90;justify-content:space-between;padding:7px 0 0 48px;font-size:11px;display:flex}.node-table{width:100%;margin-top:31px}.node-row{border-bottom:1px solid var(--line);grid-template-columns:1.45fr .95fr 1.1fr .55fr;align-items:center;min-height:49px;font-size:14px;display:grid}.node-head{min-height:36px;color:var(--ink);font-size:13px;font-weight:680}.node-name,.node-status{align-items:center;gap:10px;display:flex}.node-name i{color:var(--blue);width:26px;height:26px;display:inline-grid}.node-name svg{width:100%;height:100%}.node-status i{width:8px;height:8px}.event-rail{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:54px 0 0 42px;display:flex}.event-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.event-title-row h2{color:var(--ink);font-size:18px}.pulse-glyph{color:var(--blue);font-size:31px;font-weight:700;line-height:.5}.events{flex:1;min-height:0}.event{border-bottom:1px solid var(--line);grid-template-columns:72px 9px 1fr;align-items:center;gap:10px;min-height:51px;font-size:13px;display:grid}.event time{color:#61708d;font-variant-numeric:tabular-nums}.event i{background:var(--green);border-radius:50%;width:8px;height:8px}.event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-events{color:var(--muted);font-size:14px}.auto-update{color:var(--blue);align-items:center;gap:9px;padding-top:20px;font-size:13px;display:flex}.auto-update i{width:7px;height:7px}footer{border-top:1px solid var(--line);color:#52617e;align-items:center;gap:12px;min-height:65px;padding:0 32px;font-size:13px;display:flex}footer svg{width:20px;height:20px;color:var(--blue)}.incidents-view{flex:1;width:min(1080px,100%);margin:0 auto;padding:68px 48px}.incident-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:20px;margin-top:56px;padding:34px 0;display:flex}.incident-empty>svg{width:44px;height:44px;color:var(--green);background:var(--green-soft);border-radius:50%;padding:10px}.incident-empty strong,.incident-empty span{display:block}.incident-empty strong{margin-bottom:5px;font-size:18px}.incident-empty span{color:var(--muted);font-size:14px}@keyframes blink{50%{opacity:.35}}@keyframes travel{0%,to{left:46%}50%{left:58%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1050px){.topbar{grid-template-columns:1fr auto;padding:0 28px}.topbar nav{display:none}.dashboard-layout{grid-template-columns:1fr;padding:38px 28px}.dashboard-main{padding-right:0}.event-rail{border-left:0;border-top:1px solid var(--line);margin-top:42px;padding:35px 0 0}.events{grid-template-columns:repeat(2,1fr);gap:0 24px;display:grid}}@media (width<=720px){.topbar{grid-template-columns:1fr auto;height:68px;padding:0 18px}.brand{gap:9px;font-size:19px}.brand-mark{width:31px;height:31px}.connection-state{gap:0;font-size:0}.connection-state i{width:12px;height:12px}.telemetry-rule i{display:none}.dashboard-layout{padding:30px 18px}.intro h1,.incidents-view h1{font-size:36px}.intro>p{font-size:16px;line-height:1.45}.system-status{align-items:flex-start}.system-status>span{width:37px;height:37px}.system-status strong{font-size:25px;line-height:1.15}.metrics{grid-template-columns:1fr 1fr;gap:0}.metric{border-bottom:1px solid var(--line);min-height:82px;padding:10px 10px 10px 0}.metric+.metric{border-left:0;padding-left:10px}.metric:nth-child(2n){border-left:1px solid var(--line)}.metric-label{white-space:normal}.metric strong{font-size:18px}.chart-wrap{height:190px}.legend{display:none}.node-row{grid-template-columns:1.4fr .8fr;gap:7px;padding:12px 0}.node-head{display:none}.node-row>span:nth-child(3),.node-row>span:nth-child(4){padding-left:36px;font-size:12px}.events{grid-template-columns:1fr}footer{padding:16px 18px;line-height:1.4}.incidents-view{padding:42px 18px}}