:root{--primary: #042E2D;--primary-dark: #065452;--primary-light: #FFFADE;--accent: #E1C091;--text-dark: #042E2D;--text-muted: #888888;--bg-light: #F9F9F9;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background:var(--white);font-family:Noto Kufi Arabic,Outfit,sans-serif}.auth-container{min-height:100vh;display:flex;align-items:stretch}.auth-wrapper-left{background:url(/build/assets/sign-in-bg-DdqssWNp.jpeg) no-repeat center center / cover;min-height:100vh;position:relative;overflow:hidden}.auth-wrapper-right{background:#f4f7f6;display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:100vh}.auth-form-card{width:100%;max-width:480px;background:var(--white);padding:45px 50px;border-radius:24px;box-shadow:0 10px 40px #002e2d14;position:relative;z-index:10}.auth-header{margin-bottom:35px;text-align:center}.auth-header h2{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:8px;letter-spacing:-.5px}.auth-header p{color:var(--text-muted);font-size:15px;font-weight:500}.auth-badge{display:inline-block;background:#e6f2f1;color:var(--primary);padding:6px 14px;border-radius:30px;font-size:12px;font-weight:700;margin-top:15px;border:none}.form-group{margin-bottom:22px}.form-label{display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--primary);text-align:start}.form-input-wrap{position:relative;width:100%}.form-control,input.form-control{width:100%;height:50px;border:1.5px solid #edf2f2;border-radius:14px;background:#f9fbfb;font-size:15px;transition:all .3s ease}input[type=password]{padding-right:50px!important}[dir=rtl] input[type=password]{padding-left:50px!important;padding-right:20px!important}.form-control:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #042e2d0d}.password-toggle{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#b0bec5;transition:all .2s;z-index:10;padding:10px;display:flex;align-items:center;justify-content:center}[dir=rtl] .password-toggle{left:10px;right:auto}[dir=ltr] .password-toggle{right:10px;left:auto}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-5px;margin-bottom:30px;font-size:14px}.remember-me{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-weight:500}.captcha-container{background:#f9fbfb;border:1.5px solid #edf2f2;padding:15px;border-radius:14px;display:flex;align-items:center;gap:15px;margin-bottom:35px}.captcha-input{flex:1}.captcha-input .form-control{background:var(--white);border-color:#eee;height:44px}.captcha-image-wrap{display:flex;align-items:center;gap:12px;padding-left:10px;border-left:1px solid #eee}[dir=rtl] .captcha-image-wrap{border-left:none;border-right:1px solid #eee;padding-left:0;padding-right:10px}.btn-auth{width:100%;height:54px;background:var(--primary);color:var(--white);border:none;border-radius:14px;font-size:17px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #042e2d26}.btn-auth:hover{background:#032322;transform:translateY(-2px);box-shadow:0 12px 25px #042e2d33}.btn-auth:active{transform:translateY(0)}.btn-auth:disabled,.btn-auth[aria-busy=true]{cursor:not-allowed;opacity:.7;transform:none}.btn-auth:disabled:hover,.btn-auth[aria-busy=true]:hover{transform:none}.auth-register-prompt-alert{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;color:#5a4200;background:#fff3cd;border-color:#ffe69c}.auth-register-prompt-link{color:#5a4200;font-size:12px;font-weight:800;text-decoration:underline}.auth-register-prompt-link:hover{color:#3d2d00}.login-method-tabs{display:flex;gap:8px;padding:6px;margin-bottom:24px;background:#eef2f2;border-radius:16px}.login-method-tab{flex:1;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:#6e8585;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease}.login-method-tab.active{background:var(--white);color:var(--primary);box-shadow:0 4px 12px #042e2d1f}.firebase-phone-consent{margin-top:-10px;margin-bottom:18px;color:var(--text-muted);font-size:12px;line-height:1.7;text-align:start}.auth-action-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:12px;font-weight:600;text-align:center}.auth-action-divider:before,.auth-action-divider:after{content:"";flex:1;height:1px;background:#edf2f2}.auth-register-action{margin-bottom:12px}.btn-auth-register{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:12px 20px;color:var(--primary);border:1.5px solid rgba(4,46,45,.22);border-radius:14px;font-size:14px;font-weight:800;position:relative;overflow:hidden;text-decoration:none!important;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.btn-auth-register:before{content:"";position:absolute;inset:0;z-index:0;background:var(--primary);opacity:0;pointer-events:none;transition:opacity .5s ease}.btn-auth-register:hover:before{opacity:1}.btn-auth-register:hover{color:var(--white);border-color:var(--primary);box-shadow:0 10px 20px #042e2d24;transform:translateY(-2px)}.btn-auth-register>*{position:relative;z-index:1}.btn-auth-register:active{transform:translateY(0)}.auth-lang-toggle{position:absolute;top:30px;left:30px;z-index:100;display:flex;background:#eef2f2;padding:4px;border-radius:50px;box-shadow:inset 0 2px 4px #0000000d}.lang-btn{padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);color:#88a0a0;display:block}.lang-btn:hover{color:var(--primary)}.lang-btn.active{background:var(--white);color:var(--primary)!important;box-shadow:0 4px 10px #042e2d26}[dir=rtl] .auth-lang-toggle{left:auto;right:30px}.nice-select{height:50px!important;line-height:48px!important;border-radius:14px!important;background-color:#f9fbfb!important;border:1.5px solid #edf2f2!important;float:none!important;width:100%;padding-right:20px!important;padding-left:20px!important;font-size:15px!important;color:var(--primary)!important;font-weight:500!important;text-align:right!important;display:flex!important;align-items:center!important}[dir=ltr] .nice-select{text-align:left!important}.nice-select:after{border-bottom:2px solid #999!important;border-right:2px solid #999!important;content:""!important;display:block!important;height:8px!important;width:8px!important;transition:all .15s ease-in-out!important;pointer-events:none!important}[dir=rtl] .nice-select:after{right:auto!important;left:15px!important}[dir=ltr] .nice-select:after{right:15px!important;left:auto!important}.nice-select.open:after{transform:rotate(-135deg)!important}.nice-select .list{width:100%!important;border-radius:12px!important;box-shadow:0 4px 20px #002e2d1f!important;border:1px solid #edf2f2!important;margin-top:5px!important;max-height:250px!important;overflow-y:auto!important;z-index:99!important}.nice-select .option{line-height:45px!important;min-height:45px!important;font-size:15px!important;text-align:start!important;padding-right:20px!important;padding-left:20px!important;transition:all .2s ease!important}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f0f7f6!important;color:var(--primary)!important}@media(max-width:576px){.auth-lang-toggle{top:20px;left:20px}[dir=rtl] .auth-lang-toggle{right:20px;left:auto}}.auth-form-card .form-group{display:block;width:100%;margin-bottom:25px}.grid-group{margin-bottom:20px!important}.iti{width:100%}.iti__selected-flag{border-radius:14px!important}@media(max-width:992px){.auth-wrapper-left{display:none}.auth-wrapper-right{width:100%;background:#f4f7f6}}@media(max-width:576px){.auth-wrapper-right{padding:60px 15px 40px;background:var(--white)}.auth-form-card{padding:30px 20px;box-shadow:none;border:none;margin-top:10px}.auth-header h2{font-size:26px}.captcha-container{flex-direction:column;align-items:stretch;padding:20px}.captcha-image-wrap{border:none;padding:10px 0 0;justify-content:space-between}}.iti__country-list{left:2px}[dir=rtl] .form-control,[dir=rtl] input.form-control,[dir=rtl] select.form-control{text-align:right;direction:rtl}[dir=rtl] .form-control::placeholder{text-align:right}[dir=rtl] .text-danger{text-align:right;display:block}[dir=rtl] .alert-danger{text-align:right;direction:rtl}[dir=rtl] .auth-register-prompt-alert{direction:rtl}[dir=rtl] .form-group{text-align:right}[dir=rtl] .form-options,[dir=rtl] .remember-me{direction:rtl}[dir=rtl] .auth-container .row{flex-direction:row-reverse}[dir=rtl] .iti{direction:ltr}[dir=rtl] .iti .form-control{text-align:left}[dir=rtl] .iti__country-list{left:auto;right:2px;text-align:right}[dir=rtl] .btn-auth,[dir=rtl] .row.no-gutters{direction:rtl}body.auth-page--login-dark{--login-dark-screen: var(--color-spring-green-6, #0B1411);--login-dark-surface: var(--color-spring-green-1450, #1D2B2680);--login-dark-surface-border: var(--color-spring-green-1850, #27353080);--login-dark-input: var(--color-spring-green-1850, #27353080);--login-dark-input-border: var(--color-spring-green-18, #253731);--login-gold-start: #E3CDAB;--login-gold-mid: #CEAE7E;--login-gold-end: #B38A4D;--primary: var(--login-gold-mid);--text-muted: #7D8D86;background:linear-gradient(0deg,var(--color-grey-7, #121212),var(--color-grey-7, #121212)),linear-gradient(0deg,var(--login-dark-screen),var(--login-dark-screen)),linear-gradient(0deg,var(--login-dark-screen),var(--login-dark-screen))}.auth-page--login-dark .auth-container{min-height:100vh;background:linear-gradient(0deg,var(--color-grey-7, #121212),var(--color-grey-7, #121212)),linear-gradient(0deg,var(--login-dark-screen),var(--login-dark-screen)),linear-gradient(0deg,var(--login-dark-screen),var(--login-dark-screen))}.auth-page--login-dark .auth-container .row{min-height:100vh;background:var(--login-dark-screen)}.auth-page--login-dark .auth-wrapper-left{display:none!important}.auth-page--login-dark .auth-wrapper-right{flex:0 0 100%;max-width:100%;min-height:100vh;width:100%;padding:48px 20px;background:transparent;flex-direction:column}.auth-page--login-dark .auth-form-card{max-width:410px;padding:28px 24px 24px;background:var(--login-dark-surface);border:0;border-top:1px solid var(--login-dark-surface-border);border-radius:10px;box-shadow:none}.auth-page--login-dark .auth-header{margin-bottom:24px}.auth-page--login-dark .auth-header-outside{margin-bottom:22px}.auth-page--login-dark .auth-header-logo{display:block;max-width:70px;margin:0 auto 14px;object-fit:contain}.auth-page--login-dark .auth-header h2{margin-bottom:6px;color:#e8ece9;font-size:24px;font-weight:800;letter-spacing:0}.auth-page--login-dark .auth-header p{margin-bottom:0;color:#7d8d86;font-size:13px}.auth-page--login-dark .auth-badge{display:none}.auth-page--login-dark .form-group,.auth-page--login-dark .auth-form-card .form-group{margin-bottom:14px}.auth-page--login-dark .form-label{margin-bottom:8px;color:#c6cec9;font-size:12px;font-weight:700}.auth-page--login-dark .form-control,.auth-page--login-dark input.form-control{height:48px;color:#e8ece9;background:var(--login-dark-input);border:1px solid transparent;border-top:1px solid var(--login-dark-input-border);border-radius:9px;box-shadow:none}.auth-page--login-dark .form-control::placeholder{color:#71837b}.auth-page--login-dark .form-control:focus{color:#e8ece9;background:var(--login-dark-input);border-color:#ceae7e59;border-top-color:var(--login-gold-mid);box-shadow:0 0 0 3px #ceae7e1f}.auth-page--login-dark .btn-auth{height:50px;margin-top:2px;color:var(--login-dark-screen);background:linear-gradient(98.01deg,var(--login-gold-start) 0%,var(--login-gold-mid) 50%,var(--login-gold-end) 100%);border:0;border-radius:9px;box-shadow:none}.auth-page--login-dark .btn-auth:hover{color:var(--login-dark-screen);background:linear-gradient(98.01deg,var(--login-gold-start) 0%,var(--login-gold-mid) 45%,var(--login-gold-end) 100%);box-shadow:0 10px 24px #b38a4d2e}.auth-page--login-dark .login-method-tabs{margin-bottom:18px;background:#27353059;border-top:1px solid var(--login-dark-input-border);border-radius:10px}.auth-page--login-dark .login-method-tab{color:#7d8d86;border-radius:8px}.auth-page--login-dark .login-method-tab.active{color:var(--login-dark-screen);background:linear-gradient(98.01deg,var(--login-gold-start) 0%,var(--login-gold-mid) 50%,var(--login-gold-end) 100%);box-shadow:none}.auth-page--login-dark .firebase-phone-consent,.auth-page--login-dark .remember-me,.auth-page--login-dark .form-options,.auth-page--login-dark .form-options p{color:#7d8d86!important}.auth-page--login-dark .form-options a{color:var(--login-gold-mid)!important}.auth-page--login-dark .auth-action-divider{margin:18px 0;color:#7d8d86}.auth-page--login-dark .auth-action-divider:before,.auth-page--login-dark .auth-action-divider:after{background:#ceae7e2e}.auth-page--login-dark .auth-register-action{margin-bottom:12px}.auth-page--login-dark .btn-auth-register{min-height:48px;color:var(--login-gold-mid);background:transparent;border:1px solid rgba(206,174,126,.46);border-top:1px solid rgba(227,205,171,.55);border-radius:9px}.auth-page--login-dark .btn-auth-register:before{background:linear-gradient(98.01deg,var(--login-gold-start) 0%,var(--login-gold-mid) 50%,var(--login-gold-end) 100%)}.auth-page--login-dark .btn-auth-register:hover{color:var(--login-dark-screen);border-color:transparent;box-shadow:0 12px 24px #b38a4d29;transform:translateY(-2px)}.auth-page--login-dark .password-toggle,.auth-page--login-dark .refresh-captcha{color:#9aa79f}.auth-page--login-dark .captcha-container{margin-bottom:18px;background:#27353061;border:1px solid transparent;border-top:1px solid var(--login-dark-input-border);border-radius:9px}.auth-page--login-dark .captcha-input .form-control{background:var(--login-dark-input);border-top-color:var(--login-dark-input-border)}.auth-page--login-dark .captcha-image-wrap{border-left-color:#ceae7e29}[dir=rtl] .auth-page--login-dark .captcha-image-wrap{border-right-color:#ceae7e29}.auth-page--login-dark .alert-danger{color:#f4b8b8!important;background:#9b323229;border-color:#f4b8b842}.auth-page--login-dark .auth-register-prompt-alert{color:#3a2a04;background:#ceae7e;border-color:#ceae7e}.auth-page--login-dark .auth-register-prompt-link{color:#3a2a04}.auth-page--login-dark .auth-register-prompt-link:hover{color:#151004}.auth-page--login-dark .alert-success{color:#cfebdd;background:#37805929;border-color:#cfebdd3d}.auth-page--login-dark .auth-lang-toggle{background:#2735308c;box-shadow:none}.auth-page--login-dark .lang-btn{color:#7d8d86}.auth-page--login-dark .lang-btn.active{color:var(--login-dark-screen)!important;background:linear-gradient(98.01deg,var(--login-gold-start) 0%,var(--login-gold-mid) 50%,var(--login-gold-end) 100%);box-shadow:none}.auth-page--login-dark .lang-btn:not(.active):hover{color:#c6cec9;background:var(--login-dark-input);box-shadow:none}.auth-page--login-dark .iti{color:#e8ece9}.auth-page--login-dark .iti--separate-dial-code .iti__selected-flag{background:#273530b8;border-radius:9px 0 0 9px!important;border-top:1px solid var(--login-dark-input-border)}.iti.iti--allow-dropdown.iti--separate-dial-code{display:flex;flex-direction:row;gap:10px}.iti__flag-container{position:static!important}.iti.iti--allow-dropdown.iti--separate-dial-code input{padding:0 20px!important}[dir=rtl] .iti.iti--allow-dropdown.iti--separate-dial-code input::placeholder{text-align:end!important}.auth-page--login-dark .iti--separate-dial-code .iti__selected-flag{border-radius:9px!important}.auth-page--login-dark .iti__selected-dial-code,.auth-page--login-dark .iti__arrow{color:#c6cec9}.auth-page--login-dark .iti__country-list{color:#e8ece9;background:#16221d;border-color:#ceae7e38;box-shadow:0 16px 32px #00000047}.auth-page--login-dark .iti__country.iti__highlight,.auth-page--login-dark .iti__country:hover{color:var(--login-dark-screen);background:var(--login-gold-mid)}.otp-code-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.otp-code-cell{min-height:52px;padding:0;text-align:center;font-size:1.2rem;font-weight:700;letter-spacing:.02em}.otp-code-cell::placeholder{color:transparent}.auth-page--login-dark .otp-code-cell{color:#f4f1ea;background:#273530b8;border:1px solid var(--login-dark-input-border);box-shadow:none}.auth-page--login-dark .otp-code-cell:focus{color:#f8f4ec;background:#1f2d28e6;border-color:#ceae7ebf;box-shadow:0 0 0 .2rem #ceae7e2e}@media(max-width:576px){.otp-code-group{gap:8px}.otp-code-cell{min-height:48px;font-size:1.05rem}.auth-page--login-dark .auth-wrapper-right{padding:70px 16px 36px;background:transparent}.auth-page--login-dark .auth-form-card{padding:26px 18px 22px;border-top:1px solid var(--login-dark-surface-border);box-shadow:none}}
