:root{--primary: #333046;--primary-700: #2a2740;--secondary: #664AEA;--secondary-soft: rgba(102, 74, 234, .1);--secondary-soft-2: rgba(102, 74, 234, .18);--bg: #F7F7FB;--card: #FFFFFF;--border: #ECECF1;--border-2: #E5E7EB;--text: #1A1730;--text-2: #5E587D;--text-3: #9AA6AC;--success: #22C55E;--warning: #FACC15;--danger: #DD3333;--grad: linear-gradient(180deg, #664AEA 26.09%, #5340AD 44.45%, #44397E 61.04%, #3B3461 80.18%, #333046 99.64%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14px;line-height:1;transition:all .15s ease;background:#fff;color:var(--text)}.btn-primary{background:var(--secondary);color:#fff}.btn-primary:hover{background:#664aead9}.btn-dark{background:var(--primary);color:#fff}.btn-dark:hover{background:var(--primary-700)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--secondary-soft);color:var(--secondary)}.btn-outline{background:var(--card);border-color:var(--border-2);color:var(--text)}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--secondary-soft);color:var(--secondary)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.input{width:100%;height:46px;padding:0 14px;border-radius:8px;border:1px solid var(--border-2);background:var(--card);color:var(--text);font-size:14px;line-height:1;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-soft)}body.dark{--bg: #0F0E18;--card: #1A1828;--border: #2A2740;--border-2: #2A2740;--text: #ECECF1;--text-2: #A8A4C0;--text-3: #7C789A;--primary: #ECECF1;--primary-700: #d8d6e6}body.dark .btn-dark{color:#1a1828}body.dark .btn-outline{background:transparent}