:root,[data-theme=opal]{--bg: #eeecf1;--bg-2: #ebe9ef;--g1: rgba(255, 255, 255, .9);--g2: #e2defa;--g3: #fbf1dc;--rail: rgba(255, 255, 255, .55);--surface: #ffffff;--glass: rgba(255, 255, 255, .66);--glass-2: rgba(255, 255, 255, .8);--glass-line: #ffffff;--ink: #1d1b26;--body: #3a374a;--label: #55526a;--faint: #7d7a90;--line: rgba(43, 40, 56, .08);--line-2: rgba(43, 40, 56, .14);--acc: #6c5fe0;--acc-hi: #5a4dd0;--acc-pale: #a99ef5;--acc-wash: rgba(236, 233, 255, .9);--gold: #e2b234;--good: #2c5c49;--good-dot: #4fb58c;--bad: #d0492f;--info: #4d93d6;--plum: #9a62d6;--dark: #2b2838;--dark-ink: #ffffff;--stripe: #26223f;--shadow-card: 0 16px 30px -26px rgba(60, 50, 120, .5);--shadow-panel: 0 30px 60px -44px rgba(60, 50, 120, .5);color-scheme:light}[data-theme=savanna]{--bg: #f3eee4;--bg-2: #efe8db;--g2: #f6e3c1;--g3: #e9f0dc;--acc: #a8681f;--acc-hi: #8a5212;--acc-pale: #e0b77a;--acc-wash: rgba(250, 236, 210, .92);--gold: #c9962a;--line: rgba(60, 44, 20, .09);--line-2: rgba(60, 44, 20, .15);--dark: #2f2619;--stripe: #2f2619;--shadow-card: 0 16px 30px -26px rgba(110, 80, 30, .45);--shadow-panel: 0 30px 60px -44px rgba(110, 80, 30, .45)}[data-theme=lagoon]{--bg: #e9f0f1;--bg-2: #e3ecee;--g2: #cfeaee;--g3: #eef4e2;--acc: #1f7a8c;--acc-hi: #15606f;--acc-pale: #79c3cf;--acc-wash: rgba(214, 240, 244, .92);--line: rgba(20, 50, 60, .09);--line-2: rgba(20, 50, 60, .15);--dark: #17323a;--stripe: #17323a;--shadow-card: 0 16px 30px -26px rgba(20, 80, 100, .45);--shadow-panel: 0 30px 60px -44px rgba(20, 80, 100, .45)}[data-theme=midnight]{--bg: #14131a;--bg-2: #17161e;--g1: rgba(108, 95, 224, .16);--g2: rgba(169, 158, 245, .1);--g3: rgba(226, 178, 52, .06);--rail: rgba(255, 255, 255, .03);--surface: #211f2a;--glass: rgba(255, 255, 255, .05);--glass-2: rgba(255, 255, 255, .08);--glass-line: rgba(255, 255, 255, .08);--ink: #ece9f4;--body: #cbc7da;--label: #a7a3bb;--faint: #8a869f;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .13);--acc: #a99ef5;--acc-hi: #c4bcff;--acc-pale: #6c5fe0;--acc-wash: rgba(169, 158, 245, .14);--gold: #e8c45a;--good: #7fd3ad;--good-dot: #4fb58c;--bad: #f07a5f;--info: #7fb6ea;--plum: #c69af0;--dark: #a99ef5;--dark-ink: #14131a;--stripe: #14131a;--shadow-card: 0 16px 30px -24px rgba(0, 0, 0, .7);--shadow-panel: 0 30px 60px -40px rgba(0, 0, 0, .8);color-scheme:dark}:root{--f-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--f-body: "Funnel Sans", ui-sans-serif, system-ui, sans-serif;--f-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-pill: 99px;--r-chip: 12px;--r-card: 20px;--r-panel: 26px;--r-blob: 52% 48% 44% 46% / 60% 58% 42% 40%;--ease-pop: cubic-bezier(.3, 1.35, .5, 1);--rail-w: 268px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font:400 14px/1.55 var(--f-body);color:var(--body);background-color:var(--bg);background-image:radial-gradient(45% 30% at 30% 0%,var(--g1),transparent 70%),radial-gradient(35% 30% at 95% 10%,var(--g2),transparent 70%),radial-gradient(40% 30% at 60% 100%,var(--g3),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}::selection{background:var(--acc-wash)}.kicker{font:500 10.5px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.h1{font:600 clamp(32px,4.6vw,48px) / 1.02 var(--f-display);letter-spacing:-.05em;color:var(--ink);margin:10px 0 12px;text-wrap:pretty;max-width:22ch}.h1 em{font-style:normal;color:var(--acc)}.h2{font:600 22px/1.15 var(--f-display);letter-spacing:-.035em;color:var(--ink);margin:0}.h3{font:600 15px/1.3 var(--f-display);letter-spacing:-.02em;color:var(--ink);margin:0}.lede{font-size:17px;line-height:1.6;color:var(--label);max-width:62ch;margin:0}.mono{font-family:var(--f-mono)}.muted{color:var(--faint)}.num{font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.rail{position:sticky;top:0;height:100vh;width:var(--rail-w);flex:none;display:flex;flex-direction:column;gap:14px;padding:20px 16px 16px;background:var(--rail);border-right:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px 6px}.brand-word{font:700 21px/1 var(--f-display);letter-spacing:-.05em;color:var(--ink)}.brand-sub{font:500 9px/1 var(--f-mono);letter-spacing:.22em;color:var(--faint);margin-top:4px}.search{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:10px;background:var(--glass-2);border:1px solid var(--glass-line);color:var(--faint);font:400 13px var(--f-body);text-align:left}.search kbd{margin-left:auto;font:500 10px var(--f-mono);padding:2px 6px;border-radius:6px;background:var(--line);color:var(--label)}.fleet{border-radius:14px;background:var(--dark);color:var(--dark-ink);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.fleet .kicker{color:color-mix(in srgb,var(--dark-ink) 60%,transparent)}.fleet-big{font:600 22px/1 var(--f-display);letter-spacing:-.04em}.fleet-dots{grid-column:1 / -1;display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}.fleet-dots i{width:9px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--dark-ink) 20%,transparent)}.fleet-dots i.up{background:var(--good-dot)}.fleet-dots i.slow{background:var(--gold)}.fleet-dots i.down{background:var(--bad)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group>.kicker{padding:6px 10px 4px;font-size:9.5px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;color:var(--body);font-weight:500;transition:background .15s}.nav-item:hover{background:var(--glass)}.nav-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.nav-item .idx{font:500 10px var(--f-mono);color:var(--faint);width:18px}.nav-item .badge{margin-left:auto}.nav-children{margin:2px 0 4px 21px;padding-left:10px;border-left:1px solid var(--line-2);display:flex;flex-direction:column}.nav-child{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font:500 12px var(--f-mono);color:var(--label)}.nav-child:hover{background:var(--glass)}.nav-child.active{color:var(--ink);background:var(--glass-2)}.user-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card)}.user-card img,.user-card .avatar{width:32px;height:32px;border-radius:50%;flex:none}.user-card .avatar{display:grid;place-items:center;background:var(--acc-wash);color:var(--acc);font:700 13px var(--f-display)}.user-card .who{min-width:0;flex:1}.user-card .who b{display:block;color:var(--ink);font:600 13px var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card .who span{display:block;font:500 9.5px var(--f-mono);color:var(--faint);letter-spacing:.1em}.icon-btn{border:0;background:var(--line);border-radius:9px;padding:6px 8px;font:500 11px var(--f-mono);color:var(--label)}.icon-btn:hover{background:var(--line-2);color:var(--ink)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 32px;border-bottom:1px solid var(--glass-line);background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.crumb{font:500 12px var(--f-mono);color:var(--faint)}.crumb b{color:var(--ink);font-weight:500}.crumb span{color:var(--label)}.topbar .spacer{flex:1}.burger{display:none}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--glass-line);font:500 10.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.pill.dark{background:var(--dark);color:var(--dark-ink);border-color:transparent}.pill.env-local{background:#f59e0b;color:#1f2937;border-color:#b45309;font-weight:700}button.pill:hover{color:var(--ink)}.page{padding:34px 32px 64px;max-width:1320px;width:100%}.page-head{margin-bottom:26px}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{padding:20px 22px;border-radius:var(--r-panel)}.panel-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}.panel-head .spacer{flex:1}.section{margin-top:28px}.grid{display:grid;gap:14px}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kpi{padding:14px 16px 16px;position:relative;overflow:hidden}.kpi .v{font:600 30px/1.05 var(--f-display);letter-spacing:-.045em;color:var(--ink);margin-top:8px}.kpi .v small{font:500 13px var(--f-mono);color:var(--faint);letter-spacing:0;margin-left:4px}.kpi .s{font-size:12.5px;color:var(--label);margin-top:4px}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--tone, transparent)}.cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.tag{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 9px;border-radius:var(--r-pill);font:500 9.5px/1.5 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}.tag.up,.tag.holding{background:#cef0dee6;color:#1f4d3c}.tag.slow,.tag.gold{background:#ffe9aae6;color:#6b5414}.tag.down,.tag.drift{background:#ffe2d6e6;color:#9a3a20}.tag.finding,.tag.acc{background:var(--acc-wash);color:var(--acc-hi)}.tag.unknown,.tag.empty{background:var(--line);color:var(--faint)}[data-theme=midnight] .tag.up,[data-theme=midnight] .tag.holding{background:#4fb58c29;color:#8fe0bb}[data-theme=midnight] .tag.slow,[data-theme=midnight] .tag.gold{background:#e8c45a29;color:#f0d27c}[data-theme=midnight] .tag.down,[data-theme=midnight] .tag.drift{background:#f07a5f29;color:#ffa58f}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--faint)}.dot.up{background:var(--good-dot);animation:zjLive 2.4s infinite}.dot.slow{background:var(--gold)}.dot.down{background:var(--bad);animation:zjAlarm 1.2s infinite}@keyframes zjLive{0%,to{box-shadow:0 0 #4fb58c8c}70%{box-shadow:0 0 0 6px #4fb58c00}}@keyframes zjAlarm{0%,to{box-shadow:0 0 #d0492f99}70%{box-shadow:0 0 0 7px #d0492f00}}.product-card{padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px;transition:transform .25s var(--ease-pop),box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-panel)}.product-top{display:flex;gap:12px;align-items:center}.product-name{font:600 20px/1 var(--f-display);letter-spacing:-.04em;color:var(--ink)}.env-row{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.env-row .kicker{font-size:9.5px}.env-dots{display:flex;gap:6px;flex-wrap:wrap}.env-chip{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--f-mono);color:var(--label);padding:3px 8px 3px 6px;border-radius:99px;background:var(--glass-2)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font:500 9.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:8px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap}.table td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle;font-size:13px}.table tr:hover td{background:color-mix(in srgb,var(--surface) 40%,transparent)}.table .host{font:500 12.5px var(--f-mono);color:var(--ink)}.table-wrap{overflow-x:auto}.r{text-align:right}.blob{border-radius:var(--r-blob);flex:none;position:relative;overflow:hidden}.blob.fA{background:radial-gradient(circle at 32% 26%,#ece8ff,#a99ef5 42%,#6c5fe0 88%)}.blob.fB{background:radial-gradient(circle at 32% 26%,#fff7d6,#ffe07a 42%,#e2b234 88%)}.blob.fC{background:radial-gradient(circle at 32% 26%,#e6fbf1,#9fe3c4 42%,#4fb58c 88%)}.blob.fD{background:radial-gradient(circle at 32% 26%,#ffeaf3,#f7a8c8 42%,#d9658f 88%)}.blob.fG{background:radial-gradient(circle at 32% 26%,#f5ecff,#cfa9f2 42%,#9a62d6 88%)}.blob.striped:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-32deg,transparent 0 9px,color-mix(in srgb,var(--stripe) 22%,transparent) 9px 14px)}.zeeb{position:relative;flex:none;border-radius:var(--r-blob);background:radial-gradient(circle at 32% 26%,#ece8ff,#a99ef5 42%,#6c5fe0 88%);box-shadow:0 22px 34px -20px #4637a099,inset 0 -10px 16px #281e642e,inset 0 8px 12px #ffffff80;overflow:hidden}.zeeb.bob{animation:zjBob 3.2s ease-in-out infinite}.zeeb .stripes{position:absolute;top:-10%;right:-10%;bottom:45%;left:35%;border-radius:50%;background:repeating-linear-gradient(-60deg,transparent 0 9%,rgba(38,34,63,.16) 9% 14%);-webkit-mask-image:radial-gradient(circle at 70% 20%,#000 30%,transparent 70%);mask-image:radial-gradient(circle at 70% 20%,#000 30%,transparent 70%)}.zeeb .eye{position:absolute;top:40%;width:11%;height:16%;border-radius:50%;background:#26223f;animation:zjBlink 5.5s infinite}.zeeb .eye.l{left:33%}.zeeb .eye.r{right:33%}.zeeb .mouth{position:absolute;left:50%;top:62%;width:18%;height:9%;transform:translate(-50%);border:2px solid #26223f;border-top:none;border-radius:0 0 99px 99px}.zeeb.worried .mouth{border:none;border-top:2px solid #26223f;border-radius:99px 99px 0 0;top:66%}.zeeb.alarm .mouth{width:12%;height:12%;border:2px solid #26223f;border-radius:50%}.zeeb.alarm{background:radial-gradient(circle at 32% 26%,#ffeae3,#f7a48f 42%,#d0492f 88%)}.zeeb.worried{background:radial-gradient(circle at 32% 26%,#fff7d6,#ffe07a 42%,#e2b234 88%)}@keyframes zjBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes zjBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.spark path.line{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.spark path.area{fill:color-mix(in srgb,var(--acc) 14%,transparent)}.spark circle.down{fill:var(--bad)}.bars rect.bar{transition:opacity .15s}.bars rect.bar:hover{opacity:.75}.bars text{font:500 9px var(--f-mono);fill:var(--faint)}.legend{display:flex;gap:14px;flex-wrap:wrap;font:500 10.5px var(--f-mono);color:var(--label)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}.uptime-strip{display:flex;gap:1.5px;height:22px;align-items:stretch}.uptime-strip i{flex:1;border-radius:2px;background:var(--good-dot);opacity:.85;min-width:2px}.uptime-strip i.slow{background:var(--gold)}.uptime-strip i.down{background:var(--bad)}.uptime-strip i.none{background:var(--line-2)}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--r-pill);padding:11px 18px;background:var(--dark);color:var(--dark-ink);font:600 14px var(--f-body);transition:transform .2s var(--ease-pop)}.btn:hover{transform:translateY(-1px) scale(1.02)}.btn.ghost{background:var(--glass-2);color:var(--ink);border:1px solid var(--glass-line)}.placeholder{border:1.5px dashed var(--line-2);background:var(--glass);border-radius:var(--r-panel);padding:26px;display:flex;gap:22px;align-items:center}.steps{margin:10px 0 0;padding-left:20px;color:var(--body)}.steps li{margin:4px 0}.code{font:500 12px var(--f-mono);background:var(--line);padding:1px 6px;border-radius:6px;color:var(--ink)}.marquee{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;gap:28px;animation:zjMarquee 60s linear infinite;padding:6px 0}.marquee-item{display:inline-flex;align-items:center;gap:10px;font:600 15px var(--f-display);letter-spacing:-.02em;color:var(--ink)}@keyframes zjMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.link-card{display:flex;gap:14px;align-items:center;padding:14px 16px;transition:transform .25s var(--ease-pop),box-shadow .2s}.link-card:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:var(--shadow-panel)}.link-card .arrow{margin-left:auto;font:500 14px var(--f-mono);color:var(--faint);transition:transform .2s}.link-card:hover .arrow{transform:translate(2px,-2px);color:var(--acc)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:120px 18px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line);align-items:start}.timeline .when{font:500 11px var(--f-mono);color:var(--faint);padding-top:2px}.empty-state{text-align:center;padding:40px 20px;color:var(--label)}.empty-state .zeeb{margin:0 auto 16px}.err{color:var(--bad);font:500 12px var(--f-mono)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack-v{display:flex;flex-direction:column;gap:4px}.small{font-size:12px}.ext:after{content:" ↗";font-family:var(--f-mono);font-size:.85em;color:var(--faint)}.ext:hover{color:var(--acc)}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 40%,rgba(20,18,30,.35));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;justify-items:center;align-items:start;padding-top:12vh}.palette{width:min(620px,calc(100vw - 32px));background:var(--surface);border-radius:22px;box-shadow:var(--shadow-panel),0 0 0 1px var(--line-2);overflow:hidden;animation:zjPop .22s var(--ease-pop)}.palette input{width:100%;border:0;outline:0;background:transparent;padding:18px 20px;font:500 17px var(--f-body);color:var(--ink);border-bottom:1px solid var(--line)}.palette ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}.palette li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;cursor:pointer}.palette li.sel{background:var(--acc-wash)}.palette li .kicker{margin-left:auto}@keyframes zjPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.signin{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.signin-card{width:min(520px,100%);padding:40px 36px 30px;text-align:center;border-radius:34px}.signin-card .zeeb{margin:0 auto 22px}.signin-card .h1{margin-inline:auto}.signin-foot{margin-top:26px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.rail{position:fixed;left:0;transform:translate(-102%);transition:transform .25s ease;box-shadow:var(--shadow-panel);background:var(--surface)}.rail.open{transform:none}.burger{display:inline-flex}.topbar{padding:10px 16px}.page{padding:24px 16px 48px}.cols-2{grid-template-columns:1fr}.timeline li{grid-template-columns:1fr;gap:4px}.timeline .dot-col{display:none}.placeholder{flex-direction:column;text-align:center}.hide-sm{display:none}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121e40;z-index:25}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tabs{position:sticky;top:57px;z-index:15;display:flex;gap:4px;flex-wrap:wrap;padding:5px;margin:0 0 22px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.tab{border:0;background:transparent;padding:9px 14px;border-radius:13px;font:500 13px var(--f-body);color:var(--label);display:inline-flex;align-items:center}.tab:hover{color:var(--ink);background:var(--glass-2)}.tab.on{background:var(--dark);color:var(--dark-ink)}.cols-3>.panel,.cols-2>.panel{min-width:0}@media (max-width: 900px){.tabs{top:53px;overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap}}.pill.env-staging{background:#3b82f6;color:#fff;border-color:#1d4ed8;font-weight:700}