[data-v-0aa31c1d]{box-sizing:border-box;margin:0;padding:0}.login-container[data-v-0aa31c1d]{align-items:center;background:#f8fafc;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:24px;position:relative;width:100vw}.bg-animation[data-v-0aa31c1d]{display:none}.bg-animation .circle[data-v-0aa31c1d]{animation:float-0aa31c1d 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;position:absolute}.bg-animation .circle.circle-1[data-v-0aa31c1d]{animation-delay:0s;height:200px;left:10%;top:10%;width:200px}.bg-animation .circle.circle-2[data-v-0aa31c1d]{animation-delay:2s;height:300px;right:10%;top:60%;width:300px}.bg-animation .circle.circle-3[data-v-0aa31c1d]{animation-delay:4s;bottom:20%;height:150px;left:20%;width:150px}.bg-animation .circle.circle-4[data-v-0aa31c1d]{animation-delay:1s;height:250px;right:30%;top:20%;width:250px}@keyframes float-0aa31c1d{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-40px) rotate(10deg)}75%{transform:translateY(-20px) rotate(5deg)}}.login-wrapper[data-v-0aa31c1d]{max-width:420px;padding:20px;position:relative;transition:all .25s ease;width:100%;z-index:1}.login-wrapper.form-success[data-v-0aa31c1d]{opacity:.7;transform:scale(.95)}.login-card[data-v-0aa31c1d]{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 6px 14px -8px #0f172a1f;padding:36px;transition:all .25s ease}.login-header[data-v-0aa31c1d]{margin-bottom:40px;text-align:center}.login-header .logo[data-v-0aa31c1d]{gap:15px;margin-bottom:15px}.login-header .logo[data-v-0aa31c1d],.login-header .logo .logo-icon[data-v-0aa31c1d]{align-items:center;display:flex;justify-content:center}.login-header .logo .logo-icon[data-v-0aa31c1d]{background:#2563eb;border-radius:12px;color:#fff;height:50px;width:50px}.login-header .logo .logo-icon svg[data-v-0aa31c1d]{height:28px;width:28px}.login-header .logo h1[data-v-0aa31c1d]{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.025em}.login-header .welcome-text[data-v-0aa31c1d]{color:#475569;font-size:16px;font-weight:500}.login-form .form-group[data-v-0aa31c1d]{margin-bottom:24px}.login-form .form-group .input-wrapper[data-v-0aa31c1d]{position:relative}.login-form .form-group .input-wrapper input[data-v-0aa31c1d]{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:16px;outline:none;padding:16px 48px 16px 16px;transition:all .25s ease;width:100%}.login-form .form-group .input-wrapper input[data-v-0aa31c1d]:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.login-form .form-group .input-wrapper input.filled[data-v-0aa31c1d]{background:#fff}.login-form .form-group .input-wrapper input.error[data-v-0aa31c1d]{background:#fde3e3;border-color:#ef4444}.login-form .form-group .input-wrapper label[data-v-0aa31c1d]{color:#6b7280;font-size:16px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s ease}.login-form .form-group .input-wrapper input.filled+label[data-v-0aa31c1d],.login-form .form-group .input-wrapper input:focus+label[data-v-0aa31c1d]{background:#fff;color:#2563eb;font-size:12px;font-weight:600;left:14px;padding:0 6px;top:-8px}.login-form .form-group .input-wrapper .input-icon[data-v-0aa31c1d]{color:#6b7280;height:20px;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:20px}.login-form .form-group .input-wrapper .input-icon svg[data-v-0aa31c1d]{height:100%;width:100%}.login-form .form-group .input-wrapper .password-toggle[data-v-0aa31c1d]{background:none;border:none;color:#6b7280;cursor:pointer;height:20px;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:all .25s ease;width:20px}.login-form .form-group .input-wrapper .password-toggle[data-v-0aa31c1d]:hover{color:#2563eb}.login-form .form-group .input-wrapper .password-toggle svg[data-v-0aa31c1d]{height:100%;width:100%}.login-form .form-group .error-message[data-v-0aa31c1d]{color:#ef4444;display:block;font-size:14px;font-weight:500;margin-left:4px;margin-top:8px}.login-form .general-error[data-v-0aa31c1d]{align-items:center;background:#fde3e3;border:1px solid #f9bebe;border-radius:.75rem;color:#ef4444;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 16px}.login-form .general-error svg[data-v-0aa31c1d]{flex-shrink:0;height:18px;width:18px}.login-form .login-btn[data-v-0aa31c1d]{background:#2563eb;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .25s ease;width:100%}.login-form .login-btn[data-v-0aa31c1d]:hover:not(:disabled){background:#1d4ed8}.login-form .login-btn[data-v-0aa31c1d]:active{transform:translateY(0)}.login-form .login-btn[data-v-0aa31c1d]:disabled{cursor:not-allowed;opacity:.7}.login-form .login-btn.loading[data-v-0aa31c1d]{background:#1d4ed8}.login-form .login-btn .loading-spinner[data-v-0aa31c1d]{align-items:center;display:flex;gap:10px;justify-content:center}.login-form .login-btn .loading-spinner .spinner[data-v-0aa31c1d]{animation:spin-0aa31c1d 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin-0aa31c1d{to{transform:rotate(1turn)}}.success-overlay[data-v-0aa31c1d]{align-items:center;animation:fadeIn-0aa31c1d .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.success-animation[data-v-0aa31c1d]{color:#fff;text-align:center}.success-animation .checkmark[data-v-0aa31c1d]{height:80px;margin:0 auto 24px;width:80px}.success-animation .checkmark svg[data-v-0aa31c1d]{height:100%;width:100%}.success-animation .checkmark .checkmark-circle[data-v-0aa31c1d]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#16a34a;fill:none;animation:stroke-0aa31c1d .6s cubic-bezier(.65,0,.45,1) forwards}.success-animation .checkmark .checkmark-check[data-v-0aa31c1d]{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#16a34a;stroke-width:3;animation:stroke-0aa31c1d .3s cubic-bezier(.65,0,.45,1) .8s forwards}.success-animation h2[data-v-0aa31c1d]{font-size:24px;font-weight:700;margin-bottom:8px}.success-animation p[data-v-0aa31c1d]{font-size:16px;opacity:.8}@keyframes stroke-0aa31c1d{to{stroke-dashoffset:0}}@keyframes fadeIn-0aa31c1d{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.login-wrapper[data-v-0aa31c1d]{padding:16px}.login-card[data-v-0aa31c1d]{padding:30px 24px}.login-header[data-v-0aa31c1d]{margin-bottom:30px}.login-header .logo h1[data-v-0aa31c1d]{font-size:24px}.login-form .form-group[data-v-0aa31c1d]{margin-bottom:20px}.login-form .form-group .input-wrapper input[data-v-0aa31c1d]{font-size:16px;padding:16px 45px 16px 16px}.login-form .form-group .input-wrapper label[data-v-0aa31c1d]{left:16px}.login-form .form-group .input-wrapper input.filled+label[data-v-0aa31c1d],.login-form .form-group .input-wrapper input:focus+label[data-v-0aa31c1d]{left:12px}.login-form .form-group .input-wrapper .input-icon[data-v-0aa31c1d]{right:16px}.login-form .form-group .input-wrapper .password-toggle[data-v-0aa31c1d]{right:45px}.login-form .login-btn[data-v-0aa31c1d]{padding:16px}}