:root{--bg:#08080f;--bg2:#0f0f1a;--bg3:#181825;--border:#2d2d42;--text:#f2f2ff;--text2:#a8a8c8;--text3:#606080;--blue:#4f8ef7;--blue-dim:#4f8ef724;--blue-glow:0 0 32px #4f8ef733;--green:#34d399;--green-dim:#34d39924;--red:#f87171;--red-dim:#f8717124;--amber:#fbbf24;--amber-dim:#fbbf2424;--radius:14px;--radius-sm:9px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}#root{flex-direction:column;min-height:100vh;display:flex}input,button,textarea,select{font-family:inherit;font-size:16px}button{cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}a{color:inherit;text-decoration:none}.input{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #4f8ef71f}.input::placeholder{color:var(--text3)}.input:disabled{opacity:.5;cursor:not-allowed}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#3a7ae8;transform:translateY(-1px);box-shadow:0 4px 18px #4f8ef761}.btn-primary:disabled{cursor:not-allowed;background:#4f8ef759}.btn-ghost{color:var(--text2);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.auth-input{color:#f2f2ff;background:#181825;border:1.5px solid #2d2d42;border-radius:8px;outline:none;width:100%;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#4f8ef7;box-shadow:0 0 0 3px #4f8ef71a}.auth-input::placeholder{color:#606080}.auth-input:disabled{opacity:.5;cursor:not-allowed}
