@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:#080810;--bg-secondary:#0d0d1a;--bg-surface:#0d0d1a;--bg-card:#0d0d1acc;--bg-hover:#202040;--bg-elevated:#28284e;--border:#8b5cf640;--border-default:#8b5cf640;--border-subtle:#8b5cf626;--border-bright:#8b5cf673;--accent:#a855f7;--accent-primary:#a855f7;--accent-deep:#7c3aed;--accent-glow:#a855f726;--accent-bright:#c4b5fd;--accent-dim:#6d28d9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-dim:#64748b;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#06b6d4;--agent-luna:#a855f7;--agent-business:#8b5cf6;--agent-analytics:#06b6d4;--agent-commerce:#10b981;--agent-automation:#f59e0b;--agent-ui:#ec4899;--agent-luna-glow:#a855f733;--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 #a855f766;--shadow-glow:0 0 40px #a855f726;--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 #a855f74d,0 0 60px #a855f71a}50%{transform:scale(1.02);box-shadow:0 0 50px #a855f780,0 0 100px #a855f733}}@keyframes orb-listen{0%,to{box-shadow:0 0 40px #a855f799,0 0 80px #a855f74d}50%{box-shadow:0 0 70px #a855f7e6,0 0 120px #a855f766}}@keyframes orb-speak{0%{box-shadow:0 0 #a855f799,0 0 40px #a855f766}70%{box-shadow:0 0 0 20px #a855f700,0 0 60px #a855f74d}to{box-shadow:0 0 #a855f700,0 0 40px #a855f766}}@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:#a855f726;border:1px solid #a855f74d}.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{box-shadow:var(--shadow-accent);background:#9333ea}.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}