:root{color-scheme:dark;--base-100: #0d1117;--base-200: #161b22;--base-300: #21262d;--content: #e6edf3;--primary: #2eaa8d;--primary-content: #0d1117;--secondary: #1f6feb;--accent: #d29922;--success: #3fb950;--warning: #d29922;--error: #eb4772;--info: #58a6ff;--muted: color-mix(in srgb, var(--content) 58%, transparent);--muted-strong: color-mix(in srgb, var(--content) 74%, transparent);--line: var(--base-300);--line-strong: color-mix(in srgb, var(--content) 22%, transparent);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--gutter: 24px;--shell: 100rem}*,*:before,*:after{box-sizing:border-box}html{background:var(--base-100);color:var(--content);font-family:var(--sans);-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--base-300) transparent}body{margin:0;min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,ol,ul,pre{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}code,pre,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}::selection{background:color-mix(in srgb,var(--primary) 34%,transparent)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{width:min(100% - (var(--gutter) * 2),var(--shell));margin-inline:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.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}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--base-100) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-content);font-family:var(--mono);font-size:11px;font-weight:700;flex:none}.brand-sub{color:var(--muted);font-weight:400}.topbar-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{opacity:.5}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-content)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 86%,white);border-color:color-mix(in srgb,var(--primary) 86%,white)}.btn-outline{border-color:var(--line-strong);color:var(--content)}.btn-outline:hover:not(:disabled){background:color-mix(in srgb,var(--content) 7%,transparent)}.btn-ghost{color:var(--muted-strong)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--content) 7%,transparent);color:var(--content)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.panel{background:var(--base-200);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.panel-title{font-size:14px;font-weight:600}.panel-sub{margin-top:2px;font-size:12px;color:var(--muted)}.panel-body{padding:20px}.status{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status--online{color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,transparent);background:color-mix(in srgb,var(--success) 9%,transparent)}.status--offline{color:var(--error);border-color:color-mix(in srgb,var(--error) 34%,transparent);background:color-mix(in srgb,var(--error) 9%,transparent)}.event-badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted-strong);font-family:var(--mono);font-size:10px;letter-spacing:.02em;white-space:nowrap}.event-badge--error{color:var(--error);border-color:color-mix(in srgb,var(--error) 34%,transparent);background:color-mix(in srgb,var(--error) 8%,transparent)}.event-badge--success{color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,transparent);background:color-mix(in srgb,var(--success) 8%,transparent)}.event-badge--info{color:var(--info);border-color:color-mix(in srgb,var(--info) 34%,transparent);background:color-mix(in srgb,var(--info) 8%,transparent)}.event-badge--warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 34%,transparent);background:color-mix(in srgb,var(--warning) 8%,transparent)}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.kpi-cell{background:var(--base-200);padding:16px 20px;min-width:0}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kpi-value{margin-top:6px;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-value--focal{color:var(--primary)}.kpi-value--error{color:var(--error)}.kpi-hint{margin-top:4px;font-size:12px;color:var(--muted)}.live-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:500;color:var(--muted-strong);white-space:nowrap}.live-pill .live-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}.live-pill--updating{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.live-pill--updating .live-dot{background:var(--warning)}.live-pill--stale{color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}.live-pill--stale .live-dot{background:var(--error)}.banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--error) 30%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--error) 7%,transparent);color:var(--muted-strong);font-size:13px}.banner strong{color:var(--error);font-weight:600}.empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;margin-bottom:4px;color:var(--content);font-weight:600}.code-block{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--base-100);font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--muted-strong);overflow-x:auto;white-space:pre}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:720px){:root{--gutter: 16px}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:24px}.topbar-inner{min-height:52px}.brand-sub{display:none}}