.auth-page:has(.login-page){display:block!important;background:linear-gradient(135deg,#f8faff,#eef4ff)!important;padding:0!important;min-height:100vh;width:100%}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#f8faff,#eef4ff)!important;margin:0;padding:24px 16px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page .auth-container{width:min(100%,480px)!important;max-width:480px!important;margin:0 auto!important}.login-page .auth-card.glass-panel{background:#ffffff!important;border:1px solid rgba(226,232,240,.8)!important;border-radius:20px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.02),0 8px 16px -6px rgba(0,0,0,.03)!important;padding:18px 20px!important;width:100%!important;min-width:0;box-sizing:border-box;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.login-page .auth-header{text-align:center;margin-bottom:16px}.login-page .auth-header .logo{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-bottom:10px}.login-page .auth-header .logo img{height:38px;width:auto;object-fit:contain;transform:none!important}.login-page .auth-header .logo span{font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.login-page .auth-header h1{font-size:21px!important;font-weight:700!important;color:#0f172a;margin:0 0 4px!important;letter-spacing:-.025em}.login-page .auth-header p{font-size:13px!important;line-height:1.5!important;font-weight:500!important;color:#64748b!important;margin:0!important}.login-page .segmented-control{display:flex;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:12px;border:none;width:100%;box-sizing:border-box}.login-page .segmented-control .role-btn{flex:1 1;display:flex;align-items:center;justify-content:center;padding:10px 0;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:transparent!important;color:#64748b!important;transition:all .2s ease}.login-page .segmented-control .role-btn.active{background:#0066fe!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(0,102,254,.15)}.login-page .radio-circle{display:none!important}.login-page .auth-form{display:flex;flex-direction:column;gap:8px!important}.login-page .form-group{display:flex;flex-direction:column;gap:4px!important}.login-page .form-group label{font-size:14px!important;font-weight:600!important;color:#334155!important;text-align:left}.login-page .input-wrapper{position:relative;display:flex;align-items:center}.login-page .input-wrapper>svg{position:absolute;left:16px;width:18px;height:18px;color:#94a3b8;pointer-events:none}.login-page .input-wrapper input{width:100%;height:48px;padding:0 16px 0 48px!important;font-size:14px!important;color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-sizing:border-box;font-family:inherit;transition:all .2s ease}.login-page .input-wrapper input.password-input,.login-page .input-wrapper input[type=password]{padding-right:48px!important}.login-page .input-wrapper input::placeholder{color:#94a3b8!important}.login-page .input-wrapper input:focus{outline:none;border-color:#0066fe!important;background:#ffffff!important;box-shadow:0 0 0 4px rgba(0,102,254,.1)!important}.login-page .password-toggle-btn{position:absolute;right:12px;background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .2s ease}.login-page .password-toggle-btn:hover{color:#64748b}.login-page .password-toggle-btn svg{position:static;pointer-events:auto;width:18px;height:18px}.login-page .auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.login-page .checkbox-container{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:400!important}.login-page .checkbox-container input{cursor:pointer;width:16px;height:16px;border-radius:4px;border:1px solid #cbd5e1;accent-color:#0066fe}.login-page .forgot-link{font-size:14px;font-weight:500;color:#0066fe!important;text-decoration:none;transition:color .2s ease}.login-page .forgot-link:hover{color:#0052cc!important;text-decoration:underline}.login-page .btn.btn-primary.w-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px!important;background-color:#0066fe!important;color:#ffffff!important;border:none;border-radius:12px!important;font-size:16px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease;margin-top:24px!important;box-shadow:0 4px 12px rgba(0,102,254,.15)}.login-page .btn.btn-primary.w-full:hover:not(:disabled){background-color:#0052cc!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,102,254,.2)}.login-page .btn.btn-primary.w-full:active:not(:disabled){transform:translateY(0)}.login-page .btn.btn-primary.w-full:disabled{opacity:.7;cursor:not-allowed}.login-page .btn.btn-primary.w-full svg{width:18px;height:18px}.login-page .auth-footer{margin-top:16px!important;text-align:center;font-size:14px;color:#64748b}.login-page .auth-footer p{margin:0}.login-page .auth-footer a{color:#0066fe!important;font-weight:600;text-decoration:none;transition:color .2s ease;margin-left:4px}.login-page .auth-footer a:hover{color:#0052cc!important;text-decoration:underline}.login-page #google-signin-btn{margin-bottom:16px;display:flex;justify-content:center;width:100%}.login-page #custom-google-auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;background-color:#ffffff;color:#0f172a;border:1px solid #cbd5e1;border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box;padding:0 16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.login-page #custom-google-auth-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.login-page .auth-divider{margin:16px 0;display:flex;align-items:center;justify-content:center;gap:12px}.login-page .auth-divider:after,.login-page .auth-divider:before{content:"";flex:1 1;height:1px;background:#e2e8f0}.login-page .auth-divider span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.login-page .skip-link{position:absolute;left:-9999px;top:0;z-index:1000}.login-page .skip-link:focus{left:8px;top:8px;padding:8px 16px;background:#ffffff;color:#0f172a;border-radius:6px;outline:3px solid #0066fe;outline-offset:2px;text-decoration:none;font-weight:600}.login-page #auth-error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.login-page #auth-error-message:empty{display:none}[data-theme=dark] .login-page .auth-header .logo span,[data-theme=dark] .login-page .auth-header h1{color:#0f172a!important}[data-theme=dark] .login-page .auth-divider span,[data-theme=dark] .login-page .auth-footer p,[data-theme=dark] .login-page .auth-header p{color:#64748b!important}[data-theme=dark] .login-page .form-group label{color:#334155!important}[data-theme=dark] .login-page .checkbox-container{color:#64748b!important}[data-theme=dark] .login-page .input-wrapper input{color:#0f172a!important;background:#f8fafc!important}[data-theme=dark] .login-page .auth-footer a,[data-theme=dark] .login-page .forgot-link{color:#0066fe!important}@media (max-width:768px){.auth-page:has(.login-page){padding:0!important;min-height:100vh!important}.login-page .auth-container{width:min(calc(100vw - 32px),480px)!important;max-width:480px!important;margin:0 auto!important}}