@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-hover:#263548;--bg-elevated:#2d3f55;--border:#334155;--border-subtle:#1e293b;--border-bright:#475569;--accent:#3b82f6;--accent-glow:#3b82f626;--accent-bright:#60a5fa;--accent-dim:#1d4ed8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-dim:#64748b;--text-muted:#475569;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#06b6d4;--agent-luna:#3b82f6;--agent-business:#8b5cf6;--agent-analytics:#06b6d4;--agent-commerce:#10b981;--agent-automation:#f59e0b;--agent-ui:#ec4899;--agent-luna-glow:#3b82f633;--agent-business-glow:#8b5cf633;--agent-analytics-glow:#06b6d433;--agent-commerce-glow:#10b98133;--agent-automation-glow:#f59e0b33;--agent-ui-glow:#ec489933;--font-display:"Orbitron", sans-serif;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--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:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-accent:0 0 20px #3b82f64d;--shadow-glow:0 0 40px #3b82f626;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:220px;--footer-height:36px}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.font-display{font-family:var(--font-display);letter-spacing:.05em}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.agent-luna{--agent-color:var(--agent-luna);--agent-glow:var(--agent-luna-glow)}.agent-business{--agent-color:var(--agent-business);--agent-glow:var(--agent-business-glow)}.agent-analytics{--agent-color:var(--agent-analytics);--agent-glow:var(--agent-analytics-glow)}.agent-commerce{--agent-color:var(--agent-commerce);--agent-glow:var(--agent-commerce-glow)}.agent-automation{--agent-color:var(--agent-automation);--agent-glow:var(--agent-automation-glow)}.agent-ui{--agent-color:var(--agent-ui);--agent-glow:var(--agent-ui-glow)}@keyframes orb-breathe{0%,to{transform:scale(1);box-shadow:0 0 30px #3b82f64d,0 0 60px #3b82f61a}50%{transform:scale(1.02);box-shadow:0 0 50px #3b82f680,0 0 100px #3b82f633}}@keyframes orb-listen{0%,to{box-shadow:0 0 40px #3b82f699,0 0 80px #3b82f64d}50%{box-shadow:0 0 70px #3b82f6e6,0 0 120px #3b82f666}}@keyframes orb-speak{0%{box-shadow:0 0 #3b82f699,0 0 40px #3b82f666}70%{box-shadow:0 0 0 20px #3b82f600,0 0 60px #3b82f64d}to{box-shadow:0 0 #3b82f600,0 0 40px #3b82f666}}@keyframes orb-think{0%,to{opacity:1}50%{opacity:.7}}@keyframes agent-orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}@keyframes energy-pulse{0%{stroke-dashoffset:100px;opacity:0}20%{opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes flow{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-sm{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.badge{border-radius:var(--radius-full);letter-spacing:.5px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge-idle{color:var(--text-dim);background:#64748b26;border:1px solid #64748b4d}.badge-busy{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-pending{color:var(--accent);background:#3b82f626;border:1px solid #3b82f64d}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500;font-family:var(--font);border:none;padding:8px 16px;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-bright);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.btn-success:hover{background:#10b98140}.section-label{letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:700}.divider{background:var(--border);height:1px;margin:var(--space-4) 0}