:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .6);--bg-card-hover: rgba(17, 24, 39, .8);--bg-glass: rgba(255, 255, 255, .03);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-secondary: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6, #06b6d4);--gradient-accent: linear-gradient(135deg, #6366f1, #a855f7);--gradient-success: linear-gradient(135deg, #10b981, #06b6d4);--gradient-warm: linear-gradient(135deg, #f59e0b, #f43f5e);--gradient-bg: radial-gradient(ellipse at 20% 0%, rgba(99, 102, 241, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(139, 92, 246, .06) 0%, transparent 50%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--gradient-bg);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:var(--accent-primary-hover);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}::selection{background:#6366f14d;color:#fff}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.app-main{margin-left:0}}.app-content{flex:1;display:flex;flex-direction:column}