:root{--bg:#f5f7f9;--surface:#fff;--surface-2:#f8fafb;--border:#dfe5ec;--border-strong:#c5cfda;--text:#141c26;--text-2:#556477;--text-3:#8593a4;--ok:#1c7a58;--ok-bg:#e8f4ef;--degraded:#96631a;--degraded-bg:#fbf0dd;--down:#b83a2c;--down-bg:#fceceb;--accent:#2f6fe0;--p1:#b83a2c;--p2:#a35c12;--p3:#7d6614;--p4:#5f6d7e;--r-sm:5px;--r:8px;--r-lg:10px;--shadow-1:0 1px 2px #141c260d, 0 1px 3px #141c260a;--shadow-2:0 4px 14px #141c261a, 0 2px 4px #141c260d;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0e1319;--surface:#161d26;--surface-2:#1c242f;--border:#28323f;--border-strong:#3a4757;--text:#e3eaf2;--text-2:#97a5b6;--text-3:#6b7a8c;--ok:#2f9e6e;--ok-bg:#10281f;--degraded:#c8871f;--degraded-bg:#291f10;--down:#d4483b;--down-bg:#2b1513;--accent:#3d7ff5;--p1:#d4483b;--p2:#c8871f;--p3:#b3a03a;--p4:#7d8b9c;--shadow-1:0 1px 2px #00000059;--shadow-2:0 6px 20px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.skip-link{background:var(--surface);border-radius:var(--r-sm);z-index:200;box-shadow:var(--shadow-2);padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:12px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:20px;height:54px;padding:0 20px;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:9px;display:flex}.topbar__title{letter-spacing:-.01em;font-size:15px;font-weight:650}.topbar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar__clock{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;min-width:132px;font-size:12.5px}.conn{width:10px;height:10px;display:inline-flex}.conn i{border:2px solid var(--text-3);background:0 0;border-radius:50%;width:10px;height:10px;transition:background .25s,border-color .25s}.conn.is-live i{background:var(--ok);border-color:var(--ok)}.conn.is-stale i{background:var(--down);border-color:var(--down)}.tabs{gap:2px;display:flex}.tab{font:inherit;color:var(--text-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:7px 13px;font-size:14px;display:inline-flex;position:relative}.tab:hover{background:var(--bg);color:var(--text)}.tab.is-active{color:var(--text);background:var(--bg);font-weight:600}.tab__count{background:var(--down);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.5}.iconbtn{font:inherit;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;padding:5px 11px;font-size:13px}.iconbtn:hover{background:var(--bg);color:var(--text)}.iconbtn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.banner{border-radius:var(--r);background:var(--down-bg);border:1px solid color-mix(in srgb, var(--down) 35%, transparent);border-left:3px solid var(--down);margin:14px 20px 0;padding:13px 16px}.banner__head{color:var(--down);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:650;display:flex}.banner ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.banner li{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13.5px;display:flex}main{max-width:1600px;padding:18px 20px 56px}.view{display:none}.view.is-active{display:block}.stats{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:108px;box-shadow:var(--shadow-1);padding:11px 16px}.stat__value{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:25px;font-weight:600;line-height:1.05}.stat__label{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-size:11px;font-weight:600}.stat.is-down .stat__value{color:var(--down)}.stat.is-degraded .stat__value{color:var(--degraded)}.stat.is-ok .stat__value{color:var(--ok)}.stat.is-zero .stat__value{color:var(--text-3)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search{flex:240px;max-width:340px;position:relative}.search__icon{width:15px;height:15px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search input{width:100%;font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 11px 7px 32px;font-size:14px}.search input::placeholder{color:var(--text-3)}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;display:inline-flex}.seg{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:13px}.seg:hover{color:var(--text)}.seg.is-active{background:var(--bg);color:var(--text);font-weight:600}.group{margin-bottom:26px}.group__head{align-items:center;gap:9px;margin-bottom:11px;display:flex}.group__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0;font-size:12px;font-weight:700}.group__rule{background:var(--border);flex:1;height:1px}.group__badge{background:var(--down-bg);color:var(--down);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow-1);flex-direction:column;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.card:active{transform:translateY(0)}.card:before{content:"";background:var(--text-3);width:0;position:absolute;top:0;bottom:0;left:0}.card.is-ok:before{background:var(--ok)}.card.is-degraded:before{background:var(--degraded)}.card.is-down:before{background:var(--down)}.card.is-down{border-color:color-mix(in srgb, var(--down) 32%, var(--border))}.card.is-degraded{border-color:color-mix(in srgb, var(--degraded) 30%, var(--border))}.card.is-maintenance{opacity:.68}.card.is-maintenance:before{background:repeating-linear-gradient(180deg, var(--text-3) 0 5px, transparent 5px 10px)}.card__body{padding:13px 15px 0 17px}.card__top{align-items:flex-start;gap:10px;display:flex}.card__name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:640;line-height:1.3;overflow:hidden}.card__key{font-family:var(--mono);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.chip{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.chip--ok{background:var(--ok-bg);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 25%, transparent)}.chip--degraded{background:var(--degraded-bg);color:var(--degraded);border-color:color-mix(in srgb, var(--degraded) 30%, transparent)}.chip--down{background:var(--down-bg);color:var(--down);border-color:color-mix(in srgb, var(--down) 30%, transparent)}.chip--muted{background:var(--surface-2);color:var(--text-3);border-color:var(--border)}.chip__glyph{font-size:10px;line-height:1}.sev-chip{letter-spacing:.06em;color:#fff;border-radius:4px;align-items:center;padding:2px 6px;font-size:10.5px;font-weight:800;display:inline-flex}.sev-chip.P1{background:var(--p1)}.sev-chip.P2{background:var(--p2)}.sev-chip.P3{background:var(--p3)}.sev-chip.P4{background:var(--p4)}.sev-chip.is-acked{opacity:.55}.card__chips{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.metric{min-width:0}.metric__v{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;line-height:1.25;overflow:hidden}.metric__l{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px;font-weight:600}.metric__v.is-bad{color:var(--down)}.metric__v.is-warn{color:var(--degraded)}.metric__v.is-none{color:var(--text-3);font-weight:500}.deps{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.dep-pill{font-size:11px;font-family:var(--mono);border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.dep-pill.is-ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 28%, transparent);background:var(--ok-bg)}.dep-pill.is-degraded{color:var(--degraded);border-color:color-mix(in srgb, var(--degraded) 32%, transparent);background:var(--degraded-bg)}.dep-pill.is-down{color:var(--down);border-color:color-mix(in srgb, var(--down) 32%, transparent);background:var(--down-bg)}.card__cause{color:var(--down);background:var(--down-bg);border-radius:var(--r-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:11px;padding:7px 9px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.card__cause.is-degraded{color:var(--degraded);background:var(--degraded-bg)}.spark{align-items:flex-end;gap:1px;height:26px;margin-top:13px;padding:0 15px 11px 17px;display:flex}.spark__bar{background:var(--border-strong);border-radius:1px 1px 0 0;flex:1 1 0;min-width:1px}.spark__bar.is-ok{background:color-mix(in srgb, var(--ok) 60%, transparent)}.spark__bar.is-degraded{background:var(--degraded)}.spark__bar.is-down{background:var(--down)}.spark__empty{color:var(--text-3);margin-top:13px;padding:0 15px 11px 17px;font-size:11px}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--surface-2) 37%, var(--border) 63%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.card--skeleton{pointer-events:none;gap:10px;padding:15px 17px}.card--skeleton .skeleton:first-child{width:55%;height:15px}.card--skeleton .skeleton:nth-child(2){width:35%;height:11px}.card--skeleton .skeleton:nth-child(3){width:100%;height:30px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-1);overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:top;font-variant-numeric:tabular-nums;padding:10px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);color:var(--text-3);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:650;display:inline-block}.pill.is-open{border-color:color-mix(in srgb, var(--down) 40%, transparent);color:var(--down);background:var(--down-bg)}.pill.is-acked{border-color:color-mix(in srgb, var(--degraded) 40%, transparent);color:var(--degraded);background:var(--degraded-bg)}.pill.is-resolved{border-color:color-mix(in srgb, var(--ok) 35%, transparent);color:var(--ok);background:var(--ok-bg)}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--r-sm);white-space:nowrap;padding:4px 10px;font-size:12.5px}.btn:hover:not(:disabled){background:var(--bg);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}code{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-3)}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--text-3);background:var(--surface);border:1px dashed var(--border);border-radius:var(--r);padding:40px 24px;font-size:14px}.empty strong{color:var(--text-2);margin-bottom:4px;font-size:15px;display:block}.drawer{z-index:60;position:fixed;inset:0}.drawer__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c111780;position:absolute;inset:0}.drawer__panel{background:var(--bg);border-left:1px solid var(--border);width:min(680px,100%);padding:22px 24px 48px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 28px #0000002e}.drawer__close{cursor:pointer;width:30px;height:30px;color:var(--text-3);border-radius:var(--r-sm);background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:12px;right:16px}.drawer__close:hover{background:var(--surface);color:var(--text)}.drawer h2{letter-spacing:-.015em;margin:0;font-size:19px}.drawer h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:24px 0 9px;font-size:11px;font-weight:700}.drawer__sub{color:var(--text-3);font-size:13px;font-family:var(--mono);margin-top:3px}.kv{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:132px 1fr;gap:7px 14px;padding:14px 16px;font-size:13.5px;display:grid}.kv dt{color:var(--text-3)}.kv dd{margin:0}.deprow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:13.5px;display:flex}.deprow:last-child{border-bottom:none}.deprow__name{font-family:var(--mono);font-size:12.5px}.st-ok{color:var(--ok)}.st-degraded{color:var(--degraded)}.st-down{color:var(--down)}.toasts{z-index:90;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text-3);border-radius:var(--r);box-shadow:var(--shadow-2);padding:10px 14px;font-size:13.5px;animation:.2s slidein}.toast.is-down{border-left-color:var(--down)}.toast.is-degraded{border-left-color:var(--degraded)}.toast.is-ok{border-left-color:var(--ok)}.toast__title{margin-bottom:2px;font-weight:640}.toast__body{color:var(--text-2);font-size:12.5px}@keyframes slidein{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (width<=860px){.topbar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 14px}.topbar__right{width:100%;margin-left:0}.topbar__clock{min-width:0;margin-left:auto}main{padding:14px 14px 48px}.banner{margin:12px 14px 0}.grid{grid-template-columns:1fr}.drawer__panel{padding:20px 16px 40px}.kv{grid-template-columns:110px 1fr}}.card__ident{flex:1;min-width:0}.group__count{font-size:12px}.drawer__err{color:var(--text-3);margin-top:4px;font-size:12px}.banner .linkish{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}