:root{color-scheme:dark;--bg: #080d19;--surface: #121b2a;--elevated: #192538;--border: #28364b;--text: #f1f5f9;--text-muted: #b7c3d6;--text-faint: #8b9cb3;--accent: #8b5cf6;--accent-hover: #7c3aed;--healthy: #34d399;--healthy-soft: rgba(52, 211, 153, .12);--degraded: #e0b252;--degraded-soft: rgba(224, 178, 82, .14);--unhealthy: #ef6b6b;--unhealthy-soft: rgba(239, 107, 107, .12);--unknown: #93a4b8;--unknown-soft: rgba(147, 164, 184, .12);--loading: #a8b3c7;--loading-soft: rgba(168, 179, 199, .12);--radius: 16px;--font: "Segoe UI", system-ui, sans-serif;--mono: "Cascadia Mono", "Segoe UI Mono", ui-monospace, monospace;--page-x: clamp(1rem, 2.2vw, 2.5rem);--page-y: clamp(.9rem, 1.5vw, 1.35rem)}[data-status=loading]{--tone: var(--loading);--tone-soft: var(--loading-soft)}[data-status=healthy]{--tone: var(--healthy);--tone-soft: var(--healthy-soft)}[data-status=degraded]{--tone: var(--degraded);--tone-soft: var(--degraded-soft)}[data-status=unhealthy]{--tone: var(--unhealthy);--tone-soft: var(--unhealthy-soft)}[data-status=unknown]{--tone: var(--unknown);--tone-soft: var(--unknown-soft)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.45;text-rendering:optimizeLegibility}h1,h2,h3,p,dl,dd{margin:0}button,input,a{font:inherit}button{color:inherit}:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}::selection{background:#8b5cf673;color:#fff}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem 1.5rem;padding:.85rem var(--page-x);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,var(--bg))}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand img{width:2.25rem;height:2.25rem;object-fit:contain}.brand h1{font-size:.95rem;font-weight:700;letter-spacing:.14em;line-height:1.1;text-transform:uppercase}.brand p,.overall__hint,.refresh small,.endpoint__label,.section-head p,.metric__hint,.mini__label,.mini__detail,.dep p,.meta__empty,.service-row__panel,.check__detail{color:var(--text-muted)}.brand p{margin-top:.12rem;font-size:.78rem}.topbar__tools{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;min-width:0}.endpoint{display:flex;flex-direction:column;gap:.08rem;min-width:0;max-width:18rem;padding:.42rem .7rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;text-decoration:none}a.endpoint:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.endpoint__label,.eyebrow,.section-head h2,.metric h3,.mini__label{color:var(--text-faint);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.endpoint__url{display:flex;align-items:center;gap:.35rem;min-width:0;color:var(--text);font-family:var(--mono);font-size:.78rem}.endpoint__url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint__url svg{width:.8rem;height:.8rem;flex:none;color:var(--text-faint)}.overall{display:flex;align-items:center;gap:.55rem;min-height:2.85rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.overall__dot,.status__dot{flex:none;border-radius:50%;background:var(--tone)}.overall__dot{width:.5rem;height:.5rem}.overall__copy{display:flex;flex-direction:column;line-height:1.15}.overall__title{color:var(--tone);font-size:.84rem;font-weight:700}.overall__hint{font-size:.72rem}.refresh{display:inline-flex;align-items:center;gap:.5rem;min-height:2.85rem;padding:.4rem .85rem;border:0;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer}.refresh:hover:not(:disabled){background:var(--accent-hover)}.refresh:disabled{cursor:progress;opacity:.78}.refresh svg,.service-row__chevron{width:1rem;height:1rem;flex:none}.refresh__copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-weight:700}.refresh small{color:#ffffffd1;font-size:.7rem;font-weight:600}.main{display:grid;gap:1rem;padding:var(--page-y) var(--page-x) calc(var(--page-y) + 1.25rem)}.overview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:1rem;align-items:stretch}.overview>.hero,.overview>.metrics{height:100%}.panel,.hero,.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.hero{display:flex;flex-direction:column;min-width:0;padding:1.25rem 1.25rem 1.1rem;overflow:hidden;background-color:#080d19;background-image:linear-gradient(90deg,#080d19eb,#080d19b8 42%,#080d1947),url(/server.png);background-repeat:no-repeat;background-position:center,right center;background-size:auto,cover}.hero__top{display:flex;gap:1rem;align-items:flex-start}.mark{display:grid;width:4.4rem;height:4.4rem;flex:none;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 42%,var(--border));border-radius:50%;background:var(--tone-soft);color:var(--tone)}.mark svg{width:2.35rem;height:2.35rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero h2{margin-top:.15rem;color:var(--tone);font-size:clamp(2.15rem,2.6vw,3.15rem);font-weight:650;letter-spacing:-.045em;line-height:.95}.hero__summary{margin-top:.7rem;font-size:.98rem}.hero__detail,.hero__stale{margin-top:.28rem;color:var(--text-muted);font-size:.9rem}.hero__stale{color:var(--text)}.hero__checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:auto;padding-top:1.2rem}.mini{min-width:0;padding:.75rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--elevated)}.mini__value{color:var(--tone);font-size:.98rem;font-weight:700;letter-spacing:-.02em}.mini__label,.mini__detail{margin-top:.15rem;font-size:.75rem}.mini__detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;min-width:0}.metric{display:flex;flex-direction:column;gap:.35rem;min-width:0;min-height:8.6rem;padding:1rem 1.05rem .95rem}.metric__head{display:flex;align-items:center;gap:.6rem}.metric h3{font-size:.72rem}.metric__aside{margin-left:auto;color:var(--text-muted);font-family:var(--mono);font-size:.78rem;font-variant-numeric:tabular-nums}.metric__value{margin-top:.25rem;font-family:var(--mono);font-size:clamp(1.45rem,1.6vw,1.85rem);font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1}.metric__hint{font-size:.78rem}.metric__status{margin-top:.35rem;font-size:1.15rem}.glyph{display:grid;width:2.15rem;height:2.15rem;flex:none;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--elevated);color:var(--text-muted)}.glyph svg{width:1rem;height:1rem}.glyph--sm{width:1.7rem;height:1.7rem;border-radius:8px}.glyph--sm svg{width:.85rem;height:.85rem}.metric[data-status] .glyph,.dep[data-status] .glyph,.service-row .glyph{border-color:color-mix(in srgb,var(--tone) 28%,var(--border));background:var(--tone-soft);color:var(--tone)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.section-head h2{font-size:.75rem}.section-head p{font-size:.8rem;text-align:right}.service-list{min-width:0}.service-row+.service-row{border-top:1px solid var(--border)}.service-row[data-status=unhealthy] .service-row__summary,.service-row[data-status=degraded] .service-row__summary{box-shadow:inset 2px 0 0 var(--tone)}.service-row__summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:.85rem 1rem;align-items:center;width:100%;min-height:4.15rem;padding:.75rem 1rem;border:0;background:transparent;text-align:left;cursor:pointer}.service-row__summary:hover{background:color-mix(in srgb,var(--elevated) 70%,transparent)}.service-row__identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center;min-width:0}.service-row__copy{display:flex;flex-direction:column;min-width:0}.service-row__name{font-weight:650}.service-row__path,.service-row__latency,.meta dd{font-family:var(--mono);font-variant-numeric:tabular-nums}.service-row__path{overflow:hidden;color:var(--text-faint);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.service-row__latency{min-width:4.5rem;color:var(--text-muted);font-size:.88rem;text-align:right}.service-row__chevron{color:var(--text-faint);transition:transform .16s ease}.service-row__summary[aria-expanded=true] .service-row__chevron{transform:rotate(180deg)}.service-row__panel{display:grid;gap:.5rem;padding:.15rem 1rem 1rem 3.85rem}.diagnosis{color:var(--text);font-weight:650}.service-row__chip{justify-self:start;padding:.12rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.checks{display:grid;gap:.7rem;margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--border)}.check{display:flex;align-items:center;justify-content:space-between;gap:1rem}.check__name{font-weight:650}.diagnostics{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.8fr);gap:1rem;align-items:start}.infra-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.9rem}.dep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .7rem;align-items:center;min-width:0;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--elevated)}.dep .glyph{grid-row:span 3}.dep h3{font-size:.92rem;font-weight:650}.dep p{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.meta dl{display:grid;gap:.15rem;padding:.45rem .35rem .7rem}.meta dl>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center;padding:.45rem .7rem}.meta dt{display:flex;align-items:center;gap:.65rem;color:var(--text-faint);font-size:.82rem}.meta dd{font-size:.84rem;text-align:right;overflow-wrap:anywhere}.meta__empty{padding:1.15rem 1.1rem 1.25rem;font-size:.9rem}.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--tone);font-size:.84rem;font-weight:700;letter-spacing:.01em;line-height:1}.status__dot{width:.48rem;height:.48rem}@media(min-width:1500px){.diagnostics{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem)}.infra-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.overview,.diagnostics{grid-template-columns:1fr}.overview>.hero,.overview>.metrics{height:auto}.metrics{grid-template-rows:auto}}@media(max-width:860px){.topbar,.topbar__tools{align-items:stretch;flex-direction:column}.topbar__tools{justify-content:flex-start}.endpoint{max-width:none}.section-head{align-items:flex-start;flex-direction:column;gap:.25rem}.section-head p{text-align:left}}@media(max-width:720px){.hero__checks,.metrics,.infra-grid{grid-template-columns:1fr 1fr}.service-row__summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity chevron" "state latency"}.service-row__identity{grid-area:identity}.service-row__summary>.status{grid-area:state;justify-self:start}.service-row__latency{grid-area:latency;justify-self:end}.service-row__chevron{grid-area:chevron;align-self:start;margin-top:.35rem}.service-row__panel{padding-left:1rem}}@media(max-width:520px){.overall,.refresh{width:100%}.hero__top{flex-direction:column}.hero__checks,.metrics,.infra-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.hero[data-status=loading] .mark svg{transform-origin:center;animation:spin 1.1s linear infinite}.refresh:disabled svg{animation:spin .9s linear infinite}}@media(prefers-reduced-motion:reduce){.service-row__chevron{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}