:root{--bg-dark: #0f111a;--bg-card: #1a1d2d;--bg-sidebar: #131620;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--accent: #14b8a6;--text-main: #e2e8f0;--text-muted: #94a3b8;--border: #2d3748;--glass-bg: rgba(26, 29, 45, .6);--glass-border: rgba(255, 255, 255, .05);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{height:100%;margin:0;font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.brand-gradient{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}button{cursor:pointer;background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s}button:hover{box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}button:disabled{background:var(--border);cursor:not-allowed;box-shadow:none;transform:none}input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:8px 12px;border-radius:6px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}