:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-surface: #16162a;--bg-surface-hover: #1e1e36;--bg-surface-active: #252542;--bg-overlay: rgba(10, 10, 15, .85);--cyan: #00ffff;--cyan-dim: #00cccc;--magenta: #ff00ff;--magenta-dim: #cc00cc;--green: #00ff88;--green-dim: #00cc6a;--red: #ff3366;--red-dim: #cc2952;--yellow: #ffcc00;--orange: #ff8800;--text-primary: #e0e0f0;--text-secondary: #8888aa;--text-muted: #555577;--text-accent: var(--cyan);--border-default: rgba(0, 255, 255, .15);--border-hover: rgba(0, 255, 255, .3);--border-active: rgba(0, 255, 255, .5);--glow-cyan: 0 0 10px rgba(0, 255, 255, .3);--glow-cyan-strong: 0 0 20px rgba(0, 255, 255, .5);--glow-magenta: 0 0 10px rgba(255, 0, 255, .3);--glow-green: 0 0 10px rgba(0, 255, 136, .3);--glow-red: 0 0 10px rgba(255, 51, 102, .3);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 260px;--sidebar-collapsed: 48px;--topbar-height: 52px;--chat-width: 340px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--priority-low: var(--text-secondary);--priority-medium: var(--cyan);--priority-high: var(--orange);--priority-critical: var(--red);--z-sidebar: 100;--z-topbar: 200;--z-chat: 100;--z-modal: 500;--z-toast: 600;--z-tooltip: 700}[data-theme=light]{--bg-primary: #f5f5f8;--bg-secondary: #ffffff;--bg-surface: #eeeef2;--bg-surface-hover: #e4e4ea;--bg-surface-active: #d8d8e0;--bg-overlay: rgba(0, 0, 0, .4);--cyan: #0099aa;--cyan-dim: #007788;--magenta: #cc00cc;--magenta-dim: #aa00aa;--green: #009955;--green-dim: #007744;--red: #cc2244;--red-dim: #aa1133;--yellow: #cc9900;--orange: #cc6600;--text-primary: #1a1a2e;--text-secondary: #555577;--text-muted: #9999aa;--border-default: rgba(0, 0, 0, .12);--border-hover: rgba(0, 153, 170, .4);--border-active: rgba(0, 153, 170, .6);--glow-cyan: 0 0 8px rgba(0, 153, 170, .15);--glow-cyan-strong: 0 0 16px rgba(0, 153, 170, .25);--glow-magenta: 0 0 8px rgba(204, 0, 204, .15);--glow-green: 0 0 8px rgba(0, 153, 85, .15);--glow-red: 0 0 8px rgba(204, 34, 68, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0ff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0ff6}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}code,pre{font-family:var(--font-mono)}a{color:var(--cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--cyan-dim);text-shadow:var(--glow-cyan)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-mono);transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background:#00ffff1a;border-color:var(--border-hover);color:var(--cyan)}.btn-primary:hover{background:#0ff3;box-shadow:var(--glow-cyan)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-danger{background:#ff33661a;border-color:#ff33664d;color:var(--red)}.btn-danger:hover{background:#f363;box-shadow:var(--glow-red)}input,textarea,select{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--border-active);box-shadow:var(--glow-cyan)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-family:var(--font-mono);font-weight:500}::selection{background:#00ffff40;color:var(--text-primary)}[data-theme=light] body:before{background-image:none}[data-theme=light] ::selection{background:#09a3}[data-theme=light] a:hover{text-shadow:none}