:root{--bg-base: #050814;--bg-surface: #0d1117;--bg-elevated: #161b27;--bg-border: #1f2937;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-code: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-glow-indigo: 0 0 30px rgba(99, 102, 241, .25);--shadow-glow-cyan: 0 0 30px rgba(6, 182, 212, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--gradient-brand: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01))}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}code,pre,.mono{font-family:var(--font-code)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;background:none;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}@media(max-width:900px){.auth-left-panel{display:none!important}}@media(max-width:768px){.sidebar{left:-240px!important}.sidebar.open{left:0!important}.main-content{margin-left:0}.mobile-menu-btn{display:block!important}}