.login{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;min-height:100dvh;background-color:var(--bg-subtle);background-image:radial-gradient(60% 45% at 50% -5%,var(--login-glow-1),transparent 70%),radial-gradient(40% 35% at 100% 100%,var(--login-glow-2),transparent 70%)}.login__main{display:grid;place-items:center;min-width:0;padding:max(var(--sp-4),var(--safe-top)) max(var(--sp-4),var(--safe-right)) max(var(--sp-4),var(--safe-bottom)) max(var(--sp-4),var(--safe-left))}.login__aside{display:none}.login__card{display:grid;gap:var(--sp-3);width:100%;max-width:440px;padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--glow),var(--shadow-lg)}.login__brand{margin-bottom:var(--sp-2)}.login__title{font-size:var(--fs-h1)}.login__form{display:grid;gap:var(--sp-4);margin-top:var(--sp-2)}.login__form .btn{width:100%}.login__error{display:flex;align-items:center;gap:8px;padding:var(--sp-2) var(--sp-3);color:var(--tone-danger-fg);background:var(--tone-danger-bg);border:1px solid var(--tone-danger-bd);border-radius:var(--radius);font-weight:600}@media(max-width:479.98px){.login__card{padding:var(--sp-5);border-radius:var(--radius-lg)}}@media(min-width:900px){.login{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background-image:radial-gradient(45% 40% at 85% 10%,var(--login-glow-1),transparent 70%)}.login__aside{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-5);min-width:0;padding:var(--sp-7);overflow:hidden;background:var(--brand-solid);color:var(--on-brand)}.login__aside:before,.login__aside:after{content:"";position:absolute;border-radius:50%;background:color-mix(in srgb,var(--on-brand) 6%,transparent);pointer-events:none}.login__aside:before{top:-18%;right:-14%;width:60%;aspect-ratio:1}.login__aside:after{bottom:-22%;left:-12%;width:52%;aspect-ratio:1;background:color-mix(in srgb,var(--on-brand) 4%,transparent)}.login__aside>*{position:relative}.login__aside-mark{color:var(--on-brand)}.login__aside-mark g{stroke:var(--on-brand)}.login__aside-title{max-width:16ch;color:var(--on-brand);font-family:var(--font-heading);font-size:clamp(2rem,1.2rem + 1.8vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.login__aside-list{display:grid;gap:var(--sp-3);max-width:38ch;font-size:var(--fs-lg)}.login__aside-list li{display:flex;align-items:flex-start;gap:var(--sp-3)}.login__aside-list li:before{content:"";flex:none;width:8px;height:8px;margin-top:.6em;border-radius:50%;background:var(--on-brand)}}.issue-message{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere}.stack-trace{display:grid;gap:4px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);list-style:none;overflow-x:auto}.overview{display:grid;gap:var(--sp-4)}.incident-strip{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--tone-bg);border:1px solid var(--tone-bd);border-left:5px solid var(--tone-solid);border-radius:var(--radius-lg);color:var(--text)}.incident-strip--clear{display:flex;align-items:center;gap:var(--sp-3);color:var(--tone-fg)}.incident-strip--clear p{flex:1;color:var(--text)}.incident-strip__header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.incident-strip__title{display:flex;align-items:center;gap:8px;color:var(--tone-fg);font-size:var(--fs-base)}.incident-strip__more{margin-left:auto;font-weight:600}.incident-strip__list{display:grid;gap:6px}.incident-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.incident-row__title{flex:1 1 260px;min-width:0;font-weight:600;overflow-wrap:anywhere}.incident-row__meta,.incident-strip__hidden{font-size:var(--fs-sm)}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--sp-3)}.service-card{position:relative;display:grid;align-content:start;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--tone-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.service-card[data-status=down],.service-card[data-status=degraded]{background:var(--tone-bg);border-color:var(--tone-bd);border-left-color:var(--tone-solid)}.service-card:hover{box-shadow:var(--shadow-hover)}.service-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.service-card__name{font-size:var(--fs-lg)}.service-card__link{color:var(--text);text-decoration:none}.service-card__link:after{content:"";position:absolute;inset:0}.service-card__link:hover{color:var(--brand-text);text-decoration:underline}.service-card__since{font-size:var(--fs-sm)}.service-card__reason{color:var(--tone-fg);font-weight:600}.service-card__work{position:relative;z-index:1;font-size:var(--fs-sm)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2) var(--sp-3);margin:0}.metrics dt{color:var(--text-3);font-size:var(--fs-xs);font-weight:600}.metrics dd{display:flex;align-items:center;gap:4px;margin:0;font-weight:650;font-size:var(--fs-sm)}.metrics dd[data-tone]{color:var(--tone-fg)}.count-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.count-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;width:100%;padding:10px 14px;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--tone-solid);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow)}.count-tile[data-tone=neutral]{border-left-color:var(--border-strong)}.count-tile:hover{background:var(--surface-2)}.count-tile[aria-pressed=true]{background:var(--tone-bg);border-color:var(--tone-solid);box-shadow:0 0 0 1px var(--tone-solid)}.count-tile .icon{grid-row:span 2;color:var(--tone-fg)}.count-tile__value{font-size:var(--fs-xl);font-weight:700;line-height:1.1}.count-tile__label{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.work-table .col-progress{min-width:170px}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-heading: "Lexend Variable", Lexend, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sans: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: .875rem;--fs-sm: .875rem;--fs-md: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-kpi: 1.75rem;--fs-h1: clamp(1.5rem, 1.1rem + 1.6vw, 2rem);--fs-h2: 1.25rem;--fs-h3: 1.0625rem;--fs-chart: .75rem;--lh: 1.55;--radius-sm: 6px;--radius: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sidebar-w: 248px;--rail-w: 72px;--header-h: 64px;--tap: 44px;--page-gutter: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ease: cubic-bezier(.2, .7, .2, 1);--dur: .16s;--bg: #ffffff;--bg-subtle: #f7f5ff;--surface: #ffffff;--surface-2: #f6f6f8;--surface-3: #eee9fb;--border: #e7e2f6;--border-strong: #857fa3;--header-bg: rgb(255 255 255 / 72%);--text: #0f172a;--text-body: #333333;--text-2: #475569;--text-3: #586880;--text-muted: #586880;--shadow: 0 4px 20px rgb(0 0 0 / 5%);--shadow-hover: 0 10px 25px rgb(0 0 0 / 7%);--shadow-lg: 0 10px 30px rgb(15 23 42 / 12%);--glow: 0 10px 40px -10px rgb(153 123 244 / 25%);--btn-glow: 0 6px 18px -6px rgb(122 82 240 / 55%);--overlay: rgb(15 11 31 / 48%);--hatch: rgb(15 11 31 / 30%);--hatch-strong: rgb(15 11 31 / 40%);--login-glow-1: rgb(153 123 244 / 24%);--login-glow-2: rgb(169 116 255 / 14%);--brand: #8a63ff;--brand-2: #a974ff;--brand-gradient: linear-gradient(90deg, #8a63ff 0%, #a974ff 100%);--brand-text: #6d45e8;--brand-text-hover: #5a33d4;--brand-solid-1: #6a42e6;--brand-solid-2: #8058f4;--brand-solid-hover-1: #5a33d4;--brand-solid-hover-2: #6f4ae8;--brand-solid: linear-gradient(90deg, var(--brand-solid-1) 0%, var(--brand-solid-2) 100%);--brand-solid-hover: linear-gradient(90deg, var(--brand-solid-hover-1) 0%, var(--brand-solid-hover-2) 100%);--brand-tint: rgb(153 123 244 / 10%);--brand-tint-strong: rgb(153 123 244 / 18%);--on-brand: #ffffff;--accent: var(--brand-text);--accent-hover: var(--brand-text-hover);--accent-soft: var(--brand-tint);--on-accent: #ffffff;--focus: var(--brand-text);--danger-solid: #bf2a2a;--danger-solid-hover: #a12222;--tone-ok-fg: #0a6a2b;--tone-ok-bg: #e2f4e7;--tone-ok-bd: #9fd5b0;--tone-ok-solid: #17a047;--tone-warn-fg: #7a4e00;--tone-warn-bg: #fff2cf;--tone-warn-bd: #e8c56a;--tone-warn-solid: #b87a00;--tone-danger-fg: #b1241c;--tone-danger-bg: #fde8e6;--tone-danger-bd: #f0a9a4;--tone-danger-solid: #d64040;--tone-info-fg: #1d5fc2;--tone-info-bg: #e5eefb;--tone-info-bd: #a4c3f0;--tone-info-solid: #2a78d6;--tone-neutral-fg: #4a5464;--tone-neutral-bg: #eceff3;--tone-neutral-bd: #c9d0da;--tone-neutral-solid: #8a94a4;--tone-purple-fg: #6538b0;--tone-purple-bg: #efe8fb;--tone-purple-bd: #c9b3ee;--tone-purple-solid: #7f56d9;--series-1: #8a63ff;--series-2: #0d9488;--series-3: #d97706;--series-4: #db2777;--series-5: #2563eb;--series-6: #16a34a;--series-7: #0e7490;--series-8: #c2410c;--series-other: #8a94a4;--chart-grid: #e7e2f6;--chart-axis: #586880}:root[data-theme=dark]{color-scheme:dark;--bg: #0f0b1f;--bg-subtle: #14102b;--surface: #1a1535;--surface-2: #221c42;--surface-3: #2a2350;--border: #2f2859;--border-strong: #7a72a8;--header-bg: #0f0b1f;--text: #f1eeff;--text-body: #d9d3f2;--text-2: #c3bce4;--text-3: #a8a0cc;--text-muted: #a8a0cc;--shadow: 0 0 0 1px rgb(255 255 255 / 3%);--shadow-hover: 0 8px 24px rgb(0 0 0 / 35%);--shadow-lg: 0 16px 40px rgb(0 0 0 / 55%);--glow: 0 10px 40px -10px rgb(157 123 255 / 30%);--overlay: rgb(5 3 15 / 68%);--brand: #9d7bff;--brand-2: #b792ff;--brand-gradient: linear-gradient(90deg, #9d7bff 0%, #b792ff 100%);--brand-text: #b9a2ff;--brand-text-hover: #cfbfff;--brand-solid-1: #6a42e6;--brand-solid-2: #8058f4;--brand-solid-hover-1: #7048ec;--brand-solid-hover-2: #7e56f3;--brand-tint: rgb(157 123 255 / 16%);--brand-tint-strong: rgb(157 123 255 / 26%);--on-brand: #ffffff;--on-accent: #0f0b1f;--danger-solid: #c8312c;--danger-solid-hover: #b02622;--tone-ok-fg: #6fdc95;--tone-ok-bg: #12301f;--tone-ok-bd: #24583a;--tone-ok-solid: #34c76b;--tone-warn-fg: #ffca55;--tone-warn-bg: #3a2c0a;--tone-warn-bd: #6a5115;--tone-warn-solid: #f0b429;--tone-danger-fg: #ff8f86;--tone-danger-bg: #3f1a19;--tone-danger-bd: #703230;--tone-danger-solid: #f0605a;--tone-info-fg: #86b8ff;--tone-info-bg: #172a45;--tone-info-bd: #2c4e80;--tone-info-solid: #4f97f0;--tone-neutral-fg: #b3bcc9;--tone-neutral-bg: #232a35;--tone-neutral-bd: #3a4454;--tone-neutral-solid: #7d889a;--tone-purple-fg: #b9a1ff;--tone-purple-bg: #2a2043;--tone-purple-bd: #4d3d80;--tone-purple-solid: #9a7cf0;--series-1: #9d7bff;--series-2: #2dd4bf;--series-3: #fbbf24;--series-4: #f472b6;--series-5: #60a5fa;--series-6: #4ade80;--series-7: #22d3ee;--series-8: #fb923c;--series-other: #8b87a8;--chart-grid: #2f2859;--chart-axis: #a8a0cc}@media print{html:root,html:root[data-theme=dark]{color-scheme:light;--bg: #fff;--bg-subtle: #fff;--surface: #fff;--surface-2: #fff;--surface-3: #f2f2f2;--border: #bbb;--border-strong: #888;--header-bg: #fff;--text: #000;--text-body: #000;--text-2: #222;--text-3: #444;--text-muted: #444;--shadow: none;--shadow-hover: none;--shadow-lg: none;--glow: none;--brand: #555;--brand-2: #555;--brand-gradient: none;--brand-text: #000;--brand-text-hover: #000;--brand-tint: #fff;--brand-tint-strong: #eee;--accent: #000;--accent-hover: #000;--accent-soft: #fff;--tone-fg: #000;--tone-bg: #fff;--tone-bd: #888;--tone-solid: #444;--tone-ok-fg: #000;--tone-warn-fg: #000;--tone-warn-bg: #fff;--tone-warn-bd: #888;--tone-warn-solid: #444;--tone-danger-fg: #000;--tone-info-fg: #000;--tone-info-bg: #fff;--tone-neutral-fg: #000;--series-1: #555}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg-subtle);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text);font-family:var(--font-heading);overflow-wrap:anywhere}h1{font-size:var(--fs-h1);line-height:1.2;font-weight:700;letter-spacing:-.015em}h2{font-size:var(--fs-h2);line-height:1.3;font-weight:600;letter-spacing:-.01em}h3{font-size:var(--fs-h3);line-height:1.35;font-weight:600}h4{font-size:var(--fs-base);font-weight:600}a{color:var(--brand-text);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-text-hover)}button,input,select,textarea{font:inherit;color:inherit}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:max(.875rem,.92em)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse}img,svg{display:block;max-width:100%}hr{border:0;border-top:1px solid var(--border);margin:var(--sp-4) 0}::selection{background:var(--brand-tint-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{display:inline-flex;align-items:center;min-height:var(--tap);position:absolute;left:var(--sp-3);top:-100px;z-index:1000;padding:var(--sp-2) var(--sp-4);background:var(--brand-solid);color:var(--on-brand);border-radius:var(--radius);text-decoration:none;font-family:var(--font-heading);font-weight:600}.skip-link:focus{top:var(--sp-3);color:var(--on-brand)}.muted{color:var(--text-3)}.nowrap{white-space:nowrap}.num,.data-table,.kpi__value,.metric-card__value,.mono{font-variant-numeric:tabular-nums}.num{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.status-badge,.btn,.card{border:1px solid CanvasText}}:root{--tone-fg: var(--tone-neutral-fg);--tone-bg: var(--tone-neutral-bg);--tone-bd: var(--tone-neutral-bd);--tone-solid: var(--tone-neutral-solid)}[data-tone=ok]{--tone-fg: var(--tone-ok-fg);--tone-bg: var(--tone-ok-bg);--tone-bd: var(--tone-ok-bd);--tone-solid: var(--tone-ok-solid)}[data-tone=warn]{--tone-fg: var(--tone-warn-fg);--tone-bg: var(--tone-warn-bg);--tone-bd: var(--tone-warn-bd);--tone-solid: var(--tone-warn-solid)}[data-tone=danger]{--tone-fg: var(--tone-danger-fg);--tone-bg: var(--tone-danger-bg);--tone-bd: var(--tone-danger-bd);--tone-solid: var(--tone-danger-solid)}[data-tone=info]{--tone-fg: var(--tone-info-fg);--tone-bg: var(--tone-info-bg);--tone-bd: var(--tone-info-bd);--tone-solid: var(--tone-info-solid)}[data-tone=neutral]{--tone-fg: var(--tone-neutral-fg);--tone-bg: var(--tone-neutral-bg);--tone-bd: var(--tone-neutral-bd);--tone-solid: var(--tone-neutral-solid)}[data-tone=purple]{--tone-fg: var(--tone-purple-fg);--tone-bg: var(--tone-purple-bg);--tone-bd: var(--tone-purple-bd);--tone-solid: var(--tone-purple-solid)}.icon{flex:none}.icon--spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;line-height:1.25;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand);color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{min-height:36px;padding:4px 12px}.btn--primary{border-color:transparent;background:var(--brand-solid);color:var(--on-brand)}.btn--primary:hover:not(:disabled){border-color:transparent;background:var(--brand-solid-hover);color:var(--on-brand);box-shadow:var(--btn-glow)}.btn--danger{border-color:var(--danger-solid);background:var(--danger-solid);color:var(--on-brand)}.btn--danger:hover:not(:disabled){border-color:var(--danger-solid-hover);background:var(--danger-solid-hover);color:var(--on-brand)}.btn--ghost{background:transparent;border-color:transparent;color:var(--brand-text)}.btn--ghost:hover:not(:disabled){background:var(--brand-tint);border-color:transparent;color:var(--brand-text-hover)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--radius);background:transparent;color:var(--text-2);cursor:pointer}.icon-btn:hover{background:var(--brand-tint);color:var(--text)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid var(--tone-bd);border-radius:var(--radius-pill);background:var(--tone-bg);color:var(--tone-fg);font-size:var(--fs-sm);font-weight:600;line-height:1.5;white-space:nowrap}.status-badge--sm{padding:0 8px;font-size:var(--fs-xs)}.status-badge--strong{font-weight:700}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:1px 10px;border:1px solid var(--tone-bd);border-radius:var(--radius-pill);background:var(--tone-bg);color:var(--tone-fg);font-size:var(--fs-xs);font-weight:600;text-decoration:none;white-space:nowrap}a.chip:hover{color:var(--tone-fg);filter:brightness(.96)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0}.card--flush{overflow:hidden}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5) 0}.card__title{font-size:var(--fs-lg);font-weight:600}.card__subtitle{font-size:var(--fs-sm)}.card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);min-width:0;max-width:100%}.card__body{padding:var(--sp-3) var(--sp-5) var(--sp-5)}.card__body--flush{padding:var(--sp-3) 0 0}.card__footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--sp-4);margin:0}@media(max-width:640px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.kpi{padding:var(--sp-3)}.kpi__value{font-size:1.25rem}}@media(max-width:359.98px){.kpi-grid{grid-template-columns:minmax(0,1fr)}}.kpi{padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--tone-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0}.kpi[data-tone=neutral]{border-left-color:var(--brand)}.kpi__label{display:flex;align-items:center;gap:6px;color:var(--text-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500}.kpi[data-tone=warn] .kpi__label,.kpi[data-tone=danger] .kpi__label{color:var(--tone-fg)}.kpi__value{margin:4px 0 0;color:var(--text);font-family:var(--font-heading);font-size:clamp(1.25rem,1rem + .7vw,var(--fs-kpi));font-weight:700;line-height:1.2;letter-spacing:-.02em;overflow-wrap:break-word}.kpi__hint{margin:2px 0 0;font-size:var(--fs-xs)}.field{display:flex;flex-direction:column;gap:4px;min-width:160px}.field__control{display:flex;flex-direction:column;gap:4px}.field--inline{min-width:0;max-width:280px}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--text-2)}.field__hint{font-size:var(--fs-xs)}.field__warning{color:var(--tone-warn-fg);font-size:var(--fs-xs);font-weight:600}.field__error,.form-error{color:var(--tone-danger-fg);font-size:var(--fs-sm);font-weight:600}.input{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input:hover:not(:disabled):not([readonly]){border-color:var(--brand-text)}.input:focus-visible{border-color:var(--brand-text);outline-offset:0}.input::placeholder{color:var(--text-3);opacity:1}textarea.input{resize:vertical;line-height:1.4}.input:disabled,.input[readonly]{background:var(--surface-2);color:var(--text-2)}.checkbox{width:20px;height:20px;accent-color:var(--brand-solid-1)}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3) var(--sp-4);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.filters--inline{padding:0;margin:0;background:transparent;border:0;box-shadow:none}.filters .field{flex:1 1 190px;max-width:300px}@media(max-width:640px){.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--sp-3);padding:var(--sp-4)}.filters .field{min-width:0}.filters .btn{grid-column:1 / -1}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3) var(--sp-4)}.form-grid__wide{grid-column:1 / -1}.inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3)}.inline-fields{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.table-wrap{overflow-x:auto}.data-table{width:100%;font-size:var(--fs-sm)}.data-table th{padding:10px 12px;text-align:left;font-family:var(--font-heading);font-weight:500;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:top}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--brand-tint)}.data-table .is-end{text-align:right}.th-sort{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.th-sort:hover{color:var(--text)}.th-sort__arrow{font-size:var(--fs-sm);opacity:.8}.data-table tbody tr[data-tone],.data-table tbody tr[data-tone]:hover{background:var(--tone-bg);box-shadow:inset 4px 0 0 var(--tone-solid)}.data-table tbody tr[data-tone] td:first-child{padding-left:16px}.cell-link{font-weight:600}.cell-sub{margin-top:2px;font-size:var(--fs-xs)}.cell-sub--attention{color:var(--tone-fg);font-weight:600}.col-progress{min-width:190px}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}@media(max-width:640px){.data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tbody tr{margin:0;padding:10px 16px;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child{border-bottom:0}.data-table td,.data-table tbody tr[data-tone] td:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:5px 0;border:0;text-align:right}.data-table td[data-label]:before{content:attr(data-label);flex:none;max-width:45%;color:var(--text-2);font-family:var(--font-heading);font-weight:500;text-align:left}.data-table td.is-primary{display:block;padding-bottom:6px;font-size:var(--fs-base);text-align:left}.data-table .is-end{text-align:right}.data-table td>.cell{min-width:0;flex:1;text-align:right;overflow-wrap:anywhere}.data-table td.is-primary>.cell{text-align:left}.col-progress{min-width:0}}.state-box{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.state-box--compact{padding:var(--sp-4);background:transparent;border-style:dashed}.state-box[data-kind=error]{border-color:var(--tone-danger-bd);background:var(--tone-danger-bg)}.state-box__icon{color:var(--brand)}.state-box[data-kind=error] .state-box__icon,.state-box[data-kind=error] .state-box__title{color:var(--tone-danger-fg)}.state-box__title{font-family:var(--font-heading);font-weight:600}.state-box__text{max-width:60ch}.stale-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);background:var(--tone-warn-bg);color:var(--tone-warn-fg);border:1px solid var(--tone-warn-bd);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600}.skeleton{display:block;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-rows,.skeleton-cards{display:grid;gap:var(--sp-2)}.skeleton-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.progress{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:140px}.progress__track{flex:1 1 90px;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border)}.progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--tone-solid);transition:width .4s ease}.progress__fill--indeterminate{width:40%;background:repeating-linear-gradient(45deg,var(--tone-solid) 0 6px,transparent 6px 12px);opacity:.6}.progress__value{min-width:3.2em;font-size:var(--fs-sm);font-weight:600;text-align:right}.progress__caption{flex-basis:100%;font-size:var(--fs-xs)}.dialog-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--sp-4);background:var(--overlay);overflow-y:auto}.dialog{width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--surface);color:var(--text-body);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dialog--sm{max-width:440px}.dialog--md{max-width:600px}.dialog--lg{max-width:860px}.dialog--xl{max-width:1080px}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) 0}.dialog__title{font-size:var(--fs-h2)}.dialog__description{padding:var(--sp-1) var(--sp-5) 0;font-size:var(--fs-sm)}.dialog__body{padding:var(--sp-5)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:0 var(--sp-5) var(--sp-5)}.dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2)}@media(max-width:639.98px){.dialog-overlay{padding:0;place-items:stretch}.dialog{max-width:none;height:100%;max-height:none;border:0;border-radius:0;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.dialog__header{position:sticky;top:0;z-index:2;padding:var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border)}.dialog__description{padding:var(--sp-3) var(--sp-4) 0}.dialog__body{padding:var(--sp-4)}.dialog__footer,.dialog .dialog__actions{position:sticky;bottom:0;z-index:2;padding:var(--sp-3) var(--sp-4);background:var(--surface);border-top:1px solid var(--border)}.dialog__footer .btn,.dialog .dialog__actions .btn{flex:1 1 140px}}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--border)}.tabs__tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:0;border-bottom:3px solid transparent;border-radius:var(--radius) var(--radius) 0 0;background:transparent;color:var(--text-2);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:500;white-space:nowrap;cursor:pointer}.tabs__tab:hover{color:var(--text);background:var(--brand-tint)}.tabs__tab[aria-selected=true]{color:var(--brand-text);font-weight:600;border-bottom-color:var(--brand)}.tabs__count{padding:0 8px;border-radius:var(--radius-pill);background:var(--brand-tint);color:var(--brand-text);font-size:var(--fs-xs);font-weight:600}.tabs__panel{padding-top:var(--sp-4)}.segmented{justify-self:start;display:inline-flex;max-width:100%;padding:3px;gap:2px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2)}.segmented__btn{min-height:34px;padding:4px 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.segmented__btn:hover{background:var(--brand-tint);color:var(--text)}.segmented__btn[aria-pressed=true]{background:var(--brand-solid);color:var(--on-brand);font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-sm)}.pagination__actions{display:flex;gap:var(--sp-2)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-header__description{margin-top:2px}.section-title{margin:var(--sp-2) 0;font-size:var(--fs-h2)}.section-toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.stack{display:grid;gap:var(--sp-4);min-width:0}.stack--tight{gap:var(--sp-1)}.help{margin-top:var(--sp-4);color:var(--text-2);font-size:var(--fs-sm)}.help summary{cursor:pointer;font-weight:600}.legend{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.legend li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.big-number{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.chart{margin:0}.chart__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-1)}.chart-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--fs-chart)}.chart-legend li{display:inline-flex;align-items:center}.chart-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;flex:none}.chart-tooltip{padding:10px 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:var(--fs-sm)}.chart-tooltip__time{margin-bottom:4px;color:var(--text-2);font-weight:650}.chart-tooltip li{display:flex;align-items:center;gap:6px}.chart-tooltip__label{flex:1;color:var(--text-2)}.chart-tooltip__value{font-weight:700}.chart__table{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}.chart__table .data-table{font-size:var(--fs-sm)}.chart-block__title{margin-bottom:var(--sp-1);font-size:var(--fs-sm);color:var(--text-2)}.recharts-wrapper{font-family:var(--font-sans)}.recharts-surface:focus{outline:none}.detail{display:grid;gap:var(--sp-4);min-width:0}.detail__summary{display:grid;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface);border:1px solid var(--tone-bd);border-left:4px solid var(--tone-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.detail__status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}.detail__reason{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--tone-fg)}.detail__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--sp-4);align-items:start}.detail__columns--wide-left{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media(max-width:900px){.detail__columns--wide-left{grid-template-columns:minmax(0,1fr)}}.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-3) var(--sp-5);margin:0}.dl-grid dt{color:var(--text-3);font-size:var(--fs-xs);font-weight:600}.dl-grid dd{margin:0;overflow-wrap:anywhere}.dl-grid--tight{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.timeline{display:grid;gap:var(--sp-3);padding-left:var(--sp-4);border-left:2px solid var(--border-strong)}.timeline__item{position:relative;display:grid;gap:2px}.timeline__item:before{content:"";position:absolute;left:calc(-1 * var(--sp-4) - 6px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong)}.timeline__time{color:var(--text-3);font-size:var(--fs-xs)}.timeline__body{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.rank-list{display:grid;gap:var(--sp-2)}.rank-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.code-block{margin:var(--sp-2) 0 0;padding:var(--sp-3);overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-xs)}.check-list{display:grid;gap:var(--sp-2)}.check-list__item{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:6px 10px;color:var(--tone-fg);background:var(--tone-bg);border:1px solid var(--tone-bd);border-radius:var(--radius)}.check-list__state{font-weight:700}.issue-list{display:grid;gap:var(--sp-2)}.issue-list__item{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.issue-list__title{font-weight:600;overflow-wrap:anywhere}.uptime{display:grid;gap:var(--sp-2)}.uptime__strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4px,1fr);gap:2px}.uptime__day{height:30px;border-radius:3px;background:var(--tone-ok-solid)}.uptime__day[data-level=warn]{background:var(--tone-warn-solid);background-image:repeating-linear-gradient(90deg,var(--hatch) 0 2px,transparent 2px 5px)}.uptime__day[data-level=bad]{background:var(--tone-danger-solid);background-image:repeating-linear-gradient(45deg,var(--hatch-strong) 0 3px,transparent 3px 6px)}.uptime__day[data-level=none]{background:transparent;border:1px dashed var(--border-strong)}.uptime__legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--fs-xs)}.uptime__legend li{display:inline-flex;align-items:center;gap:6px}.uptime__legend li:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--tone-ok-solid)}.uptime__legend li[data-level=warn]:before{background:var(--tone-warn-solid);background-image:repeating-linear-gradient(90deg,var(--hatch) 0 2px,transparent 2px 5px)}.uptime__legend li[data-level=bad]:before{background:var(--tone-danger-solid);background-image:repeating-linear-gradient(45deg,var(--hatch-strong) 0 3px,transparent 3px 6px)}.uptime__legend li[data-level=none]:before{background:transparent;border:1px dashed var(--border-strong)}@media(max-width:767.98px),(pointer:coarse){.btn,.input,.th-sort,.segmented__btn,.tabs__tab{min-height:var(--tap)}.btn--sm{min-height:var(--tap);padding:6px 14px}.icon-btn{width:var(--tap);height:var(--tap)}.checkbox{width:24px;height:24px}.switch{min-height:var(--tap)}.input{font-size:1rem}a.chip,.brand,.incident-strip__more,.incident-row__title,.card__actions a,.entity__back a{min-height:var(--tap)}a.chip,.incident-strip__more,.incident-row__title,.card__actions a,.entity__back a{display:inline-flex;align-items:center}.brand{min-width:var(--tap)}summary{padding-block:12px}}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header" "nav main";min-height:100vh;min-height:100dvh}.shell__header{grid-area:header;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--sp-3);min-width:0;padding:var(--safe-top) max(var(--sp-5),var(--safe-right)) 0 max(var(--sp-5),var(--safe-left));height:calc(var(--header-h) + var(--safe-top));background:var(--bg);border-bottom:1px solid var(--border)}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.shell__header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.shell__header-spacer{flex:1}.shell__nav{grid-area:nav;position:sticky;top:calc(var(--header-h) + var(--safe-top));align-self:start;height:calc(100vh - var(--header-h) - var(--safe-top));height:calc(100dvh - var(--header-h) - var(--safe-top));padding:var(--sp-4) var(--sp-3);padding-left:max(var(--sp-3),var(--safe-left));overflow-y:auto;background:var(--bg-subtle);border-right:1px solid var(--border)}.shell__main{grid-area:main;min-width:0;width:100%;max-width:1480px;margin-inline:auto;padding:var(--page-gutter);padding-right:max(var(--page-gutter),var(--safe-right));padding-bottom:max(var(--page-gutter),var(--safe-bottom));outline:none}.shell__scrim{display:none}.brand{display:inline-flex;align-items:center;flex:none;color:var(--brand-text);text-decoration:none;white-space:nowrap}.brand:hover{color:var(--brand-text)}.brand-logo{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--brand-text);white-space:nowrap}.brand-logo__mark,.brand-logo__img{flex:none}.brand-logo__img{height:32px;width:auto}.brand-logo__word{font-family:var(--font-heading);font-size:1.3125rem;font-weight:700;letter-spacing:-.02em;line-height:1}.brand-logo__badge{padding:1px 9px;border:1px solid var(--brand-tint-strong);border-radius:var(--radius-pill);background:var(--brand-tint);color:var(--brand-text);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;line-height:1.5}.brand-logo--lg{gap:var(--sp-3)}.brand-logo--lg .brand-logo__word{font-size:1.75rem}.brand-logo--mark .brand-logo__word,.brand-logo--mark .brand-logo__badge{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav__drawer-head{display:none}.nav__list{display:grid;gap:2px}.nav__link{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border-radius:var(--radius);color:var(--text-2);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:500;text-decoration:none;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.nav__link:hover{background:var(--brand-tint);color:var(--text)}.nav__link[aria-current=page]{background:var(--brand-tint);color:var(--brand-text);font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}.nav__link[aria-current=page] .icon{color:var(--brand-text)}.nav__text{flex:1;min-width:0}.nav__badge{min-width:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--tone-warn-bg);border:1px solid var(--tone-warn-bd);color:var(--tone-warn-fg);font-size:var(--fs-sm);font-weight:700;line-height:1.5;text-align:center}.nav__badge[data-kind=incidents]{background:var(--tone-danger-bg);border-color:var(--tone-danger-bd);color:var(--tone-danger-fg)}.header-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.header-btn:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand-tint-strong);color:var(--text)}.header-btn--icon{width:40px;padding:0}.header-btn--menu{display:none}.user-chip{display:grid;max-width:220px;line-height:1.25;font-size:var(--fs-sm)}.user-chip__email{color:var(--text);font-weight:500}.user-chip__role{font-size:var(--fs-sm)}.live{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--tone-bd);border-radius:var(--radius-pill);background:var(--tone-bg);color:var(--tone-fg);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--tone-solid)}.live--live{--tone-fg: var(--tone-ok-fg);--tone-bg: var(--tone-ok-bg);--tone-bd: var(--tone-ok-bd);--tone-solid: var(--tone-ok-solid)}.live--live .live__dot{animation:pulse 2s ease-out infinite}.live--connecting,.live--reconnecting{--tone-fg: var(--tone-warn-fg);--tone-bg: var(--tone-warn-bg);--tone-bd: var(--tone-warn-bd);--tone-solid: var(--tone-warn-solid)}.live--reconnecting .live__dot,.live--connecting .live__dot{border-radius:2px}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--tone-solid) 55%,transparent)}to{box-shadow:0 0 0 8px transparent}}.fullpage-state{display:grid;place-items:center;min-height:60vh;padding:var(--sp-5);max-width:560px;margin:0 auto}@media(max-width:1099.98px){.header-btn__text{display:none}.header-btn{width:40px;padding:0}}@media(max-width:899.98px){.user-chip{display:none}}@media(min-width:768px)and (max-width:1023.98px){.shell{grid-template-columns:var(--rail-w) minmax(0,1fr)}.shell__nav{padding:var(--sp-3) var(--sp-2);padding-left:max(var(--sp-2),var(--safe-left));overflow:visible}.nav__link{justify-content:center;padding:10px 0}.nav__link[aria-current=page]{box-shadow:inset 3px 0 0 var(--brand)}.nav__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav__badge{position:absolute;top:0;right:0;min-width:20px;padding:0 5px;font-size:var(--fs-sm);line-height:1.35}.nav__link:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;z-index:60;padding:6px 12px;border-radius:var(--radius);background:var(--text);color:var(--bg);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--dur) var(--ease)}.nav__link:hover:after,.nav__link:focus-visible:after{opacity:1}}@media(max-width:767.98px){:root{--page-gutter: 16px;--header-h: 60px}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}.shell__header{gap:var(--sp-2);padding-left:max(var(--sp-3),var(--safe-left));padding-right:max(var(--sp-3),var(--safe-right))}.header-btn,.header-btn--icon{width:var(--tap);min-height:var(--tap)}.header-btn--menu{display:inline-flex;margin-left:calc(-1 * var(--sp-1))}.shell__scrim{display:block;position:fixed;inset:0;z-index:60;background:var(--overlay);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility 0s linear var(--dur)}.shell__scrim[data-open]{opacity:1;visibility:visible;transition-delay:0s}.shell__nav{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(86vw,320px);height:100vh;height:100dvh;align-self:stretch;padding:calc(var(--sp-3) + var(--safe-top)) var(--sp-3) calc(var(--sp-4) + var(--safe-bottom)) max(var(--sp-3),var(--safe-left));background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(-102%);visibility:hidden;transition:transform var(--dur) var(--ease),visibility 0s linear var(--dur)}.shell__nav[data-open]{transform:none;visibility:visible;transition-delay:0s}.nav__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-1) var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.nav__link{min-height:48px}.nav__close{width:var(--tap);height:var(--tap)}.shell__main{padding-left:max(var(--page-gutter),var(--safe-left))}}@media(max-width:479.98px){.live>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.live{padding:8px 10px}.brand-logo__badge{display:none}}@media(max-width:359.98px){.brand-logo__word{display:none}}