:root{--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11,11,11,.1);--accent: #2a78d6;--hbm: #1baf7a;--ram: #2a78d6;--rdma: #4a3aa7;--disk: #eda100;--miss: #898781;--critical: #d03b3b}@media(prefers-color-scheme:dark){:root{--page: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255,255,255,.1);--accent: #3987e5;--hbm: #199e70;--ram: #3987e5;--rdma: #9085e9;--disk: #c98500;--miss: #898781;--critical: #d03b3b}}*{box-sizing:border-box;margin:0}body{background:var(--page);color:var(--ink);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}#root{display:flex;min-height:100vh}.panel{width:320px;flex:none;padding:16px;border-right:1px solid var(--border);overflow-y:auto;height:100vh;position:sticky;top:0}.main{flex:1;padding:20px 24px;min-width:0}h1{font-size:17px;margin-bottom:2px}.sub{color:var(--ink-2);font-size:12.5px;margin-bottom:14px}.sect{margin-bottom:14px}.sect>.hd,.card>.hd{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.field label{color:var(--ink-2);font-size:12.5px}.field input,.field select{width:96px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;font-variant-numeric:tabular-nums}.btn{padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}.tile .v{font-size:24px;font-weight:650}.tile .k{font-size:11.5px;color:var(--muted);margin-top:1px}table{border-collapse:collapse;width:100%}th,td{text-align:right;padding:5px 10px;font-size:13px;font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:550;font-size:11.5px;border-bottom:1px solid var(--grid)}td:first-child,th:first-child{text-align:left}tr.sel td{font-weight:650}tbody tr{cursor:pointer}tbody tr:hover td{background:color-mix(in srgb,var(--ink) 4%,transparent)}.legend{display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--ink-2);flex-wrap:wrap}.legend-item{cursor:help;text-decoration:underline dotted color-mix(in srgb,var(--muted) 60%,transparent);text-underline-offset:3px}.chip{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gpu-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.bar{height:5px;border-radius:3px;background:var(--grid);overflow:hidden;margin-top:3px}.bar>div{height:100%;border-radius:3px;background:var(--accent)}.tip{position:fixed;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 4px 14px #00000026;z-index:10;max-width:260px}.tip b{font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent)}.cluster-row{display:flex;gap:6px;margin-bottom:4px;align-items:center}.cluster-row input{flex:1;min-width:0}.x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px}.stale{color:var(--disk);font-size:12px}.err{color:var(--critical);font-size:12.5px;margin-bottom:10px}