:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #f0efec;--border: #dddcd7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7974;--accent: #2a78d6;--accent-ink: #ffffff;--series-1: #2a78d6;--series-2: #eb6834;--grid: #e6e5e1;--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--critical-bg: #fbe9e9;--radius: 8px;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #242422;--border: #383835;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--accent: #3987e5;--series-1: #3987e5;--series-2: #d95926;--grid: #2c2c2a;--critical-bg: #3a1d1d}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #242422;--border: #383835;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--accent: #3987e5;--series-1: #3987e5;--series-2: #d95926;--grid: #2c2c2a;--critical-bg: #3a1d1d}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary)}a{color:var(--accent)}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px;color:var(--text-secondary);font-weight:600}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .spacer{flex:1}.env-badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary)}main{max-width:1180px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.small{font-size:12px}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:6px;padding:6px 12px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--surface-2)}button.primary,.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.danger{color:var(--critical)}button:disabled{opacity:.55;cursor:default}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}input,select{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text-primary);min-width:0}input::placeholder{color:var(--text-muted)}.hint{font-size:12px;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-secondary);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--border)}td{padding:6px 8px;border-bottom:1px solid var(--grid);vertical-align:top}td input{width:100%}.table-wrap{overflow-x:auto}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.good{color:var(--good)}.status.warning{color:var(--warning)}.status.critical{color:var(--critical)}.status.idle{color:var(--text-muted)}.error-box{background:var(--critical-bg);color:var(--critical);padding:8px 12px;border-radius:6px;font-size:13px}.progress{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;min-width:80px}.progress>div{height:100%;background:var(--series-1)}.stat{display:flex;flex-direction:column}.stat .value{font-size:20px;font-weight:600}.stat .label{font-size:12px;color:var(--text-secondary)}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text-primary);padding:20px;max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:#0006}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .tooltip{position:absolute;pointer-events:none;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #0000001f;transform:translate(-50%,calc(-100% - 8px))}.legend{display:flex;gap:12px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px;background:var(--c)}.login{max-width:360px;margin:12vh auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 12px;color:var(--text-secondary)}.tabs button.active{border-bottom-color:var(--accent);color:var(--text-primary)}