:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 6px;--radius: 10px;--radius-pill: 999px;--surface: #fcfcfb;--surface-page: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--border: rgba(11, 11, 11, .1);--series-total: #2a78d6;--series-failed: #e34948;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--accent: #256abf;--accent-hover: #1f5aa2;--on-accent: #fff;--on-status: #fff;--on-accent-muted: rgba(255, 255, 255, .5);--card-shadow: 0 1px 2px rgba(11, 11, 11, .06), 0 4px 10px rgba(11, 11, 11, .08);--row-hover: rgba(11, 11, 11, .035);--surface-sunk: #f0efea;--surface-raised: rgba(11, 11, 11, .055);--accent-soft: #e4edfb;--on-accent-soft: #1b4d8e;--danger-soft: #fbe7e6;--on-danger-soft: #8f2320;--good-soft: #dff0df;--on-good-soft: #0a5c0a;--warning-soft: #fdf1d7;--on-warning-soft: #6f4f04;--scrim: rgba(0, 0, 0, .5);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface: #1a1a19;--surface-page: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--border: rgba(255, 255, 255, .1);--series-total: #3987e5;--series-failed: #e66767;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #e66767;--accent: #3987e5;--accent-hover: #3073c3;--on-accent: #fff;--on-status: #fff;--on-accent-muted: rgba(255, 255, 255, .5);--card-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .45);--row-hover: rgba(255, 255, 255, .045);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6);--surface-sunk: #232322;--surface-raised: rgba(255, 255, 255, .07);--accent-soft: #1b3355;--on-accent-soft: #cfe1fb;--danger-soft: #4a1f1e;--on-danger-soft: #f6d6d5;--good-soft: #12380f;--on-good-soft: #cfe9cf;--warning-soft: #40320a;--on-warning-soft: #f7e2b0}}:root[data-theme=dark]{--surface: #1a1a19;--surface-page: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--border: rgba(255, 255, 255, .1);--series-total: #3987e5;--series-failed: #e66767;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #e66767;--accent: #3987e5;--accent-hover: #3073c3;--on-accent: #fff;--on-status: #fff;--on-accent-muted: rgba(255, 255, 255, .5);--card-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .45);--row-hover: rgba(255, 255, 255, .045);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6);--surface-sunk: #232322;--surface-raised: rgba(255, 255, 255, .07);--accent-soft: #1b3355;--on-accent-soft: #cfe1fb;--danger-soft: #4a1f1e;--on-danger-soft: #f6d6d5;--good-soft: #12380f;--on-good-soft: #cfe9cf;--warning-soft: #40320a;--on-warning-soft: #f7e2b0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--surface-page);color:var(--text-primary);color-scheme:light dark;font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;text-wrap:balance}h1{font-size:var(--text-xl);line-height:1.25}h2{font-size:var(--text-lg);line-height:1.35}h3{font-size:var(--text-base)}h4{font-size:var(--text-sm)}pre,code,kbd,samp{font-family:var(--font-mono);font-size:var(--text-sm)}table{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-primary,.btn-secondary,.refresh-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color .12s ease,color .12s ease}.btn-primary:disabled,.btn-secondary:disabled,.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary,.refresh-btn{background:transparent;color:var(--text-primary)}.btn-secondary:hover:not(:disabled),.refresh-btn:hover:not(:disabled){background:var(--surface-raised)}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.action-btn{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease}.action-btn:hover:not(:disabled){background:var(--surface-raised);color:var(--text-primary)}.action-btn:disabled{opacity:.55;cursor:not-allowed}.btn-neutral:hover:not(:disabled){background:var(--accent-soft);color:var(--on-accent-soft)}.btn-test:hover:not(:disabled){background:var(--warning-soft);color:var(--on-warning-soft)}.btn-start{background:var(--status-good);color:var(--on-status)}.btn-stop{background:var(--status-critical);color:var(--on-status)}.btn-danger:hover:not(:disabled),.btn-danger:focus-visible{background:var(--danger-soft);color:var(--on-danger-soft)}.close-btn,.alert-close{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:color .12s ease}.close-btn:hover,.alert-close:hover{color:var(--text-primary)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gridline);text-align:left;white-space:nowrap}.data-table th{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.data-table tbody tr:not(:has(td[colspan])):hover{background:var(--row-hover)}.alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm)}.alert-error{background:var(--danger-soft);color:var(--on-danger-soft)}.alert-success{background:var(--good-soft);color:var(--on-good-soft)}.alert-notice{background:var(--warning-soft);color:var(--on-warning-soft)}