.btn-secondary{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:12px 30px;font-size:16px;line-height:1.5;border-radius:6px;transition:all .2s ease;cursor:pointer;text-decoration:none;color:#333;background-color:#f8e600;border-color:#f8e600}.btn-secondary:focus{outline:0;box-shadow:0 0 0 3px #007bff1a}.btn-secondary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary:hover:not(:disabled){color:#fff;background-color:#78358f;border-color:#5a2a6b;transform:translateY(-1px)}#sogo-login-app-root a{font-weight:500;color:#646cff;text-decoration:inherit}#sogo-login-app-root a:hover{color:#535bf2}#sogo-login-app-root body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}#sogo-login-app-root h1{font-size:36px;line-height:1.2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}#root a:hover{color:#747bff}#root button{background-color:#f9f9f9}}#sogo-login-app-root *{box-sizing:border-box}#sogo-login-app-root body{margin:0;font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;background-color:#f8f9fa}#sogo-login-app-root .welcome-section{padding:60px 40px;text-align:center;max-width:500px;width:100%}#sogo-login-app-root .welcome-section h1{margin:0 0 15px;font-size:32px;font-weight:700;color:#333;line-height:1.2}#sogo-login-app-root .welcome-section p{margin:0 0 30px;font-size:16px;color:#666;line-height:1.5}#sogo-login-app-root .login-btn{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;font-size:16px;line-height:1.5;border-radius:6px;transition:all .2s ease;cursor:pointer;text-decoration:none;color:#fff;background-color:#78358f;border-color:#78358f;background:linear-gradient(135deg,#78358f,#5a2a6b);padding:15px 40px;font-size:18px;font-weight:600;box-shadow:0 4px 15px #007bff4d}#sogo-login-app-root .login-btn:focus{outline:0;box-shadow:0 0 0 3px #007bff1a}#sogo-login-app-root .login-btn:disabled{opacity:.65;cursor:not-allowed}#sogo-login-app-root .login-btn:hover:not(:disabled){background-color:#5a2a6b;border-color:#5a2a6b;transform:translateY(-1px)}#sogo-login-app-root .login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}#sogo-login-app-root .login-btn:active{transform:translateY(0)}#sogo-login-app-root .hidden{display:none!important}#sogo-login-app-root .text-center{text-align:center}#sogo-login-app-root .text-right{text-align:right}#sogo-login-app-root .text-left{text-align:left}.login-step{margin-bottom:200px}@media (min-width: 768px){.login-step{margin-bottom:100px}}.login-step .header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid c #eee}.login-step .modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.login-step .checkbox label{font-size:14px;color:#222;cursor:pointer;display:flex;align-items:center;gap:6px}.login-step .form-group{margin-bottom:20px}.login-step .form-group:last-of-type{margin-bottom:25px}.login-step .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.login-step .form-control{display:block;width:100%;padding:12px 15px;font-size:16px;line-height:1.5;color:#343a40;background-color:#fff;background-clip:padding-box;border:2px solid #ddd;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease;direction:rtl}.login-step .form-control:focus{outline:none;border-color:#78358f;box-shadow:0 0 0 3px #007bff1a}.login-step .form-control::placeholder{color:#999;opacity:1}.login-step .password-input-wrapper{position:relative}.login-step .password-toggle{display:flex;position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#666;padding:5px;border-radius:4px;transition:background-color .2s ease}.login-step .password-toggle:hover{background-color:#f5f5f5}.user-selection .total-users{color:#666;font-size:12px;font-weight:400;margin-bottom:8px}.user-selection .header-section{text-align:center;margin-bottom:24px}.user-selection .header-section .title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4}.user-selection .header-section .subtitle{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.user-selection .users-list{display:flex;flex-direction:column;gap:8px}.user-selection .user-item{display:flex;justify-content:space-between;padding:10px;margin:0;border-radius:5px;border:1px solid #EFEFEF;background-color:#fff;cursor:pointer;transition:background-color .2s ease}.user-selection .user-item:hover,.user-selection .user-item:focus-within{background-color:#f8f9fa}.user-selection .user-item.selected{border-color:#78358f}.user-selection .user-item.locked{background-color:#f8f9fa;border-color:#efefef;color:#8f8f8f;cursor:not-allowed}.user-selection .user-item.locked input{pointer-events:none}.user-selection .user-item .user-info{flex:1;display:flex;flex-direction:column}.user-selection .user-item .user-info .user-name{font-weight:600;font-size:16px;color:#333;margin-bottom:8px}.user-selection .user-item .user-info .user-details{display:flex;flex-direction:column}.user-selection .user-item .user-info .user-details .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.user-selection .user-item .user-info .user-details .detail-row:last-child{margin-bottom:0}.user-selection .user-item .user-info .user-details .detail-row .label{font-size:14px;color:#666;font-weight:400}.user-selection .user-item .user-info .user-details .detail-row .value{font-size:14px;color:#333;font-weight:500;direction:ltr}.user-selection .user-item .user-locked{color:#e90808;font-size:14px;margin-top:10px}.user-selection .user-item .radio-input{width:20px;height:20px;margin-left:16px;cursor:pointer;accent-color:#78358f}.verification-form .header-wrapper{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.verification-form .header-wrapper .modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.verification-form .header-wrapper .btn-back{padding:5px 15px;font-size:14px;align-self:flex-end}.verification-form .verification-info{background-color:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px;text-align:center;border:1px solid #e9ecef}.verification-form .verification-info p{margin:0 0 5px;color:#666;font-size:14px}.verification-form .verification-info strong{color:#333;font-weight:600;font-size:16px;direction:ltr;display:block}.verification-form .form-group{margin-bottom:20px}.verification-form .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.verification-form .form-control{display:block;width:100%;padding:12px 15px;font-size:16px;line-height:1.5;color:#343a40;background-color:#fff;background-clip:padding-box;border:2px solid #ddd;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease;direction:rtl}.verification-form .form-control:focus{outline:none;border-color:#78358f;box-shadow:0 0 0 3px #007bff1a}.verification-form .form-control::placeholder{color:#999;opacity:1}.verification-form .verification-input{text-align:center;font-size:18px;letter-spacing:2px;font-weight:600;height:60px}.verification-form .verification-input::placeholder{letter-spacing:normal;font-weight:400}.verification-form .form-actions{display:flex;justify-content:flex-end;margin-bottom:15px}.verification-form .btn-verify{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1.5;border-radius:6px;transition:all .2s ease;cursor:pointer;text-decoration:none;color:#333;background-color:#f8e600;border-color:#f8e600;background-color:#2196f3;color:#fff;padding:10px 30px;font-size:16px;font-weight:600;min-width:120px}.verification-form .btn-verify:focus{outline:0;box-shadow:0 0 0 3px #007bff1a}.verification-form .btn-verify:disabled{opacity:.65;cursor:not-allowed}.verification-form .btn-verify:hover:not(:disabled){color:#fff;background-color:#78358f;border-color:#5a2a6b;transform:translateY(-1px)}.verification-form .btn-verify:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.verification-form .btn-verify:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.verification-form .error-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;border-radius:6px;border:1px solid #f5c6cb;font-size:14px;margin-top:15px;text-align:center}.verification-form .verification-controls{margin-top:20px;text-align:center}.verification-form .timer-info{margin-bottom:15px}.verification-form .timer-info p{margin:5px 0;color:#666;font-size:14px}.verification-form .timer-info .timer{font-weight:600;font-family:monospace;display:inline-block}.verification-form .attempts-info p{color:#666;font-size:14px;margin:5px 0}.verification-form .btn-resend{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;font-size:16px;line-height:1.5;text-decoration:none;color:#333;background-color:#f8e600;border-color:#f8e600;background-color:transparent;color:#2196f3;border:1px solid #2196f3;padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.verification-form .btn-resend:focus{outline:0;box-shadow:0 0 0 3px #007bff1a}.verification-form .btn-resend:disabled{opacity:.65;cursor:not-allowed}.verification-form .btn-resend:hover:not(:disabled){color:#fff;background-color:#78358f;border-color:#5a2a6b;transform:translateY(-1px)}.verification-form .btn-resend:hover:not(:disabled){background-color:#2196f3;color:#fff;transform:translateY(-1px)}.verification-form .btn-resend:disabled{background-color:#f5f5f5;color:#ccc;border-color:#ccc;cursor:not-allowed;transform:none}@media (max-width: 768px){.verification-form .verification-info{padding:10px}.verification-form .verification-input{font-size:16px;height:50px}.verification-form .verification-controls{margin-top:15px}.verification-form .timer-info{margin-bottom:10px}.verification-form .btn-resend{padding:5px 15px}}.custom-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1050;direction:rtl}.modal-dialog{position:relative;width:90%;max-width:650px;margin:auto}.modal-body{padding:15px}@media (min-width: 768px){.modal-body{padding:15px 20px}}.modal-body .close{z-index:1;position:relative}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1060}.loader-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #78358f;border-radius:50%;animation:spin 1s linear infinite}.step-header{margin-top:15px;margin-bottom:30px}.step-header .step-title{font-size:18px;font-weight:700;color:#222}.step-header .step-description{margin-top:5px;font-size:14px;color:#222}.step-component{max-height:400px;overflow-y:auto}.step-message{background-color:#f8d7da;color:#721c24;padding:10px 15px;border-radius:6px;border:1px solid #f5c6cb;font-size:14px;margin-top:15px;text-align:center}.step-footer{margin-top:30px}.step-footer .footer-content{display:flex;justify-content:space-between;align-items:center}.step-footer .footer-buttons-container,.step-footer .footer-buttons-container .footer-buttons{display:flex;gap:10px;align-items:center}.step-footer .footer-buttons-container .footer-buttons .verification-buttons{display:flex;gap:5px}.step-footer .step-counter{font-size:14px;color:#8f8f8f;font-weight:400}.step-footer .btn{padding:10px 15px;border-radius:6px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.step-footer .btn:disabled{opacity:.6;cursor:not-allowed}.step-footer .btn.btn-primary{background:#78358f;color:#fff}.step-footer .btn.btn-secondary{background:#6c757d;color:#fff}.step-footer .btn.btn-sms{background:#28a745;color:#fff}.step-footer .btn.btn-email{background:#007bff;color:#fff}
