:root{color-scheme:light dark;--bg: #f7f8fa;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f1f3f6;--border: #e2e5ea;--border-strong: #cbd1da;--text: #14181f;--text-muted: #5b6472;--text-faint: #858e9c;--accent: #3257d4;--accent-hover: #2645b4;--accent-soft: #eaefff;--accent-text: #ffffff;--running: #157f4a;--running-soft: #e6f5ec;--degraded: #a2620a;--degraded-soft: #fdf2dd;--stopped: #5b6472;--stopped-soft: #eef0f3;--unknown: #6b4ea8;--unknown-soft: #f1ecfa;--danger: #b3261e;--danger-soft: #fdeceb;--radius: 8px;--radius-sm: 5px;--radius-lg: 14px;--gap-section: 14px;--gap-block: 12px;--shadow-sm: 0 1px 2px rgb(20 24 31 / 6%), 0 1px 3px rgb(20 24 31 / 4%);--shadow-md: 0 4px 12px rgb(20 24 31 / 8%), 0 2px 4px rgb(20 24 31 / 4%);--shadow-lg: 0 12px 34px rgb(20 24 31 / 14%), 0 4px 10px rgb(20 24 31 / 8%);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--nav-width: 232px;--header-height: 56px}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--surface: #161b22;--surface-raised: #1c222b;--surface-sunken: #11151b;--border: #262d38;--border-strong: #39424f;--text: #e8ecf2;--text-muted: #9aa5b4;--text-faint: #6e7988;--accent: #6b8afd;--accent-hover: #869efd;--accent-soft: #1b2440;--accent-text: #0e1116;--running: #4bbd7f;--running-soft: #12271c;--degraded: #dda63c;--degraded-soft: #2a2213;--stopped: #8b95a4;--stopped-soft: #1c222b;--unknown: #a78bda;--unknown-soft: #221b31;--danger: #f0736a;--danger-soft: #2d1715;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 12px rgb(0 0 0 / 45%);--shadow-lg: 0 12px 34px rgb(0 0 0 / 55%)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:620;letter-spacing:-.011em;color:var(--text)}h1{font-size:21px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.92em;font-variant-ligatures:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.shell{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:100vh}.page{padding:22px 28px 60px;max-width:1600px;display:flex;flex-direction:column;gap:var(--gap-section)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:4px;flex-wrap:wrap}.page-title-group{min-width:0}.page-subtitle{color:var(--text-muted);font-size:13px;margin-top:3px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}.card-body{padding:16px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;font:inherit;font-size:13px;font-weight:520;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background 90ms ease,border-color 90ms ease}.btn:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn.sm{padding:4px 9px;font-size:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:560;color:var(--text-muted);margin-bottom:5px}.field .hint{font-size:12px;color:var(--text-faint);margin-top:4px;line-height:1.45}input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;padding:7px 10px;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input::placeholder{color:var(--text-faint)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;font-weight:620;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--surface);z-index:1}table.data td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:hover{background:var(--surface-sunken)}table.data tbody tr.selected{background:var(--accent-soft)}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.absent{opacity:.55}table.data tbody tr.absent .name{text-decoration:line-through}table.data th:first-child,table.data td:first-child:not([colspan]){position:sticky;left:0;background:var(--surface);z-index:1}table.data th:first-child{z-index:2}table.data tbody tr:hover td:first-child:not([colspan]){background:var(--surface-sunken)}table.data tbody tr.selected td:first-child:not([colspan]){background:var(--accent-soft)}table.data thead tr:first-child th:first-child{border-top-left-radius:var(--radius)}table.data tbody tr:last-child td:first-child:not([colspan]){border-bottom-left-radius:var(--radius)}.numeric{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;border-radius:100px;font-size:12px;font-weight:560;white-space:nowrap}.status .mark{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}.status.running{color:var(--running);background:var(--running-soft)}.status.degraded{color:var(--degraded);background:var(--degraded-soft)}.status.degraded .mark{background:transparent;border:2px solid currentColor;width:9px;height:9px}.status.stopped{color:var(--stopped);background:var(--stopped-soft)}.status.stopped .mark{border-radius:1px}.status.unknown{color:var(--unknown);background:var(--unknown-soft)}.status.unknown .mark{border-radius:1px;transform:rotate(45deg)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:100px;font-size:12px;font-weight:520;background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%;flex:none}.chip.unassigned{background:transparent;border-style:dashed;color:var(--text-faint)}.kind{font-size:11px;font-weight:620;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.attention{color:var(--degraded);font-weight:560}.pill-ro{font-size:11px;font-weight:600;padding:1px 7px;border-radius:100px;background:var(--surface-sunken);border:1px solid var(--border-strong);color:var(--text-muted)}.notice{display:flex;gap:10px;padding:11px 14px;border-radius:var(--radius);border:1px solid;font-size:13px;line-height:1.5}.notice .notice-body{min-width:0;flex:1}.notice strong{font-weight:620}.notice.warn{background:var(--degraded-soft);border-color:color-mix(in srgb,var(--degraded) 32%,transparent);color:var(--text)}.notice.error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 34%,transparent);color:var(--text)}.notice.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--text)}.notice pre{margin:6px 0 0;font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-word;color:var(--text-muted)}.empty{text-align:center;padding:46px 24px;color:var(--text-muted)}.empty h3{margin-bottom:6px;color:var(--text)}.empty p{max-width:480px;margin:0 auto 16px;font-size:13px;line-height:1.6}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:3px}.spin{animation:spin .9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}