:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--surface-2: #f1f0ec;--surface-3: #e7e6e0;--border: rgba(11, 11, 11, .1);--border-strong: rgba(11, 11, 11, .18);--text: #0b0b0b;--text-2: #52514e;--muted: #6f6e69;--grid: #e1e0d9;--axis: #c3c2b7;--accent: #2a78d6;--accent-hover: #256abf;--accent-soft: rgba(42, 120, 214, .1);--on-accent: #ffffff;--series-1: #2a78d6;--series-2: #eb6834;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--good-text: #006300;--critical-text: #b42a2a;--critical-soft: rgba(208, 59, 59, .08);--warning-soft: rgba(250, 178, 25, .12);--shadow: 0 1px 2px rgba(11, 11, 11, .04), 0 4px 16px rgba(11, 11, 11, .04);--radius: 10px;--radius-sm: 6px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--surface-2: #232321;--surface-3: #2e2e2b;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-2: #c3c2b7;--muted: #9a9890;--grid: #2c2c2a;--axis: #383835;--accent: #3987e5;--accent-hover: #5598e7;--accent-soft: rgba(57, 135, 229, .16);--on-accent: #ffffff;--series-1: #3987e5;--series-2: #d95926;--good-text: #0ca30c;--critical-text: #e66767;--critical-soft: rgba(208, 59, 59, .16);--warning-soft: rgba(250, 178, 25, .12);--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--surface-2: #232321;--surface-3: #2e2e2b;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-2: #c3c2b7;--muted: #9a9890;--grid: #2c2c2a;--axis: #383835;--accent: #3987e5;--accent-hover: #5598e7;--accent-soft: rgba(57, 135, 229, .16);--on-accent: #ffffff;--series-1: #3987e5;--series-2: #d95926;--good-text: #0ca30c;--critical-text: #e66767;--critical-soft: rgba(208, 59, 59, .16);--warning-soft: rgba(250, 178, 25, .12);--shadow: none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--page);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}code,pre,.mono{font-family:var(--mono);font-size:12.5px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{display:flex;flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;padding:28px 32px 48px}@media(max-width:720px){.page{padding:16px 16px 40px}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.page-header p{margin:4px 0 0;color:var(--text-2)}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:6px;color:var(--text-2);font-size:13px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grid{display:grid;gap:16px}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:960px){.grid-2{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-header p{margin:2px 0 0;color:var(--text-2);font-size:13px}.card-body{padding:16px 18px}.card-body.flush{padding:0}.tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.tile .tile-label{color:var(--text-2);font-size:13px}.tile .tile-value{font-size:24px;font-weight:600;line-height:1.2}.tile .tile-sub{color:var(--muted);font-size:12.5px}.meter{height:6px;margin-top:6px;overflow:hidden;border-radius:999px;background:var(--accent-soft)}.meter>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.meter.warning{background:var(--warning-soft)}.meter.warning>span{background:var(--warning)}.meter.critical{background:var(--critical-soft)}.meter.critical>span{background:var(--critical)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.btn.danger{color:var(--critical-text)}.btn.danger:hover:not(:disabled){background:var(--critical-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.small{height:28px;padding:0 9px;font-size:13px}.btn.icon-only{width:34px;padding:0}.btn.icon-only.small{width:28px}.btn app-icon{width:16px;height:16px}.segmented{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.segmented button{height:28px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);box-shadow:0 0 0 1px var(--border);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field .field-label{font-weight:500}.field .hint{color:var(--muted);font-size:12.5px}.input,.select,.textarea{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.textarea{min-height:120px;font-family:var(--mono);font-size:12.5px;line-height:1.6;resize:vertical;tab-size:4}.checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.checkbox small{display:block;color:var(--muted);font-size:12.5px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{padding:9px 14px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:500;text-align:left;white-space:nowrap}.table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.table .actions{text-align:right;white-space:nowrap}.table .sub{display:block;color:var(--muted);font-size:12.5px}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.nowrap{white-space:nowrap}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:32px 18px;color:var(--muted);text-align:center}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-left:3px solid var(--critical);border-radius:var(--radius-sm);background:var(--critical-soft)}.alert.warning{border-left-color:var(--warning);background:var(--warning-soft)}.alert.info{border-left-color:var(--accent);background:var(--accent-soft)}.alert app-icon{flex:none;width:18px;height:18px;margin-top:1px}.alert p{margin:0}.alert.critical app-icon{color:var(--critical)}.alert.warning app-icon{color:#b07800}.pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:12px;white-space:nowrap}.code-block{max-height:480px;margin:0;overflow:auto;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-2);white-space:pre}.kv{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:8px 16px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
