:root{--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--ai-sidebar-bg:linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--ai-glow:0 0 20px #6366f14d;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--surface-bg:#f8fafc;--text-main:#1e293b;--text-muted:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;color:var(--text-main);margin:0;padding:0;font-family:Outfit,Inter,system-ui,sans-serif;overflow-x:hidden}#root{width:100%;height:100%;min-height:100vh}.ai-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--glass-border)}.ai-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000000a}.ai-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.ai-gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}