:root{--color-black: #000000;--color-white: #ffffff;--color-blue: #3b82f6;--color-blue-light: #60a5fa;--color-blue-dark: #2563eb;--color-green: #22c55e;--color-green-light: #4ade80;--color-red: #ef4444;--color-red-light: #f87171;--color-amber: #f59e0b;--color-amber-light: #fbbf24;--color-purple: #a855f7;--color-purple-light: #c084fc;--color-cyan: #06b6d4;--color-cyan-light: #22d3ee;--color-orange: #f97316;--color-orange-light: #fb923c;--surface-bg: #0a0e17;--surface-primary: #0f1520;--surface-secondary: #141c2b;--surface-tertiary: #1a2436;--surface-elevated: #1e2a40;--surface-hover: #243352;--border-primary: #1e293b;--border-secondary: #334155;--border-focus: var(--color-blue);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-disabled: #475569;--agent-orchestrator: var(--color-purple);--agent-python-core: var(--color-blue);--agent-database-expert: var(--color-green);--agent-frontend-dev: var(--color-cyan);--agent-qa: var(--color-amber);--agent-devops: var(--color-orange);--status-running: var(--color-green);--status-idle: var(--color-text-muted);--status-waiting: var(--color-amber);--status-error: var(--color-red);--status-stopped: var(--color-text-disabled);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-green: 0 0 20px rgba(34, 197, 94, .15);--shadow-glow-purple: 0 0 20px rgba(168, 85, 247, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 56px;--content-max-width: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--surface-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;min-height:100vh}a{color:var(--color-blue);text-decoration:none}a:hover{color:var(--color-blue-light)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::-moz-selection{background:#3b82f64d;color:var(--color-text-primary)}::selection{background:#3b82f64d;color:var(--color-text-primary)}.text-mono{font-family:var(--font-mono)}.text-display{font-family:var(--font-display)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1520cc;border:1px solid var(--border-primary)}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 16px #22c55e99}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-in{animation:slideInLeft var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none}