:root{--bg: #f6f7f7;--panel: #ffffff;--line: #e4e8e7;--line-soft: #edf0ef;--line-strong: #dce2e0;--track: #e7ebe9;--head: #f3f5f4;--text: #0d1415;--text-2: #39464a;--text-3: #5e6d72;--muted: #748387;--faint: #94a1a4;--grey: #b3bec0;--accent: oklch(.6 .13 220);--ok: oklch(.6 .14 150);--warn: oklch(.66 .14 75);--crit: oklch(.58 .19 25);--sans: "Space Grotesk", "Helvetica Neue", Helvetica, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:#006f87;color:oklch(.5 .13 220)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.lbl{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:500}.grow{flex-grow:1}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:20px;height:60px;flex-shrink:0;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand b{font-size:15px;font-weight:700;letter-spacing:-.01em}.tabs{display:flex;gap:4px}.tab{height:30px;padding:0 13px;border-radius:7px;border:1px solid transparent;background:transparent;color:#66757a;font-size:12.5px;font-weight:500}.tab[aria-current=true]{border-color:#d2dad9;background:#e9f0f1;color:#0f1617;font-weight:600}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;background:var(--panel);border:1px solid var(--line-strong);border-radius:7px;color:#4f5d63;font-size:12px;font-weight:500}.btn:hover{background:var(--head)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;height:36px;padding:0 18px;font-size:12.5px}.btn-primary:hover{filter:brightness(1.08)}.btn-lg{height:34px}.content{padding:22px 24px;display:flex;flex-direction:column;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.panel-head{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}.panel-title{font-size:13px;font-weight:600;color:var(--text-2)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat-value{font-size:25px;font-weight:500;letter-spacing:-.02em}.stat-unit{font-size:12px;color:var(--muted)}.layout{display:flex;gap:20px;align-items:flex-start}.layout>.main{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;min-height:216px;padding:16px 17px;border-radius:12px;background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left}.card:hover{border-color:var(--line-strong)}.card[aria-selected=true]{background:#f3f8f9;border-color:var(--accent)}.card.offline{opacity:.6}.card-head{display:flex;align-items:center;gap:8px}.card-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.on{box-shadow:0 0 0 3px #0000000f}.bar{height:6px;border-radius:3px;background:var(--track);overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px}.bar.lg{height:8px;border-radius:4px}.bar.lg>i{border-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--mono);font-size:10px;padding:3px 7px;border-radius:5px;background:var(--head);border:1px solid #dfe4e3;color:var(--text-3)}.drawer{width:352px;flex-shrink:0;display:flex;flex-direction:column}.drawer section{padding:16px 18px;border-bottom:1px solid var(--line)}.drawer section:last-child{border-bottom:none}.proc{display:flex;align-items:center;gap:10px}.proc-name{font-size:12px;font-weight:500;color:#3f4c50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line-soft);cursor:pointer;background:var(--panel);text-align:left;width:100%;border-left:none;border-right:none;border-top:none}.qrow:last-child{border-bottom:none}.qrow[aria-selected=true]{background:#f3f8f9;box-shadow:inset 3px 0 0 0 var(--accent)}.qhead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:10px 20px;background:var(--head);border-bottom:1px solid var(--line)}.span3{grid-column:span 3}.qpct{width:46px;flex-shrink:0;font-size:18px;font-weight:500;letter-spacing:-.02em}.fld{height:38px;width:100%;padding:0 12px;background:var(--panel);border:1px solid #d8dedc;border-radius:8px;color:var(--text);font-size:13px;font-family:var(--mono)}.fld:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.field{display:flex;flex-direction:column;gap:7px}.hint{font-size:10.5px;color:#7c8b8f}.seg{display:flex;gap:6px}.seg button{flex-grow:1;height:34px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid #d8dedc;background:var(--panel);color:#6e7d81}.seg button[aria-pressed=true]{border-color:var(--accent);background:#f3f8f9;color:var(--text)}.trow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line-soft)}.trow:last-child{border-bottom:none}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:1100px){.layout{flex-direction:column}.drawer{width:100%}.cards,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{gap:12px;padding:0 16px}.content{padding:16px;gap:14px}.cards{grid-template-columns:minmax(0,1fr)}.card{min-height:0}.qhead{display:none}.qrow{grid-template-columns:minmax(0,1fr);gap:12px}.span3{grid-column:auto}.trow{grid-template-columns:minmax(0,1fr)}}