:root{--slate:#0f172a;--slate-2:#111d31;--panel:#162238;--panel-2:#1b2a42;--line:#263852;--cyan:#06b6d4;--cyan-soft:#67e8f9;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--violet:#a78bfa;--ink:#f8fafc;--soft:#cbd5e1;--muted:#8494ac;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--slate);color:var(--soft);font-family:var(--sans);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,182,212,.025) 1px,transparent 1px),linear-gradient(rgba(6,182,212,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-1}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p,dl,dd,ol{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(2.8rem,5vw,5.1rem);font-weight:700}h1 span{color:var(--cyan)}h2{font-size:1.55rem}h3{font-size:1rem}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:fixed;width:244px;top:0;bottom:0;background:#0c1424;border-right:1px solid var(--line);padding:30px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);margin:0 11px 70px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--cyan);color:#062630;font-family:var(--mono);font-weight:900;font-size:.75rem;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand b{display:block;font-size:.88rem;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;margin-top:2px}.rail-label,.eyebrow,.mini-label,.metric-top,.snapshot-label,.timestamp,.crumb,.footer,.panel-link{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em}.rail-label{color:#5d6e86;margin:0 12px 12px}.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;color:var(--muted);font-size:.78rem}.side-nav a span{color:#657b98;font-size:1.05rem;width:18px;text-align:center}.side-nav a:hover,.side-nav a.active{color:var(--ink);background:rgba(6,182,212,.1)}.side-nav a.active{box-shadow:inset 2px 0 var(--cyan)}.side-nav a.active span{color:var(--cyan)}.side-nav b{margin-left:auto;color:var(--cyan);font-family:var(--mono);font-size:.63rem;font-weight:500}.sidebar-foot{margin-top:auto}.system-state{display:flex;gap:11px;align-items:center;padding:15px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal,.big-signal{display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(16,185,129,.1)}.signal{width:8px;height:8px}.system-state b,.posture b{display:block;color:var(--soft);font-size:.72rem}.system-state small,.posture small{display:block;color:var(--muted);font-size:.63rem;margin-top:2px}.support-link{display:block;color:var(--muted);font-family:var(--mono);font-size:.61rem;padding:21px 11px}.support-link span{color:var(--cyan);float:right}.main{grid-column:2;max-width:1480px;padding:0 clamp(25px,4vw,62px) 40px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{color:var(--cyan)}.crumb span{color:#52627b;padding:0 8px}.top-actions{display:flex;align-items:center;gap:20px}.timestamp{color:var(--muted);letter-spacing:.03em;font-size:.58rem}.refresh{background:none;border:0;color:var(--cyan-soft);font-family:var(--mono);font-size:.61rem;cursor:pointer}.refresh:first-letter{font-size:1.1rem}.avatar{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;color:#07222c;background:var(--cyan);font-family:var(--mono);font-size:.7rem;font-weight:bold}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;padding:74px 0 64px;align-items:end}.eyebrow{color:var(--cyan);margin-bottom:15px}.hero-copy{max-width:670px;color:var(--soft);font-size:1rem;margin-top:24px;line-height:1.7}.hero-meta{border-left:1px solid var(--line);padding-left:27px}.posture{display:flex;align-items:center;gap:13px}.big-signal{width:12px;height:12px}.meta-rule{height:1px;background:var(--line);margin:22px 0 16px}.hero-meta dl{display:grid;gap:9px;font-family:var(--mono);font-size:.61rem}.hero-meta dl div{display:flex;justify-content:space-between;gap:10px}.hero-meta dt{color:var(--muted)}.hero-meta dd{color:var(--soft)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:60px}.metric-card{background:var(--panel);padding:20px;border:1px solid var(--line);min-height:145px;transition:transform .2s,border-color .2s}.metric-card:hover{transform:translateY(-3px);border-color:#3b5270}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.58rem}.metric-icon{font-style:normal;font-size:1.1rem;padding:7px;background:rgba(6,182,212,.1)}.metric-icon.cyan{color:var(--cyan)}.metric-icon.green{color:var(--green);background:rgba(16,185,129,.1)}.metric-icon.amber{color:var(--amber);background:rgba(245,158,11,.1)}.metric-icon.violet{color:var(--violet);background:rgba(167,139,250,.1)}.metric-value{display:block;color:var(--ink);font-size:2.75rem;letter-spacing:-.07em;line-height:1;margin-top:23px}.metric-value span{color:var(--muted);font-size:1.2rem;letter-spacing:0}.metric-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:15px;gap:8px}.metric-bottom small{font-family:var(--mono);color:#63748c;font-size:.5rem;text-align:right}.trend{font-family:var(--mono);font-size:.62rem}.good{color:var(--green)}.flat{color:var(--amber)}.panel{background:rgba(22,34,56,.86);border:1px solid var(--line);margin-bottom:14px}.panel-head{padding:27px 29px 23px;display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line)}.panel-head.compact{padding:24px 25px 20px}.panel-head .eyebrow{margin-bottom:9px}.panel-head-right{display:grid;gap:15px;justify-items:end}.snapshot-label{color:#677b96;font-size:.54rem;letter-spacing:.06em}.filter-pills{display:flex;gap:7px}.filter-pills span{font-family:var(--mono);font-size:.56rem;color:var(--muted);border:1px solid var(--line);padding:6px 9px}.filter-pills .selected{color:var(--cyan-soft);border-color:rgba(6,182,212,.5);background:rgba(6,182,212,.08)}.service-layout{display:grid;grid-template-columns:1fr 280px}.service-list{padding:11px 25px}.service-row{display:grid;grid-template-columns:45px 1fr auto 74px 20px;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid rgba(38,56,82,.7)}.service-row:last-child{border-bottom:0}.service-mark{display:grid;place-items:center;width:38px;height:30px;font-family:var(--mono);font-size:.5rem;letter-spacing:.04em}.service-mark.site{color:var(--cyan);background:rgba(6,182,212,.1)}.service-mark.agent{color:var(--green);background:rgba(16,185,129,.1)}.service-mark.cron{color:var(--amber);background:rgba(245,158,11,.1)}.service-mark.data,.service-mark.edge{color:var(--violet);background:rgba(167,139,250,.1)}.service-name b{display:block;color:var(--ink);font-size:.8rem}.service-name small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px}.status{font-family:var(--mono);font-size:.56rem;white-space:nowrap}.status i{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:5px}.healthy{color:var(--green)}.watch{color:var(--amber)}.down{color:var(--red)}.latency{font-family:var(--mono);font-size:.6rem;color:var(--muted);text-align:right}.row-arrow{color:#52627b}.availability{border-left:1px solid var(--line);padding:30px 25px 20px}.mini-label{display:block;color:var(--muted);font-size:.54rem;margin-bottom:12px}.availability>strong{font-size:2.7rem;letter-spacing:-.07em;line-height:1;color:var(--ink)}.availability>strong span{font-size:1rem;color:var(--cyan)}.bars{height:74px;display:flex;align-items:end;gap:3px;margin-top:27px;border-bottom:1px solid var(--line)}.bars i{height:75%;background:var(--green);flex:1;opacity:.82}.bars i:nth-child(2n){height:93%}.bars i:nth-child(3n){height:82%}.bars i.bar-watch{height:40%;background:var(--amber)}.availability-foot{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.52rem;margin-top:7px}.availability p{color:var(--muted);font-size:.64rem;line-height:1.55;margin-top:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-link{font-size:.57rem;color:var(--cyan-soft);letter-spacing:.03em}.activity-chart{padding:30px 25px 5px}.chart-grid{height:160px;display:flex;align-items:end;gap:7px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(132,148,172,.11) 40px)}.chart-grid i{display:block;flex:1;height:var(--h);background:linear-gradient(to top,rgba(6,182,212,.15),rgba(6,182,212,.8));border-top:2px solid var(--cyan);min-height:7px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.52rem;padding-top:10px}.agent-foot{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 25px 24px;border-top:1px solid var(--line);padding-top:20px}.agent-foot strong{display:block;color:var(--ink);font-size:1.25rem}.agent-foot span{display:block;color:var(--muted);font-size:.6rem;margin-top:3px}.event-list{list-style:none;padding:7px 25px 18px}.event-list li{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid rgba(38,56,82,.7)}.event-list li:last-child{border:0}.event-dot{width:7px;height:7px;border-radius:50%;margin-top:5px}.event-dot.good{background:var(--green)}.event-dot.warn{background:var(--amber)}.event-dot.info{background:var(--cyan)}.event-list b{display:block;color:var(--soft);font-size:.72rem;font-weight:600}.event-list small{display:block;color:var(--muted);font-size:.61rem;margin-top:4px}.event-tag{font-family:var(--mono);color:#677b96;font-size:.51rem}.panel-subtitle{color:var(--muted);font-size:.7rem;margin-top:12px;max-width:420px}.spend-total{text-align:right}.spend-total span,.spend-total small{display:block;font-family:var(--mono);color:var(--muted);font-size:.55rem}.spend-total strong{display:block;color:var(--cyan-soft);font-size:2.2rem;letter-spacing:-.06em;margin:5px 0}.spend-body{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:28px 29px 32px}.meter-track{height:12px;background:#243651;position:relative}.meter-track span{position:absolute;inset:0 auto 0 0;width:42.8%;background:var(--cyan)}.meter-legend{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-family:var(--mono);font-size:.57rem}.meter-legend i{display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:6px}.meter-legend b{color:var(--soft);font-weight:500}.spend-table{font-size:.67rem}.spend-table th{font-size:.53rem}.spend-table td{padding:12px 7px}.share-bar{height:5px;background:#243651;min-width:80px}.share-bar i{height:100%;display:block;background:var(--violet)}.footer{display:flex;justify-content:space-between;gap:20px;padding:27px 3px 0;color:#62738c;font-size:.55rem;letter-spacing:.04em}.footer a{color:var(--cyan-soft)}@media(max-width:1050px){.sidebar{width:210px}.app-shell{grid-template-columns:210px 1fr}.main{grid-column:2;padding-inline:25px}.service-layout{grid-template-columns:1fr}.availability{border-left:0;border-top:1px solid var(--line)}.availability p{max-width:500px}.hero{grid-template-columns:1fr}.hero-meta{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;max-width:470px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:relative;width:auto;height:auto;padding:18px}.app-shell{display:block}.brand{margin:0 0 20px}.rail-label{display:none}.side-nav{display:flex;overflow:auto}.side-nav a{white-space:nowrap}.side-nav a b{display:none}.sidebar-foot{display:none}.topbar{height:auto;padding:18px 0;align-items:start}.timestamp{display:none}.top-actions{gap:10px}.refresh span{display:none}.hero{padding:50px 0 40px}.hero h1{font-size:3rem}.panel-head{align-items:start;flex-direction:column}.panel-head-right{justify-items:start}.service-row{grid-template-columns:38px 1fr auto}.latency,.row-arrow{display:none}.two-col{grid-template-columns:1fr}.spend-body{grid-template-columns:1fr;gap:30px}.footer{flex-direction:column}}@media(max-width:430px){.main{padding-inline:16px}.metric-grid{display:block}.metric-card{margin-bottom:10px}.service-list{padding-inline:16px}.service-row{gap:9px}.service-name small{font-size:.58rem}.filter-pills{flex-wrap:wrap}.panel-head,.spend-body{padding-inline:18px}.availability{padding-inline:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}