:root{color-scheme:light;--page: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--series-1: #2a78d6;--series-2: #eb6834;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--accent: #2a78d6}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--series-1: #3987e5;--series-2: #d95926;--accent: #3987e5}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--text-primary);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface-1)}.topbar h1{font-size:16px;margin:0}.topnav{display:flex;gap:4px;margin-right:auto;margin-left:24px}.topnav a{padding:4px 10px;border-radius:6px;color:var(--text-secondary);border:1px solid transparent}.topnav a.active{border-color:var(--baseline);color:var(--text-primary)}.nav-badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--status-critical);color:#fff;font-size:11px;font-weight:600;line-height:16px;vertical-align:1px}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.card h2{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-secondary)}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--grid)}td{padding:10px 12px;border-bottom:1px solid var(--grid);color:var(--text-primary)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}.numeric{font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.status .dot{width:8px;height:8px;border-radius:50%;flex:none}.status.online .dot{background:var(--status-good)}.status.stale .dot{background:var(--status-warning)}.status.offline .dot{background:var(--muted)}button{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:transparent;color:var(--text-primary)}button:disabled{opacity:.55;cursor:default}input,textarea{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid var(--baseline);background:var(--surface-1);color:var(--text-primary);width:100%;resize:vertical}.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.edit-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.edit-grid .edit-notes{grid-column:1 / -1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:320px;display:flex;flex-direction:column;gap:12px}.error{color:var(--status-critical);font-size:13px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 24px}.meta-grid .label{font-size:12px;color:var(--muted)}.charts{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.charts{grid-template-columns:1fr 1fr}}.range-picker{display:inline-flex;gap:4px}.range-picker button{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:4px 10px}.range-picker button.active{border-color:var(--baseline);color:var(--text-primary)}.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{background:transparent;color:var(--text-secondary);border:1px solid transparent}.tabs button.active{border-color:var(--baseline);color:var(--text-primary)}.page-tabs{margin:20px 0 16px;border-bottom:1px solid var(--baseline);padding-bottom:8px;flex-wrap:wrap}.page-tabs button{padding:6px 12px}.scroll-table{max-height:420px;overflow-y:auto}.muted{color:var(--muted)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{border:1px solid var(--border);border-radius:8px;padding:10px 12px}.tile .label{font-size:12px;color:var(--muted)}.tile .value{font-size:20px;font-weight:600}.tile .value.alert:after{content:" ⚠"}.tile .value.alert,.backup-old{color:var(--status-critical)}.level{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.level .dot{width:8px;height:8px;border-radius:50%;flex:none}.level.critical .dot{background:var(--status-critical)}.level.warning .dot{background:var(--status-warning)}.level.info .dot{background:var(--muted)}tr.alert-ack td{opacity:.55}.tab-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--status-critical);margin-left:6px;vertical-align:1px}.rule-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--grid)}.rule-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;max-width:380px}.rule-toggle input[type=checkbox]{width:auto;margin-top:3px}.rule-fields{display:flex;gap:12px;flex-wrap:wrap}.rule-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.rule-fields input{width:130px}.rule-actions{display:flex;align-items:center;gap:12px;padding-top:12px}