:root{color-scheme:light;--plane:#f2f0e9;--surface:#faf9f5;--ink:#141510;--ink-2:#62635b;--muted:#93948b;--rule:#cfcec5;--rule-soft:#e3e1da;--accent:#d9ff43;--accent-ink:#131600;--blue:#2a78d6;--orange:#eb6834;--good:#0a8b34;--warn:#a56a00;--critical:#d03b3b;--shadow:rgba(20,21,16,.1);--grid:rgba(20,21,16,.04)}
:root[data-theme="dark"]{color-scheme:dark;--plane:#0d0e0c;--surface:#171815;--ink:#f1f1e9;--ink-2:#b4b5ab;--muted:#7e8078;--rule:#363831;--rule-soft:#292b26;--accent:#c6ef32;--accent-ink:#111400;--blue:#3987e5;--orange:#d95926;--good:#29b957;--warn:#fab219;--critical:#e66767;--shadow:rgba(0,0,0,.35);--grid:rgba(255,255,255,.025)}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;background:var(--plane)}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--plane);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;font-family:"Avenir Next","Trebuchet MS",sans-serif;-webkit-font-smoothing:antialiased}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.signal-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 80%)}button,input{font:inherit}button{color:inherit}.eyebrow{font:600 10px/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:.2em;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(380px,640px) 1fr;grid-template-rows:auto 1fr auto;padding:34px}.login-mark{grid-column:1/4;display:flex;gap:12px;align-items:center}.login-mark b,.brand b{font-size:14px;letter-spacing:.19em}.login-mark small,.brand small{font:10px monospace;color:var(--muted);border-left:1px solid var(--rule);padding-left:12px}.login-panel{grid-column:2;align-self:center;background:var(--surface);border:1px solid var(--rule);padding:54px;box-shadow:16px 16px 0 color-mix(in srgb,var(--ink),transparent 93%);position:relative}.login-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:92px;height:5px;background:var(--accent)}.login-panel h1{font-size:clamp(42px,6vw,68px);font-weight:500;letter-spacing:-.055em;line-height:.95;margin:24px 0}.login-panel h1 em{font-style:normal;color:var(--ink-2)}.login-copy{color:var(--ink-2);margin:0 0 38px}.login-panel label,.dialog-card label{display:block;font:600 11px monospace;letter-spacing:.08em;margin:18px 0;color:var(--ink-2)}input{display:block;width:100%;margin-top:9px;border:1px solid var(--rule);background:var(--plane);color:var(--ink);padding:13px 14px;outline:none}input:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}.login-panel button,.primary-button{width:100%;border:0;background:var(--accent);color:var(--accent-ink);padding:15px 18px;text-align:left;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.form-error{color:var(--critical);font-size:12px;min-height:18px}.login-foot{grid-column:1/4;align-self:end;text-align:center;font:9px monospace;letter-spacing:.18em;color:var(--muted)}.login-foot span{margin:0 10px}
.topbar{height:66px;background:var(--surface);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;width:max-content}.top-status{font:10px monospace;letter-spacing:.08em;color:var(--ink-2);display:flex;gap:18px;align-items:center}.top-status .divider{height:16px;width:1px;background:var(--rule)}#fleetPulse i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-right:7px}.top-actions{justify-self:end;display:flex;gap:6px}.icon-button,.text-button,.outline-button,.back-button{border:1px solid var(--rule);background:transparent;cursor:pointer;padding:9px 12px}.icon-button:hover,.text-button:hover,.outline-button:hover,.back-button:hover{background:var(--ink);color:var(--plane);border-color:var(--ink)}main{max-width:1440px;margin:0 auto;padding:52px 34px 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:44px;border-bottom:1px solid var(--rule)}.hero h1{font-size:clamp(48px,7vw,92px);font-weight:500;letter-spacing:-.065em;line-height:.9;margin:20px 0 22px}.hero p:not(.eyebrow){color:var(--ink-2);margin:0}.hero-stats{display:flex}.hero-stats div{width:150px;border-left:1px solid var(--rule);padding-left:24px}.hero-stats strong{display:block;font-size:44px;font-weight:500;line-height:1}.hero-stats span{font:10px monospace;color:var(--muted);letter-spacing:.1em}.fleet-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.view-label{display:flex;align-items:baseline;gap:16px}.view-label span,.chart-toolbar span{font-weight:700}.view-label small,.chart-toolbar small{color:var(--muted);font:10px monospace}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.node-card{position:relative;background:var(--surface);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px;min-height:310px;cursor:pointer;transition:transform .18s,box-shadow .18s}.node-card:hover{z-index:2;transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--shadow)}.node-card:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.node-top{display:flex;justify-content:space-between;gap:16px}.node-index{font:10px monospace;color:var(--muted)}.status{font:10px monospace;letter-spacing:.08em}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--critical)}.status.online:before{background:var(--good)}.status.stale:before{background:var(--warn)}.node-card h2{font-size:25px;margin:22px 0 3px;letter-spacing:-.035em}.node-host{font:10px monospace;color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.metric-cell span{font:9px monospace;color:var(--muted);letter-spacing:.12em}.metric-cell strong{display:block;font-size:20px;font-weight:500;margin:5px 0}.meter{height:3px;background:var(--rule-soft);overflow:hidden}.meter i{display:block;height:100%;background:var(--blue)}.node-bottom{border-top:1px solid var(--rule-soft);padding-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:10px;font:10px monospace;color:var(--ink-2)}.node-bottom b{color:var(--ink);font-weight:500}.node-arrow{position:absolute;right:24px;bottom:21px}.empty{text-align:center;background:var(--surface);border:1px dashed var(--rule);padding:80px 20px}.empty>span{font:86px monospace;color:var(--rule)}.empty h2{margin:6px}.empty p{color:var(--ink-2)}.empty button{max-width:260px;margin:28px auto 0}
.back-button{margin-bottom:35px}.detail-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--rule);padding-bottom:34px}.detail-header h1{font-size:clamp(42px,6vw,76px);font-weight:500;letter-spacing:-.06em;margin:8px 0}.detail-meta{display:flex;flex-wrap:wrap;gap:9px;font:10px monospace;color:var(--ink-2);max-width:620px}.detail-meta span{border:1px solid var(--rule);padding:7px 9px}.metric-tiles{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--rule);margin:32px 0}.metric-tile{background:var(--surface);border:1px solid var(--rule);border-left:0;padding:20px}.metric-tile span{font:9px monospace;letter-spacing:.12em;color:var(--muted)}.metric-tile strong{display:block;font-size:27px;font-weight:500;margin:12px 0 5px}.metric-tile small{font:10px monospace;color:var(--ink-2)}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:16px 0}.chart-toolbar>div:first-child{display:flex;gap:14px;align-items:baseline}.ranges button{border:0;border-left:1px solid var(--rule);background:transparent;color:var(--muted);font:10px monospace;padding:8px 14px;cursor:pointer}.ranges button.active{color:var(--ink);background:var(--accent)}.charts{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--rule)}.chart{background:var(--surface);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px;min-width:0}.chart.wide{grid-column:1/3}.chart-head{display:flex;justify-content:space-between;align-items:flex-start}.chart-head h3{margin:0;font-size:14px}.chart-value{font:13px monospace}.chart-legend{display:flex;gap:14px;font:9px monospace;color:var(--ink-2)}.chart-legend i{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:5px}.chart svg{width:100%;height:190px;display:block;margin-top:20px;overflow:visible}.gridline{stroke:var(--rule-soft);stroke-width:1}.axis-label{fill:var(--muted);font:9px monospace}.series-one{fill:none;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke}.series-two{fill:none;stroke:var(--orange);stroke-width:2;vector-effect:non-scaling-stroke}.area{fill:color-mix(in srgb,var(--blue),transparent 88%)}.hover-line{stroke:var(--ink-2);stroke-width:1;opacity:0}.chart svg:hover .hover-line{opacity:.5}.chart-hit{fill:transparent;cursor:crosshair}.data-table{border:1px solid var(--rule);background:var(--surface);margin-top:24px}.data-table summary{padding:16px 20px;cursor:pointer;font:11px monospace}.table-wrap{overflow:auto;max-height:420px}table{width:100%;border-collapse:collapse;font:10px monospace}th,td{text-align:right;padding:10px 14px;border-top:1px solid var(--rule-soft);white-space:nowrap}th:first-child,td:first-child{text-align:left}.tooltip{position:fixed;z-index:30;pointer-events:none;background:var(--ink);color:var(--plane);border:1px solid var(--rule);padding:10px 12px;box-shadow:5px 5px 0 var(--shadow);font:10px/1.7 monospace;min-width:150px}.tooltip strong{font-size:12px}.tooltip-row{display:flex;justify-content:space-between;gap:18px}.tooltip-row span{color:var(--muted)}
footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;padding:20px 28px;font:9px monospace;letter-spacing:.1em;color:var(--muted);background:var(--surface)}dialog{border:0;padding:0;background:transparent;color:var(--ink);max-width:620px;width:calc(100% - 30px)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.dialog-card{position:relative;background:var(--surface);border:1px solid var(--rule);padding:38px;box-shadow:12px 12px 0 rgba(0,0,0,.2)}.dialog-card h2{font-size:30px;margin:12px 0}.dialog-card p{color:var(--ink-2)}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:none;font-size:25px;cursor:pointer}.dialog-card pre{white-space:pre-wrap;word-break:break-all;background:var(--plane);border:1px solid var(--rule);padding:14px;font:11px/1.6 monospace;max-height:190px;overflow:auto}.dialog-card .outline-button{width:100%;margin:10px 0}.dialog-card small{color:var(--muted);font:9px/1.5 monospace}.success-line{color:var(--good)!important;font:11px monospace}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.node-card,.chart,.metric-tile{animation:reveal .35s both}.node-card:nth-child(2),.chart:nth-child(2){animation-delay:.05s}.node-card:nth-child(3),.chart:nth-child(3){animation-delay:.1s}@media(max-width:980px){.node-grid{grid-template-columns:repeat(2,1fr)}.metric-tiles{grid-template-columns:repeat(3,1fr)}.hero{align-items:flex-start}.hero-stats div{width:120px}.top-status{display:none}}@media(max-width:650px){.login-shell{display:flex;flex-direction:column;padding:20px}.login-panel{margin:auto 0;padding:34px 25px}.login-foot{margin-top:30px}.topbar{grid-template-columns:1fr auto;padding:0 17px}.top-status{display:none}main{padding:35px 16px 55px}.hero{display:block}.hero-stats{margin-top:35px;border-top:1px solid var(--rule);padding-top:20px}.hero-stats div{flex:1}.fleet-controls{align-items:flex-start;gap:12px}.view-label{display:block}.node-grid{grid-template-columns:1fr}.metric-row{gap:7px}.detail-header{display:block}.metric-tiles{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.chart.wide{grid-column:auto}.chart-toolbar{align-items:flex-start;gap:14px}.chart-toolbar>div:first-child{display:block}.ranges{display:flex}.ranges button{padding:8px 10px}footer{display:block;line-height:2}.detail-meta{margin-top:20px}.login-panel h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}