.fw-auth-shell { text-align:start; width:100%; min-height:100dvh; display:grid; grid-template-columns:minmax(320px,.95fr) minmax(400px,1.05fr); background:#f4f8f7; color:#183b42; }
.fw-auth-shell .fw-auth-story { display:flex; flex-direction:column; max-width:none; min-width:0; padding:48px clamp(30px,5vw,80px); color:#fff; background:#12343d; position:relative; overflow:hidden; }
.fw-auth-brand { align-self:flex-start; display:inline-flex; padding:8px 0; margin-bottom:60px; }
.fw-auth-brand img { max-width:165px; max-height:55px; object-fit:contain; }
.fw-auth-story-copy { max-width:480px; position:relative; z-index:1; }
.fw-auth-eyebrow { display:block; color:#87c8ba; font-size:10px; font-weight:750; letter-spacing:.15em; }
.fw-auth-shell .fw-auth-story h1 { font-size:clamp(32px,3.5vw,54px); line-height:1.24; letter-spacing:-.04em; margin:20px 0; color:#fff; font-weight:750; }
.fw-auth-shell .fw-auth-story p { font-size:14px; line-height:1.95; color:#a9c5c8; max-width:420px; margin:0; }
.fw-auth-story-footer { display:flex; flex-wrap:wrap; gap:20px; color:#a9c7ca; margin-top:auto; padding-top:45px; font-size:11px; }
.fw-auth-story-footer span { display:inline-flex; align-items:center; gap:7px; }
.fw-auth-story-footer i { font-size:19px; color:#81bdaf; }
.fw-auth-illustration { width:100%; max-width:410px; margin:44px 0 35px; padding:14px; background:#eaf3f0; border:1px solid #ffffff25; border-radius:18px; box-shadow:0 30px 60px #031b2240; transform:rotate(-3deg); position:relative; }
[dir=rtl] .fw-auth-illustration { transform:rotate(3deg); }
.fw-auth-demo-nav { display:flex; align-items:center; gap:5px; padding:0 0 11px; }
.fw-auth-demo-nav > span { width:5px; height:5px; border-radius:50%; background:#aac7bb; }
.fw-auth-demo-nav b { font-size:9px; margin-inline-start:auto; color:#3d7468; letter-spacing:.06em; }
.fw-auth-demo-body { display:grid; grid-template-columns:28% 72%; min-height:200px; background:#fff; border-radius:9px; overflow:hidden; }
.fw-auth-demo-inbox { padding:17px 12px; border-inline-end:1px solid #e6efea; color:#367e6b; }
.fw-auth-demo-inbox > i { font-size:22px; display:block; margin-bottom:23px; }
.fw-auth-demo-inbox > span { display:block; height:12px; border-radius:4px; margin-bottom:17px; background:#e1eee6; }
.fw-auth-demo-inbox > span:nth-child(3) { width:80%; background:#eff5f1; }
.fw-auth-demo-chat { padding:16px; }
.fw-auth-demo-contact { display:flex; align-items:center; gap:7px; margin-bottom:20px; color:#599785; }
.fw-auth-demo-contact i { font-size:24px; }
.fw-auth-demo-contact span { height:7px; width:60%; border-radius:5px; background:#d9e9df; }
.fw-auth-demo-bubble { background:#edf4ee; padding:10px; border-radius:9px 9px 9px 2px; width:80%; margin-bottom:12px; }
.fw-auth-demo-bubble span { display:block; width:85%; height:4px; background:#c6dacd; border-radius:5px; margin-bottom:5px; }
.fw-auth-demo-bubble span:last-child { width:58%; margin:0; }
.fw-auth-demo-reply { margin-inline-start:auto; background:#d8f0e1; border-radius:9px 9px 2px 9px; }
.fw-auth-demo-compose { display:flex; align-items:center; gap:12px; margin-top:22px; }
.fw-auth-demo-compose span { height:17px; flex:1; border-radius:6px; border:1px solid #dfeae3; }
.fw-auth-demo-compose i { display:grid; place-items:center; width:24px; height:24px; background:#228975; color:#fff; font-size:12px; border-radius:50%; }
.fw-auth-demo-badge { position:absolute; bottom:-18px; inset-inline-end:-18px; display:flex; align-items:center; gap:7px; background:#fff; color:#2b6c5d; padding:12px 16px; border-radius:12px; font-size:10px; box-shadow:0 9px 24px #102b292b; transform:rotate(3deg); }
[dir=rtl] .fw-auth-demo-badge { transform:rotate(-3deg); }
.fw-auth-demo-badge i { font-size:20px; color:#29a280; }
.fw-auth-stage { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:44px 32px; min-width:0; }
.fw-auth-shell .fw-auth-card { flex:none; width:100%; min-width:0; max-width:520px; padding:36px 38px!important; margin:0!important; color:#183b42; background:#fff; border:1px solid #deebe7; border-radius:24px; box-shadow:0 20px 65px #123a3607; overflow:visible; }
.fw-auth-mobile-brand { display:none; }
.fw-auth-tabs { display:flex; gap:4px; padding:4px; border-radius:11px; background:#f0f6f3; margin-bottom:29px; }
.fw-auth-tabs a { flex:1; text-align:center; padding:9px 12px; font-size:12px; line-height:1.6; color:#7c9189; border-radius:8px; text-decoration:none; font-weight:650; }
.fw-auth-tabs .is-active { color:#167764; background:#fff; box-shadow:0 2px 6px #224d4010; }
.fw-auth-step { display:block; font-size:10px; letter-spacing:.08em; color:#2b917b; font-weight:750; margin-bottom:10px; }
.fw-auth-heading { margin-bottom:26px; }
.fw-auth-heading h2 { font-size:28px; line-height:1.4; color:inherit; letter-spacing:-.025em; margin:0 0 9px; font-weight:750; }
.fw-auth-heading p { font-size:13px; line-height:1.8; color:#82938c; margin:0; }
.fw-auth-social { display:flex; gap:10px; }
.fw-auth-social:empty { display:none; }
.fw-auth-social .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:1; background:#fff; border:1px solid #dfe9e4; border-radius:10px; min-height:44px; color:#42695d; font-size:12px; }
.fw-auth-social i { font-size:20px; }
.fw-auth-divider { display:flex; align-items:center; gap:12px; margin:20px 0; font-size:10px; color:#93a29b; }
.fw-auth-divider:before,.fw-auth-divider:after { content:""; flex:1; border-top:1px solid #e7eeea; }
.fw-auth-form { margin:0; }
.fw-auth-fieldset { padding:0; margin:0 0 8px; border:0; min-width:0; }
.fw-auth-fieldset legend { width:100%; padding:0 0 11px; margin-bottom:17px; font-size:11px; font-weight:700; color:#6f8b7f; border-bottom:1px solid #e5eee8; }
.fw-auth-field { margin-bottom:19px; min-width:0; }
.fw-auth-shell .fw-auth-field > label,.fw-auth-field-heading label { font-size:12px; line-height:1.6; font-weight:650; margin:0 0 8px; color:#345f50; }
.fw-auth-field-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.fw-auth-field-heading a { font-size:11px; color:#35917b; text-align:end; }
.fw-auth-field .form-control { width:100%; min-width:0; height:46px; padding:10px 13px; border:1px solid #d6e5db; color:#24483d; background:#fff; border-radius:10px; box-shadow:none; font-size:14px; line-height:1.5; }
.fw-auth-field .form-control:focus { outline:0; border-color:#48a68c; box-shadow:0 0 0 3px #24896e15; }
.fw-auth-field .form-control::placeholder { color:#a3b4aa; }
.fw-auth-field input[type=email] { direction:ltr; text-align:start; }
.fw-auth-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
.fw-auth-staff-option { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 14px; border-radius:11px; border:1px solid #e0ebe5; background:#f8fbf9; margin-bottom:23px; cursor:pointer; }
.fw-auth-staff-option > span { min-width:0; }
.fw-auth-staff-option b { display:flex; align-items:center; gap:7px; color:#526f61; font-size:12px; font-weight:600; }
.fw-auth-staff-option b i { color:#3a997f; font-size:19px; }
.fw-auth-staff-option small { color:#91a096; font-size:10px; line-height:1.65; display:block; margin-top:4px; }
.fw-auth-staff-option input { appearance:none; -webkit-appearance:none; flex:0 0 42px; width:42px; height:24px; margin:0; border:1px solid #ceded3; background:#dce8df; border-radius:20px; position:relative; cursor:pointer; }
.fw-auth-staff-option input:before { content:""; position:absolute; inset-inline-start:3px; top:3px; height:16px; width:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #32634926; transition:transform .15s; }
.fw-auth-staff-option input:checked { background:#228b72; border-color:#228b72; }
.fw-auth-staff-option input:checked:before { transform:translateX(18px); }
[dir=rtl] .fw-auth-staff-option input:checked:before { transform:translateX(-18px); }
.fw-auth-check { display:flex; align-items:center; gap:9px; font-size:12px!important; color:#718777; margin-bottom:23px; cursor:pointer; }
.fw-auth-check input { height:17px; width:17px; margin:0; accent-color:#218b72; }
.fw-auth-submit { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:46px; padding:12px 16px; border:1px solid #168477; border-radius:11px; background:#168477; color:#fff; font-size:13px; font-weight:650; box-shadow:0 6px 12px #16847718; }
.fw-auth-submit:hover { color:#fff; background:#126f61; border-color:#126f61; }
.fw-auth-submit i { font-size:18px; }
.fw-auth-switch-link { margin:20px 0 0; text-align:center; color:#82998a; font-size:11px; line-height:1.8; }
.fw-auth-switch-link a { color:#288e71; font-weight:650; }
.fw-auth-back,.fw-auth-signin-back { display:inline-flex; align-items:center; justify-content:center; gap:7px; color:#8a9d92; font-size:10px; text-decoration:none; }
.fw-auth-back { display:flex; margin-top:30px; }
.fw-auth-signin-back { color:#318970; margin-bottom:25px; font-size:12px; }
.fw-auth-stage-footer { font-size:10px; text-align:center; color:#92a399; margin:20px 0 0; }
.fw-auth-password { position:relative; }
.fw-auth-password input { padding-inline-end:45px!important; }
.fw-auth-password button { position:absolute; inset-inline-end:4px; top:4px; width:38px; height:38px; border:0; border-radius:8px; background:transparent; color:#829e8d; cursor:pointer; font-size:20px; }
.fw-auth-password button:hover { color:#168477; background:#f0f7f1; }
.fw-auth-recovery-mark { display:grid; place-items:center; width:60px; height:60px; color:#329077; background:#e8f5ed; border:1px solid #d6e9dd; border-radius:18px; font-size:31px; margin:0 0 25px; }
.fw-auth-confirm { padding:24px 18px; background:#eff8f2; border:1px solid #d9eade; border-radius:16px; text-align:center; color:#3d7660; }
.fw-auth-confirm > i { display:block; font-size:42px; color:#409a79; margin:4px 0 17px; }
.fw-auth-confirm h3 { font-size:20px; margin-bottom:12px; }
.fw-auth-confirm p { font-size:13px; line-height:1.9; margin-bottom:22px; }
.fw-auth-panel .alert { border:1px solid #d9eade; border-radius:14px; background:#eff8f2; color:#3d7660; font-size:13px; padding:20px; line-height:1.9; }
.fw-auth-captcha { margin:18px 0; max-width:100%; }
.fw-auth-captcha .g-recaptcha { width:100%; overflow:visible; }
.fw-auth-field .bootstrap-select { width:100%!important; min-width:0; }
.fw-auth-field .bootstrap-select > .dropdown-toggle { min-height:46px; padding:10px 12px; border:1px solid #d6e5db; border-radius:10px; color:#24483d; background:#fff; font-size:12px; box-shadow:none; }
.fw-auth-field .bootstrap-select .dropdown-menu { border-radius:10px; border:1px solid #dce8df; font-size:12px; box-shadow:0 12px 24px #183b421a; }
.fw-auth-field .bootstrap-select .filter-option-inner-inner { text-align:start; }
.fw-auth-field .bootstrap-select .dropdown-item { white-space:normal; }
.fw-auth-shell button:focus-visible,.fw-auth-shell a:focus-visible,.fw-auth-shell input:focus-visible { outline:3px solid #56ac9180; outline-offset:3px; }
.fw-auth-error { display:block; margin-top:7px; color:#b26464; font-size:11px; line-height:1.6; }
.fw-auth-field [aria-invalid=true] { border-color:#c17878; }
[dir=rtl] .fw-auth-shell { font-family:"Noto Sans Arabic",Arial,sans-serif; }
[dir=rtl] .fw-auth-shell .fw-auth-story h1 { letter-spacing:0; font-size:clamp(31px,3.2vw,49px); line-height:1.65; }
[dir=rtl] .fw-auth-shell .fw-auth-field > label,[dir=rtl] .fw-auth-field-heading label,[dir=rtl] .fw-auth-tabs a { font-size:13px; }
[dir=rtl] .fw-auth-step { letter-spacing:0; font-size:12px; }
[dir=rtl] .fw-auth-back i,[dir=rtl] .fw-auth-signin-back i,[dir=rtl] .fw-auth-submit i { transform:rotate(180deg); }
[data-theme=dark] .fw-auth-shell { background:#102a30; color:#d4e8dc; }
[data-theme=dark] .fw-auth-shell .fw-auth-card { background:#18373a; color:#d4e8dc; border-color:#2d4d48; }
[data-theme=dark] .fw-auth-tabs,[data-theme=dark] .fw-auth-staff-option { background:#17322f; border-color:#345548; }
[data-theme=dark] .fw-auth-tabs .is-active { background:#285347; color:#abddc2; }
[data-theme=dark] .fw-auth-field label,[data-theme=dark] .fw-auth-field-heading label,[data-theme=dark] .fw-auth-staff-option b { color:#b5d6c3; }
[data-theme=dark] .fw-auth-field .form-control,[data-theme=dark] .fw-auth-field .bootstrap-select > .dropdown-toggle,[data-theme=dark] .fw-auth-field .bootstrap-select .dropdown-menu,[data-theme=dark] .fw-auth-social .btn { background:#15342e; color:#cce6d5; border-color:#3f6050; }
[data-theme=dark] .fw-auth-fieldset legend,[data-theme=dark] .fw-auth-divider:before,[data-theme=dark] .fw-auth-divider:after { border-color:#345247; }
@media (max-width:1099px) { .fw-auth-shell { grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr); }.fw-auth-shell .fw-auth-story { padding:40px 30px; }.fw-auth-stage { padding:30px 20px; }.fw-auth-shell .fw-auth-card { padding:28px!important; }.fw-auth-story-footer { gap:13px; }.fw-auth-demo-badge { inset-inline-end:-8px; } }
@media (max-width:767px) { .fw-auth-shell { display:block; min-height:100dvh; }.fw-auth-shell .fw-auth-story { display:none; }.fw-auth-stage { padding:22px 14px; min-height:100dvh; justify-content:flex-start; }.fw-auth-shell .fw-auth-card { max-width:520px; padding:24px 21px!important; border-radius:20px; }.fw-auth-mobile-brand { display:flex; justify-content:center; margin:3px 0 26px; }.fw-auth-mobile-brand img { max-width:145px; max-height:48px; }.fw-auth-heading h2 { font-size:26px; }.fw-auth-tabs { margin-bottom:25px; }.fw-auth-pair { grid-template-columns:minmax(0,1fr); gap:0; }.fw-auth-field .form-control { font-size:16px; }.fw-auth-staff-option { padding:12px; gap:9px; }.fw-auth-heading p { font-size:12px; }.fw-auth-captcha { transform:scale(.77); transform-origin:top left; height:62px; width:304px; }[dir=rtl] .fw-auth-captcha { transform-origin:top right; }.fw-auth-form .fw-auth-staff-option small { font-size:10px; }.fw-auth-stage-footer { font-size:9px; line-height:1.8; } }
@media (prefers-reduced-motion:reduce) { .fw-auth-shell * { transition:none!important; } }
[data-theme=dark] .fw-auth-step,[data-theme=dark] .fw-auth-field-heading a,[data-theme=dark] .fw-auth-switch-link a,[data-theme=dark] .fw-auth-signin-back { color:#7dc8ac; }
[data-theme=dark] .fw-auth-heading p,[data-theme=dark] .fw-auth-fieldset legend,[data-theme=dark] .fw-auth-staff-option small,[data-theme=dark] .fw-auth-check,[data-theme=dark] .fw-auth-switch-link { color:#a4bfb1; }