.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:40px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#333;margin:0 0 8px;font-size:28px;font-weight:600}.auth-header p{color:#666;margin:0;font-size:16px}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.auth-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.auth-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.auth-form .form-group input.error{border-color:#e74c3c}.auth-form .form-group .error-message{color:#e74c3c;font-size:14px;margin-top:5px}.auth-form .btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-form .btn.btn-primary{background:#667eea;color:#fff}.auth-form .btn.btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.auth-form .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-form .server-error{background:#fee;color:#e74c3c;padding:12px;border-radius:8px;margin-top:16px;text-align:center}.auth-form .spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:24px}.auth-footer p{color:#666;margin:0}.auth-footer p a{color:#667eea;text-decoration:none;font-weight:500}.auth-footer p a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page-wrap{min-height:100vh;display:flex;flex-direction:column;background:#f4f6f9}.login-top-bar{width:100%;height:4px;background:#2962ff;flex-shrink:0}.login-page-container{flex:1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:#f4f6f9;padding:32px 20px 24px}.login-content{flex-direction:column;width:100%;max-width:420px}.login-content,.login-logo{display:flex;align-items:center}.login-logo{gap:12px;margin-bottom:32px}.login-logo .login-logo-icon{flex-shrink:0}.login-logo .login-logo-text{font-size:20px;font-weight:700;color:#0a0a0a;letter-spacing:-.02em}.login-card{width:100%;padding:40px 48px;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.06);background:#fff}.login-header{margin-bottom:28px;text-align:left}.login-header h1{font-size:24px;font-weight:700;color:#0a0a0a;margin:0 0 8px}.login-header .login-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{margin-bottom:0}.login-form .form-group label{display:block;margin-bottom:8px;color:#0a0a0a;font-weight:500;font-size:14px}.login-form .form-group .form-group-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.login-form .form-group .form-group-label-row .forgot-password{font-size:13px;color:#2962ff;text-decoration:none;font-weight:500;white-space:nowrap}.login-form .form-group .form-group-label-row .forgot-password:hover{text-decoration:underline}.login-form .input-with-icon{position:relative;display:flex;align-items:center}.login-form .input-with-icon .input-icon{position:absolute;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;flex-shrink:0}.login-form .input-with-icon .input-icon-l{left:14px}.login-form .input-with-icon input{width:100%;height:44px;padding:10px 14px 10px 44px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f8f8f8;color:#101828;transition:border-color .2s,background-color .2s;box-sizing:border-box}.login-form .input-with-icon input::-moz-placeholder{color:#9ca3af}.login-form .input-with-icon input::placeholder{color:#9ca3af}.login-form .input-with-icon input:focus{outline:none;border-color:#2962ff;background:#fff}.login-form .input-with-icon input.border-destructive{border-color:#ef4444}.login-form .input-with-icon.input-icon-right input{padding-right:44px}.login-form .input-with-icon.input-no-left input{padding-left:14px}.login-form .input-with-icon .input-icon-btn{position:absolute;right:12px;top:0;bottom:0;height:44px;margin:auto 0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 8px;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:4px}.login-form .input-with-icon .input-icon-btn:hover{color:#6b7280}.login-form .input-with-icon .input-icon-btn .input-icon-btn-icon{flex-shrink:0;color:inherit}.login-form .remember-me{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-form .remember-me input[type=checkbox]{width:18px;height:18px;margin:0;border-radius:50%;accent-color:#2962ff;cursor:pointer}.login-form .login-submit{width:100%;height:44px;font-weight:600;font-size:16px;background:#2962ff!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-form .login-submit:hover:not(:disabled){background:#0a4cff!important}.login-form .login-submit-arrow{flex-shrink:0}.login-form .error-message{color:#ef4444;font-size:13px;margin-top:6px}.login-form .server-error{margin-top:0;font-size:14px}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.login-footer p{font-size:14px;color:#374151;margin:0}.login-footer p a{color:#2962ff;font-weight:500;text-decoration:underline}.login-copyright{flex-shrink:0;text-align:center;padding:16px;font-size:12px;color:#9ca3af}