:root{--bg:#0b0f17;--surface:#131826;--surface-2:#1a2030;--surface-3:#222a3d;--border:#2a3346;--border-light:#364056;--text:#e6eaf2;--text-muted:#8b93a7;--text-dim:#5d6680;--accent:#6366f1;--accent-hover:#5457e5;--accent-soft:#6366f11f;--active:#34d399;--idle:#fbbf24;--offline:#5d6680;--danger:#f87171;--danger-soft:#f871711f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:10px;--radius-sm:7px}[data-theme=light]{--bg:#f0f2f7;--surface:#fff;--surface-2:#f5f7fb;--surface-3:#e8ecf4;--border:#dde1eb;--border-light:#c9cee0;--text:#111827;--text-muted:#4b5563;--text-dim:#9ca3af;--accent:#6366f1;--accent-hover:#5457e5;--accent-soft:#6366f117;--active:#059669;--idle:#d97706;--offline:#9ca3af;--danger:#dc2626;--danger-soft:#dc262617}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #0000}.btn-danger:hover{background:var(--danger);color:#fff}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:10px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent);outline:none}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:768px){.shell-sidebar{transition:transform .25s;transform:translate(-100%);z-index:100!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.shell-sidebar.open{transform:translate(0)!important}.shell-topbar,.shell-close-btn{display:flex!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:16px!important}.page-body{padding-left:16px!important;padding-right:16px!important}.col-idle,.col-paused,.col-shots,.col-lastseen{display:none!important}.stat-grid{grid-template-columns:1fr 1fr!important;display:grid!important}.activity-bar-inner{width:80px!important}.detail-grid{grid-template-columns:1fr!important}}