:root{color-scheme:light;--tm-orange: #FF7F2A;--tm-gray: #4d4d4d;--tm-success: #28a745;--tm-danger: #dc3545;--tm-section-header-bg: #f3f4f6;--tm-section-header-text: #1f2937;--tm-section-header-border: #e5e7eb;--tm-section-header-border-left: var(--tm-orange);--tm-section-header-hover-bg: #e5e7eb;--tm-tab-active-bg: var(--tm-orange);--tm-tab-active-text: #ffffff;--tm-tab-hover-text: var(--tm-orange);--surface-page: #f3f4f6;--surface-1: #ffffff;--surface-2: #f3f4f6;--surface-raised: #ffffff;--surface-header: var(--tm-section-header-bg);--text-primary: #1f2937;--text-secondary: var(--tm-gray);--text-muted: #6c757d;--text-inverse: #ffffff;--border-hairline: #e5e7eb;--border-strong: #adb5bd;--grid-line: #e5e7eb;--axis-line: #adb5bd;--status-ok: #1a7431;--status-ok-fill: var(--tm-success);--status-ok-deep: #1a7431;--status-ok-bg: #e7f4ea;--status-warning: #7a4d00;--status-warning-fill: #c8890a;--status-warning-bg: #ffe69c;--status-critical: #b02a37;--status-critical-fill: var(--tm-danger);--status-critical-bg: #fbe6e8;--status-unknown: var(--tm-gray);--status-unknown-fill: #8b949c;--status-unknown-bg: #eceef0;--status-serious: #a63c0a;--series-1: #FF7F2A;--series-2: #2a78d6;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #4a3aa7;--series-8: #e34948;--series-other: #8b949c;--accent: var(--tm-orange);--accent-hover: #e06a1a;--accent-solid-bg: #cc5f15;--accent-solid-text: #ffffff;--focus-ring: var(--tm-orange);--hover-wash: rgba(0, 0, 0, .06);--font-sans: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-hero: 40px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 4px;--shadow-card: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);--shadow-pop: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);--header-height: 56px;--content-max: 1440px}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-page: #0d0d0d;--surface-1: #1a1a19;--surface-2: #222221;--surface-raised: #232322;--surface-header: #222221;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border-hairline: rgba(255, 255, 255, .12);--border-strong: #4a4a47;--grid-line: #2c2c2a;--axis-line: #4a4a47;--status-ok: #4ade80;--status-ok-fill: #2ea043;--status-ok-deep: #1a7a35;--status-ok-bg: rgba(46, 160, 67, .18);--status-warning: #f0c674;--status-warning-fill: #d9a441;--status-warning-bg: rgba(217, 164, 65, .18);--status-critical: #ff6b6b;--status-critical-fill: #e5484d;--status-critical-bg: rgba(229, 72, 77, .2);--status-unknown: #a8a8a2;--status-unknown-fill: #6e6e69;--status-unknown-bg: rgba(168, 168, 162, .16);--series-1: #e06a1a;--series-2: #3987e5;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--series-other: #6e6e69;--accent: #e06a1a;--accent-hover: #FF7F2A;--focus-ring: #FF7F2A;--hover-wash: rgba(255, 255, 255, .08);--accent-solid-bg: var(--tm-orange);--accent-solid-text: #1a1a19;--tm-section-header-hover-bg: #333331;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-pop: 0 4px 16px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--surface-page: #0d0d0d;--surface-1: #1a1a19;--surface-2: #222221;--surface-raised: #232322;--surface-header: #222221;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border-hairline: rgba(255, 255, 255, .12);--border-strong: #4a4a47;--grid-line: #2c2c2a;--axis-line: #4a4a47;--status-ok: #4ade80;--status-ok-fill: #2ea043;--status-ok-deep: #1a7a35;--status-ok-bg: rgba(46, 160, 67, .18);--status-warning: #f0c674;--status-warning-fill: #d9a441;--status-warning-bg: rgba(217, 164, 65, .18);--status-critical: #ff6b6b;--status-critical-fill: #e5484d;--status-critical-bg: rgba(229, 72, 77, .2);--status-unknown: #a8a8a2;--status-unknown-fill: #6e6e69;--status-unknown-bg: rgba(168, 168, 162, .16);--series-1: #e06a1a;--series-2: #3987e5;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--series-other: #6e6e69;--accent: #e06a1a;--accent-hover: #FF7F2A;--focus-ring: #FF7F2A;--hover-wash: rgba(255, 255, 255, .08);--accent-solid-bg: var(--tm-orange);--accent-solid-text: #1a1a19;--tm-section-header-hover-bg: #333331;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-pop: 0 4px 16px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;cursor:pointer;border:1.5px solid var(--border-strong);font-weight:600;background:var(--surface-raised);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}button:hover:not(:disabled){background:var(--hover-wash)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.app-header{height:var(--header-height);background:var(--surface-1);border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-5);position:sticky;top:0;z-index:20}.app-brand{font-weight:600;font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap}.app-brand:hover{text-decoration:none}.app-nav{display:flex;gap:var(--space-1);flex:1}.app-nav a{color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base)}.app-nav a:hover{background:var(--hover-wash);color:var(--tm-tab-hover-text);text-decoration:none}.app-nav a.active{background:var(--accent-solid-bg);color:var(--accent-solid-text);font-weight:500}.app-main{max-width:var(--content-max);margin:0 auto;padding:var(--space-5)}.page-title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-1)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-5)}.card{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-header);color:var(--text-primary);border-bottom:1px solid var(--border-hairline);border-left:4px solid var(--tm-orange);border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:calc(1.5em + 1rem + 3px)}.card-title{font-size:var(--text-base);font-weight:500;margin:0;display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.card-meta{font-size:var(--text-xs);color:var(--text-muted)}.card-body{padding:var(--space-2) var(--space-4) var(--space-4)}.grid{display:grid;gap:var(--space-4);align-items:start}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-chip .glyph{font-size:10px;line-height:1}.hero-status{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.hero-glyph{font-size:34px;line-height:1}.hero-text{display:flex;flex-direction:column;gap:2px}.hero-label{font-size:var(--text-2xl);font-weight:650;letter-spacing:-.01em}.hero-sub{color:var(--text-secondary);font-size:var(--text-sm)}.stat{padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:var(--text-2xl);font-weight:650;letter-spacing:-.02em}.stat-sub{font-size:var(--text-xs);color:var(--text-muted)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-hairline);white-space:nowrap}.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-hairline);vertical-align:top}.table tbody tr:hover{background:var(--hover-wash)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.segmented button{border:0;border-radius:0;background:var(--surface-raised);color:var(--text-secondary);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.segmented button+button{border-left:1px solid var(--border-hairline)}.segmented button[aria-pressed=true]{background:var(--accent-solid-bg);color:var(--accent-solid-text);font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);padding:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.chart-legend .item{display:inline-flex;align-items:center;gap:var(--space-2)}.chart-legend .swatch{width:10px;height:10px;border-radius:2px;flex:none}.chart-legend .swatch-line{flex:none;overflow:visible}.chart-legend .value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.chart-tooltip{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-width:160px}.chart-tooltip .when{color:var(--text-muted);margin-bottom:var(--space-1)}.chart-tooltip .row{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.chart-tooltip .row .name{display:inline-flex;align-items:center;gap:var(--space-2)}.chart-tooltip .row .num{font-variant-numeric:tabular-nums;font-weight:600}.uptime-strip{display:flex;gap:2px;align-items:flex-end;height:40px}.uptime-cell{flex:1 1 0;min-width:2px;height:100%;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:2px;overflow:hidden}.uptime-fill{display:block;width:100%;border-radius:2px}.uptime-cell.is-daystart{box-shadow:inset 1px 0 0 0 var(--border-strong)}.uptime-axis{position:relative;height:16px;margin-top:var(--space-1)}.uptime-tick{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.uptime-tick:first-child{transform:none}.uptime-tick:last-child{transform:translate(-100%)}.legend-bar{display:inline-flex;align-items:flex-end;width:10px;height:14px;background:var(--surface-2);border-radius:2px;flex:none;overflow:hidden}.legend-bar>span{display:block;width:100%;border-radius:2px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:var(--space-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-hairline);font-size:var(--text-sm);margin-bottom:var(--space-4)}.banner.error{background:var(--status-critical-bg);border-color:var(--status-critical-fill);color:var(--status-critical)}.banner.warn{background:var(--status-warning-bg);border-color:#f0c674;color:var(--status-warning);font-weight:600}.banner.empty{background:var(--surface-2);color:var(--text-secondary)}.pre{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-3);max-height:60vh;overflow:auto;white-space:pre}.login-shell{min-height:100%;display:grid;place-items:center;padding:var(--space-5)}.login-card{width:min(380px,100%);padding:var(--space-6)}.login-card h1{font-size:var(--text-xl);margin:0 0 var(--space-1)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);color:var(--text-secondary)}.field input{width:100%}.btn-primary{background:var(--accent-solid-bg);color:var(--accent-solid-text);border-color:transparent;font-weight:600;width:100%;padding:var(--space-3)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}@media (max-width: 720px){.app-header{gap:var(--space-3);padding:0 var(--space-3)}.app-main{padding:var(--space-3)}.app-nav{overflow-x:auto}}.metric-note{font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap;color:var(--status-warning);background:var(--status-warning-bg);border:1px solid #f0c674;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.metric-note.is-code{font-family:var(--font-mono);font-size:11px;line-height:1.55;overflow-x:auto}.metric-note-icon{flex:none;width:14px;height:14px;margin-top:1px;border-radius:50%;background:var(--status-warning);color:var(--surface-1);font-size:10px;font-weight:700;font-style:italic;line-height:14px;text-align:center}.metric-note-toggle{border:0;background:none;padding:0;font:inherit;font-weight:600;text-decoration:underline;color:inherit;cursor:pointer}.metric-note-toggle:hover{background:none}.metric-note-inline{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35;margin-top:2px;max-width:46ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-header.is-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-header.is-clickable:hover{background:var(--tm-section-header-hover-bg)}.card.is-collapsed .card-header{border-bottom:0;border-radius:var(--radius-md)}.card-chevron{flex:none;width:.9em;color:var(--text-muted);font-size:10px;line-height:1}.info-icon{flex:none;width:16px;height:16px;padding:0;border:1px solid var(--status-warning);border-radius:50%;background:transparent;color:var(--status-warning);font-size:10px;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;cursor:help}.info-icon:hover:not(:disabled),.info-icon.is-open{background:var(--status-warning);color:var(--surface-1)}.link-button{border:0;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.link-button:hover:not(:disabled){background:none;text-decoration:underline}.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}.nowrap{white-space:nowrap}