@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:#090a0c;--bg-surface:#0e1014;--bg-elevated:#14171d;--bg-hover:#1a1e26;--border-subtle:#1e222a;--border-strong:#2e3440;--text-primary:#eceff4;--text-secondary:#949ba6;--text-muted:#59606d;--accent-ok:#10b981;--accent-warn:#f59e0b;--accent-crit:#f43f5e;--accent-tech:#38bdf8;--accent-swap:#eab308;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-base:#f4f4f0;--bg-surface:#fff;--bg-elevated:#eaeae4;--bg-hover:#e2e2dc;--border-subtle:#dcdcd4;--border-strong:#b8b8b0;--text-primary:#141413;--text-secondary:#52524e;--text-muted:#8a8a84;--accent-ok:#059669;--accent-warn:#d97706;--accent-crit:#e11d48;--accent-tech:#0284c7;--accent-swap:#ca8a04}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4;overflow-x:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);z-index:40;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.burger-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,border-color .15s;display:flex}.burger-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.brand-badge{letter-spacing:-.02em;align-items:center;gap:8px;font-weight:600;display:flex}.status-dot{background:var(--accent-ok);width:7px;height:7px;box-shadow:0 0 8px var(--accent-ok);border-radius:50%}.status-dot.paused{background:var(--accent-warn);box-shadow:none}.breadcrumb{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.top-metric-pill{border:1px solid var(--border-subtle);background:var(--bg-base);align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.ctrl-btn{background:var(--bg-base);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;padding:4px 10px;font-size:11px;transition:all .15s}.ctrl-btn:hover,.ctrl-btn.active{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-drawer{background:var(--bg-surface);border-right:1px solid var(--border-strong);z-index:60;flex-direction:column;justify-content:space-between;width:280px;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.nav-list{flex-direction:column;gap:4px;padding:12px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .12s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.nav-item-left{align-items:center;gap:10px;display:flex}.kbd-hint{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-muted);padding:1px 5px;font-size:10px}.main-container{max-width:1440px;margin:0 auto;padding:20px}.bento-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.panel{background:var(--bg-surface);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative}.panel:after{content:"+";font-family:var(--font-mono);color:var(--text-muted);opacity:.4;pointer-events:none;font-size:10px;position:absolute;top:4px;right:6px}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (width<=1024px){.col-4,.col-6,.col-8{grid-column:span 12}.hide-mobile{display:none}}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.panel-badge{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.proc-rank-list{flex-direction:column;gap:12px;display:flex}.proc-card{background:var(--bg-base);border:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .15s;display:flex}.proc-card:hover{border-color:var(--border-strong)}.proc-card-top{justify-content:space-between;align-items:center;display:flex}.proc-identity{align-items:center;gap:8px;display:flex}.rank-num{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:1px 5px;font-size:10px}.proc-name{color:var(--text-primary);font-size:13px;font-weight:600}.proc-cmd{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.proc-value-big{font-family:var(--font-mono);font-size:15px;font-weight:600}.proc-meta-row{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.kv-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.kv-box{background:var(--bg-base);border:1px solid var(--border-subtle);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.kv-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px}.kv-val{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:500}.cores-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=640px){.cores-grid{grid-template-columns:repeat(2,1fr)}}.core-cell{background:var(--bg-base);border:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:8px;display:flex}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.data-table th{text-align:left;border-bottom:1px solid var(--border-strong);color:var(--text-muted);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:11px;font-weight:500}.data-table th:hover{color:var(--text-primary)}.data-table td{border-bottom:1px solid var(--border-subtle);padding:8px 10px}.data-table tr:hover td{background:var(--bg-hover)}.state-badge{border:1px solid var(--border-subtle);padding:1px 5px;font-size:10px}.state-R{color:var(--accent-ok);border-color:var(--accent-ok)}.state-S{color:var(--text-secondary)}.status-dot.error{background:var(--accent-crit);box-shadow:0 0 8px var(--accent-crit)}.conn-banner{background:var(--bg-elevated);border-bottom:1px solid var(--accent-crit);color:var(--accent-crit);letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:11px;display:flex}.conn-banner .ctrl-btn{border-color:var(--accent-crit);color:var(--accent-crit)}.boot-screen{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.boot-card{border:1px solid var(--border-strong);background:var(--bg-surface);flex-direction:column;gap:14px;width:min(420px,100%);padding:28px;display:flex}.boot-title{letter-spacing:.08em;color:var(--text-primary);font-size:12px}.boot-sub{color:var(--text-muted);word-break:break-word;font-size:11px}.boot-retry{align-self:flex-start}