@keyframes otpAutoVerify{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes otpShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes otpPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes otpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#otpCheckModal .modal-content,#userEditModal .modal-content,#loginModal .modal-content{border:none;border-radius:24px;box-shadow:0 10px 30px #0000001a;background:#fff}#otpCheckModal .modal-body,#userEditModal .modal-body,#loginModal .modal-body{padding:0;position:relative}#otpCheckModal .btn-close,#userEditModal .btn-close,#loginModal .btn-close{position:absolute;top:40px;left:48px;background:none;border:none;padding:8px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}#otpCheckModal .close-icon,#userEditModal .close-icon,#loginModal .close-icon{width:48px;height:48px}#otpCheckModal .otp-modal-container,#userEditModal .otp-modal-container,#loginModal .otp-modal-container{padding:40px 48px;text-align:center;position:relative}#otpCheckModal .otp-modal-container .otp-logo,#userEditModal .otp-modal-container .otp-logo,#loginModal .otp-modal-container .otp-logo{margin-bottom:16px}#otpCheckModal .otp-modal-container .otp-logo .logo-img,#userEditModal .otp-modal-container .otp-logo .logo-img,#loginModal .otp-modal-container .otp-logo .logo-img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}#otpCheckModal .otp-modal-container .welcome-container,#userEditModal .otp-modal-container .welcome-container,#loginModal .otp-modal-container .welcome-container{margin-bottom:16px}#otpCheckModal .otp-modal-container .welcome-container .welcome-title,#userEditModal .otp-modal-container .welcome-container .welcome-title,#loginModal .otp-modal-container .welcome-container .welcome-title{color:#1b75bb;font-family:Almarai;font-weight:700;font-size:32px;line-height:20px;text-align:center;margin-bottom:12px}#otpCheckModal .otp-modal-container .welcome-container .welcome-subtitle,#userEditModal .otp-modal-container .welcome-container .welcome-subtitle,#loginModal .otp-modal-container .welcome-container .welcome-subtitle{font-family:Almarai;font-weight:700;font-size:14px;line-height:24px;text-align:center;color:#102841;margin-bottom:8px}#otpCheckModal .otp-modal-container .phone-display,#userEditModal .otp-modal-container .phone-display,#loginModal .otp-modal-container .phone-display{font-family:Almarai;font-weight:700;font-size:16px;line-height:24px;text-align:center;color:#1b75bb;margin:0}#otpCheckModal .otp-modal-container .timer-container,#userEditModal .otp-modal-container .timer-container,#loginModal .otp-modal-container .timer-container{margin-top:8px;display:inline-flex;justify-content:center}#otpCheckModal .otp-modal-container .timer-text,#userEditModal .otp-modal-container .timer-text,#loginModal .otp-modal-container .timer-text{background-color:#e4effa;border-radius:48px;padding:4px 24px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:Almarai;font-size:12px;line-height:24px;transition:opacity .3s ease}#otpCheckModal .otp-modal-container .timer-text:disabled,#userEditModal .otp-modal-container .timer-text:disabled,#loginModal .otp-modal-container .timer-text:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}#otpCheckModal .otp-modal-container .timer-text:disabled .resend-label,#userEditModal .otp-modal-container .timer-text:disabled .resend-label,#loginModal .otp-modal-container .timer-text:disabled .resend-label{color:#9ca3af}#otpCheckModal .otp-modal-container .timer-text.locked,#userEditModal .otp-modal-container .timer-text.locked,#loginModal .otp-modal-container .timer-text.locked{background-color:#fef2f2;border:1px solid #FECACA;cursor:not-allowed}#otpCheckModal .otp-modal-container .timer-text.locked .resend-label,#otpCheckModal .otp-modal-container .timer-text.locked .timer-countdown,#userEditModal .otp-modal-container .timer-text.locked .resend-label,#userEditModal .otp-modal-container .timer-text.locked .timer-countdown,#loginModal .otp-modal-container .timer-text.locked .resend-label,#loginModal .otp-modal-container .timer-text.locked .timer-countdown{color:#dc2626;font-weight:700}#otpCheckModal .otp-modal-container .timer-text .resend-label,#userEditModal .otp-modal-container .timer-text .resend-label,#loginModal .otp-modal-container .timer-text .resend-label{font-weight:700;color:#b3bdc6}#otpCheckModal .otp-modal-container .timer-text .timer-countdown,#userEditModal .otp-modal-container .timer-text .timer-countdown,#loginModal .otp-modal-container .timer-text .timer-countdown{font-weight:700;color:#1b75bb;font-size:14px;min-width:40px;text-align:center}#otpCheckModal .otp-modal-container .timer-text:not(:disabled) .resend-label,#userEditModal .otp-modal-container .timer-text:not(:disabled) .resend-label,#loginModal .otp-modal-container .timer-text:not(:disabled) .resend-label{color:#1b75bb}#otpCheckModal .otp-modal-container .timer-text:not(:disabled) .timer-countdown,#userEditModal .otp-modal-container .timer-text:not(:disabled) .timer-countdown,#loginModal .otp-modal-container .timer-text:not(:disabled) .timer-countdown{display:none}#otpCheckModal .otp-modal-container .timer-text:disabled .timer-countdown,#userEditModal .otp-modal-container .timer-text:disabled .timer-countdown,#loginModal .otp-modal-container .timer-text:disabled .timer-countdown{color:#1b75bb;font-weight:700}#otpCheckModal .otp-modal-container .form-container,#userEditModal .otp-modal-container .form-container,#loginModal .otp-modal-container .form-container{padding:24px 20px;border-radius:16px;background-color:#fff;margin-bottom:16px;border:1px solid #EDEEF1}#otpCheckModal .otp-modal-container .form-container .input-field,#userEditModal .otp-modal-container .form-container .input-field,#loginModal .otp-modal-container .form-container .input-field{margin-bottom:16px}#otpCheckModal .otp-modal-container .form-container .input-field.has-error .input-wrapper,#userEditModal .otp-modal-container .form-container .input-field.has-error .input-wrapper,#loginModal .otp-modal-container .form-container .input-field.has-error .input-wrapper{border-color:#dc2626}#otpCheckModal .otp-modal-container .form-container .input-field.has-error .otp-circle,#userEditModal .otp-modal-container .form-container .input-field.has-error .otp-circle,#loginModal .otp-modal-container .form-container .input-field.has-error .otp-circle{border-color:#dc2626;background:#fef2f2}#otpCheckModal .otp-modal-container .form-container .input-field.has-error .otp-circle:focus,#userEditModal .otp-modal-container .form-container .input-field.has-error .otp-circle:focus,#loginModal .otp-modal-container .form-container .input-field.has-error .otp-circle:focus{box-shadow:0 0 0 2px #dc262633}#otpCheckModal .otp-modal-container .form-container .input-wrapper,#userEditModal .otp-modal-container .form-container .input-wrapper,#loginModal .otp-modal-container .form-container .input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border-radius:48px;padding:12px 16px;border:1px solid #E5E7EB;transition:border-color .3s ease}#otpCheckModal .otp-modal-container .form-container .input-wrapper:focus-within,#userEditModal .otp-modal-container .form-container .input-wrapper:focus-within,#loginModal .otp-modal-container .form-container .input-wrapper:focus-within{border-color:#1b75bb}#otpCheckModal .otp-modal-container .form-container .input-icon,#userEditModal .otp-modal-container .form-container .input-icon,#loginModal .otp-modal-container .form-container .input-icon{width:20px;height:20px;margin-left:12px;flex-shrink:0}#otpCheckModal .otp-modal-container .form-container .form-input,#userEditModal .otp-modal-container .form-container .form-input,#loginModal .otp-modal-container .form-container .form-input{border:none;outline:none;background:transparent;width:100%;font-family:Almarai;font-size:14px;color:#1f2937;text-align:center}#otpCheckModal .otp-modal-container .form-container .form-input::-moz-placeholder,#userEditModal .otp-modal-container .form-container .form-input::-moz-placeholder,#loginModal .otp-modal-container .form-container .form-input::-moz-placeholder{color:#9ca3af}#otpCheckModal .otp-modal-container .form-container .form-input::placeholder,#userEditModal .otp-modal-container .form-container .form-input::placeholder,#loginModal .otp-modal-container .form-container .form-input::placeholder{color:#9ca3af}#otpCheckModal .otp-modal-container .otp-circles-container,#userEditModal .otp-modal-container .otp-circles-container,#loginModal .otp-modal-container .otp-circles-container{display:flex;justify-content:center;gap:12px;margin:16px 0;direction:ltr}#otpCheckModal .otp-modal-container .otp-circles-container.verifying .otp-circle,#userEditModal .otp-modal-container .otp-circles-container.verifying .otp-circle,#loginModal .otp-modal-container .otp-circles-container.verifying .otp-circle{opacity:.7;pointer-events:none}#otpCheckModal .otp-modal-container .otp-circles-container.verifying .otp-circle.filled,#userEditModal .otp-modal-container .otp-circles-container.verifying .otp-circle.filled,#loginModal .otp-modal-container .otp-circles-container.verifying .otp-circle.filled{animation:otpPulse 1s infinite}#otpCheckModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle,#userEditModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle,#loginModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle{border-color:#1b75bb;background:#f2f8fd}#otpCheckModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle.filled,#userEditModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle.filled,#loginModal .otp-modal-container .otp-circles-container.auto-verifying .otp-circle.filled{animation:otpAutoVerify 1.5s ease-in-out}#otpCheckModal .otp-modal-container .otp-circles-container.shake,#userEditModal .otp-modal-container .otp-circles-container.shake,#loginModal .otp-modal-container .otp-circles-container.shake{animation:otpShake .5s ease-in-out}#otpCheckModal .otp-modal-container .otp-circle,#userEditModal .otp-modal-container .otp-circle,#loginModal .otp-modal-container .otp-circle{width:56px;height:56px;border-radius:50%;border:1px solid #EDEEF1;background:#fff;font-family:Almarai;font-weight:700;font-size:16px;text-align:center;color:#1b75bb;outline:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#otpCheckModal .otp-modal-container .otp-circle:focus,#otpCheckModal .otp-modal-container .otp-circle.filled,#userEditModal .otp-modal-container .otp-circle:focus,#userEditModal .otp-modal-container .otp-circle.filled,#loginModal .otp-modal-container .otp-circle:focus,#loginModal .otp-modal-container .otp-circle.filled{background:#f2f8fd;border-color:#4fa6e1}#otpCheckModal .otp-modal-container .otp-circle:focus,#userEditModal .otp-modal-container .otp-circle:focus,#loginModal .otp-modal-container .otp-circle:focus{box-shadow:0 0 0 2px #4fa6e133}#otpCheckModal .otp-modal-container .otp-circle.disabled,#userEditModal .otp-modal-container .otp-circle.disabled,#loginModal .otp-modal-container .otp-circle.disabled{opacity:.5;pointer-events:none;background:#f5f5f5;border-color:#d1d5db;color:#9ca3af}#otpCheckModal .otp-modal-container .submit-btn,#userEditModal .otp-modal-container .submit-btn,#loginModal .otp-modal-container .submit-btn{background:#1b75bb;color:#fff;font-family:Almarai;font-weight:700;font-size:16px;line-height:24px;width:100%;border:none;border-radius:48px;padding:16px;cursor:pointer;transition:background-color .3s ease}#otpCheckModal .otp-modal-container .submit-btn:hover,#userEditModal .otp-modal-container .submit-btn:hover,#loginModal .otp-modal-container .submit-btn:hover{background:#155a94}#otpCheckModal .otp-modal-container .submit-btn:disabled,#userEditModal .otp-modal-container .submit-btn:disabled,#loginModal .otp-modal-container .submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}#otpCheckModal .otp-modal-container .submit-btn.loading,#userEditModal .otp-modal-container .submit-btn.loading,#loginModal .otp-modal-container .submit-btn.loading{background:#1b75bb;cursor:not-allowed;position:relative;overflow:hidden}#otpCheckModal .otp-modal-container .submit-btn.loading:after,#userEditModal .otp-modal-container .submit-btn.loading:after,#loginModal .otp-modal-container .submit-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid #FFFFFF;border-radius:50%;animation:otpSpin 1s linear infinite}#otpCheckModal .otp-modal-container .error-message,#userEditModal .otp-modal-container .error-message,#loginModal .otp-modal-container .error-message{display:none;color:#dc2626;font-size:12px;margin-top:4px;text-align:right}#otpCheckModal .otp-modal-container .error-message.show,#userEditModal .otp-modal-container .error-message.show,#loginModal .otp-modal-container .error-message.show{display:block}#otpCheckModal .success-view-container,#userEditModal .success-view-container,#loginModal .success-view-container{padding:20px;text-align:center;border-radius:16px}#otpCheckModal .success-view-container .success-icon,#userEditModal .success-view-container .success-icon,#loginModal .success-view-container .success-icon{margin-bottom:24px}#otpCheckModal .success-view-container .success-icon img,#userEditModal .success-view-container .success-icon img,#loginModal .success-view-container .success-icon img{width:80px;height:80px}#otpCheckModal .success-view-container .success-title,#userEditModal .success-view-container .success-title,#loginModal .success-view-container .success-title{color:#10b981;font-family:Almarai;font-weight:700;font-size:28px;line-height:36px;margin-bottom:12px}#otpCheckModal .success-view-container .success-message,#userEditModal .success-view-container .success-message,#loginModal .success-view-container .success-message{font-family:Almarai;font-weight:400;font-size:16px;line-height:24px;color:#102841;margin:0}#otpCheckModal .success-view-container .success-view-header,#userEditModal .success-view-container .success-view-header,#loginModal .success-view-container .success-view-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}#otpCheckModal .success-view-container .close-button,#userEditModal .success-view-container .close-button,#loginModal .success-view-container .close-button{border:none;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}@media (max-width: 769px){#otpCheckModal .otp-modal-container,#userEditModal .otp-modal-container,#loginModal .otp-modal-container{padding:16px}#otpCheckModal .otp-modal-container .welcome-title,#userEditModal .otp-modal-container .welcome-title,#loginModal .otp-modal-container .welcome-title{font-size:20px;margin-bottom:4px;line-height:30px}#otpCheckModal .otp-modal-container .welcome-subtitle,#userEditModal .otp-modal-container .welcome-subtitle,#loginModal .otp-modal-container .welcome-subtitle{line-height:20px}#otpCheckModal .otp-modal-container .welcome-container,#userEditModal .otp-modal-container .welcome-container,#loginModal .otp-modal-container .welcome-container{margin-bottom:32px}#otpCheckModal .otp-modal-container .form-container,#userEditModal .otp-modal-container .form-container,#loginModal .otp-modal-container .form-container{padding:24px 20px}#otpCheckModal .btn-close,#userEditModal .btn-close,#loginModal .btn-close{top:32px;left:24px}#otpCheckModal .otp-logo,#userEditModal .otp-logo,#loginModal .otp-logo{margin-bottom:32px}#otpCheckModal .otp-circles-container,#userEditModal .otp-circles-container,#loginModal .otp-circles-container{gap:8px}#otpCheckModal .otp-circle,#userEditModal .otp-circle,#loginModal .otp-circle{width:48px;height:48px;font-size:14px}}