:root{color-scheme:dark;--bg:#0b0f14;--surface:#121923;--surface-2:#182230;--line:#283548;--text:#eef4fa;--muted:#9bacbd;--good:#4ad69c;--warn:#f5c451;--bad:#ff6b75;--focus:#76b7ff;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-width:280px}a{color:#9dcbff;text-underline-offset:.2em}a:hover{color:#d3e8ff}.skip{position:absolute;left:.75rem;top:-4rem;background:var(--text);color:var(--bg);padding:.6rem 1rem;z-index:2}.skip:focus{top:.75rem}header,main,footer{width:min(72rem,calc(100% - 2rem));margin-inline:auto}header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,6vw,2.7rem);letter-spacing:-.04em;margin-bottom:0}h2{font-size:1.1rem}.eyebrow{color:var(--good);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.3rem}nav{display:flex;gap:1rem;flex-wrap:wrap}main{padding-block:1rem 3rem;display:grid;gap:1rem}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric,.panel{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;padding:1.15rem}.metric{border-top:3px solid var(--line);transition:transform .15s ease,border-color .15s ease}.metric:hover{transform:translateY(-2px)}.metric.good{border-top-color:var(--good)}.metric.warn{border-top-color:var(--warn)}.metric.bad{border-top-color:var(--bad)}.metric p{color:var(--muted);font-size:.82rem;margin-bottom:.35rem}.metric strong{font-size:1.5rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.count{background:var(--surface-2);border-radius:999px;padding:.15rem .6rem;color:var(--muted);font-size:.8rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:36rem}th,td{border-top:1px solid var(--line);padding:.85rem .4rem;text-align:left;vertical-align:middle}thead th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}tbody th{font-weight:650}small{display:block;color:var(--muted);font-weight:400}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:750;text-transform:uppercase}.badge.up{color:var(--good);border-color:#286c54}.badge.down{color:var(--bad);border-color:#74333a}.badge.degraded{color:var(--warn);border-color:#765f2c}.badge.paused,.badge.unknown{color:var(--muted)}.state{text-align:center;padding:2rem 1rem;color:var(--muted)}.state h2,.state h3{color:var(--text)}.state.error{color:#ffc2c6;border-color:#74333a}.good-text{color:var(--good)}.event-list{list-style:none;margin:0;padding:0}.event-list li{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:0}.details div{background:var(--surface);padding:.8rem}.details dt{color:var(--muted);font-size:.78rem}.details dd{margin:.2rem 0 0;overflow-wrap:anywhere}fieldset{border:1px solid var(--line);border-radius:.5rem;display:grid;gap:.8rem;margin:1rem 0 0;padding:1rem}legend{font-weight:700}label{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem}input,select,textarea,button{font:inherit}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:.35rem;color:var(--text);padding:.65rem;width:100%}select{min-height:7rem}button{background:#d8ebff;border:0;border-radius:.35rem;color:#07111d;cursor:pointer;font-weight:750;padding:.6rem .9rem;transition:transform .1s ease,filter .1s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.danger{background:#ffd3d6;color:#451017}.hint,footer{color:var(--muted)}footer{border-top:1px solid var(--line);font-size:.8rem;padding:1.5rem 0 2.5rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:640px){header{align-items:start;flex-direction:column;padding-top:1.5rem}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:1fr}.event-list li{align-items:flex-start;flex-direction:column}}@media(max-width:340px){header,main,footer{width:calc(100% - 1rem)}.summary{grid-template-columns:1fr}.metric,.panel{padding:.85rem}nav{gap:.7rem}.event-list form,.event-list button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}