:root{--primary-blue: #0a66c2;--primary-dark: #004182;--accent-teal: #00a9a3;--bg-gradient-start: #fafbfc;--bg-gradient-end: #f5f7fa;--text-primary: #1a1d29;--text-secondary: #5f6c7b;--text-muted: #94a3b8;--border-color: #e4e9f0;--card-bg: #ffffff;--card-bg-alt: #f8fafc;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 8px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .12);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--font-base: "IBM Plex Sans Arabic", "Tajawal", system-ui, -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.auth-body{font-family:var(--font-base);background:radial-gradient(ellipse at top,#f0f4f8,#fafbfc,#f5f7fa);min-height:100vh;color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:var(--font-base)!important}.auth-container{display:grid;grid-template-columns:1fr;min-height:100vh}@media(min-width:1024px){.auth-container{grid-template-columns:1fr 1fr}}@media(min-width:1280px){.auth-container{grid-template-columns:1.1fr .9fr}}.auth-visual-panel{display:none;position:relative;background:var(--card-bg-alt);overflow:hidden}@media(min-width:1024px){.auth-visual-panel{display:flex;flex-direction:column}}.auth-visual-bg{position:absolute;inset:0;z-index:0}.auth-visual-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.65) saturate(1.15)}.auth-visual-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#0a66c24d,#00418233 40%,#004182d9),linear-gradient(135deg,rgba(10,102,194,.25) 0%,transparent 50%)}.auth-visual-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;padding:2.5rem}.auth-logo{display:flex;align-items:center;gap:.875rem;text-decoration:none}.auth-logo-mark{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-teal) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0a66c266,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.auth-logo:hover .auth-logo-mark{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 40px #0a66c280,inset 0 1px #fff3}.auth-logo-mark svg{width:26px;height:26px;color:#fff}.auth-logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo-text.dark{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo.mobile .auth-logo-mark{width:42px;height:42px}.auth-logo.mobile .auth-logo-mark svg{width:22px;height:22px}.auth-logo.mobile .auth-logo-text{font-size:1.375rem;color:var(--text-primary);background:none;-webkit-text-fill-color:var(--text-primary)}.auth-visual-header{display:flex;justify-content:space-between;align-items:center}.auth-visual-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.auth-visual-headline{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#fff;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}.auth-visual-subheadline{font-size:1.0625rem;line-height:1.7;color:#fffc;max-width:420px}.auth-back-to-site{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#ffffffe6;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s ease}.auth-back-to-site:hover{background:#ffffff1f;color:#fff}.auth-visual-footer{margin-top:auto;padding-top:2rem}.auth-plan-card{background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.75rem;margin-top:2rem}.auth-plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.auth-plan-badge{padding:.375rem .875rem;background:#0a66c24d;border-radius:100px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6}.auth-plan-price{text-align:end}.auth-plan-price-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.auth-plan-price-period{font-size:.8125rem;color:#fff9;margin-top:.25rem}.auth-plan-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.auth-plan-features{list-style:none;padding:0;margin:0}.auth-plan-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:#ffffffd9}.auth-plan-feature svg{width:18px;height:18px;color:var(--success);flex-shrink:0}.auth-plan-change-link{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.875rem;font-weight:500;color:#fffc;text-decoration:none;transition:color .15s ease}.auth-plan-change-link:hover{color:#fff}.auth-plan-change-link svg{width:16px;height:16px}.auth-form-panel{display:flex;flex-direction:column;background:var(--bg-gradient-start);min-height:100vh;position:relative}.auth-form-panel:before{content:"";position:absolute;top:0;right:0;width:100%;height:300px;background:radial-gradient(ellipse at top right,rgba(10,102,194,.06) 0%,transparent 70%);pointer-events:none}[dir=rtl] .auth-form-panel:before{right:auto;left:0;background:radial-gradient(ellipse at top left,rgba(10,102,194,.06) 0%,transparent 70%)}.auth-form-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:relative;z-index:10}@media(min-width:640px){.auth-form-nav{padding:2rem 3rem}}.auth-mobile-brand{display:flex}@media(min-width:1024px){.auth-mobile-brand{display:none}}.auth-header-actions{display:flex;align-items:center;gap:1rem;margin-inline-start:auto}.auth-back-link{display:none;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}@media(min-width:1024px){.auth-back-link{display:flex}}.auth-back-link:hover{color:var(--primary-blue)}.auth-back-link svg{width:16px;height:16px}.auth-lang-switcher{position:relative}.auth-lang-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-lang-toggle:hover{background:var(--card-bg-alt);border-color:var(--primary-blue);color:var(--primary-blue)}.auth-lang-toggle svg{width:16px;height:16px;transition:transform .2s ease}.auth-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);transition:all .2s ease;z-index:100;overflow:hidden}[dir=rtl] .auth-lang-menu{right:auto;left:0}.auth-lang-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all .15s ease}.auth-lang-option:hover{background:var(--card-bg-alt);color:var(--text-primary)}.auth-lang-option.active{background:#0a66c214;color:var(--primary-blue);font-weight:600}.auth-lang-flag{font-size:1.125rem}.auth-form-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1rem 2rem 3rem;position:relative;z-index:10}@media(min-width:640px){.auth-form-content{padding:0 3rem 4rem}}@media(min-width:1024px){.auth-form-content{align-items:center}}.auth-form-wrapper{width:100%;max-width:480px;animation:fadeInUp .4s ease-out}.auth-mobile-plan{display:block;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);border-radius:16px;padding:1.25rem;margin-bottom:2rem;color:#fff}@media(min-width:1024px){.auth-mobile-plan{display:none}}.auth-mobile-plan-row{display:flex;justify-content:space-between;align-items:center}.auth-mobile-plan-info{display:flex;flex-direction:column;gap:.375rem}.auth-mobile-plan-badge{display:inline-block;padding:.25rem .625rem;background:#fff3;border-radius:6px;font-size:.625rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content}.auth-mobile-plan-name{font-size:1.125rem;font-weight:700}.auth-mobile-plan-price{text-align:end}.auth-mobile-plan-price-value{font-size:1.5rem;font-weight:800}.auth-mobile-plan-price-period{font-size:.75rem;opacity:.8}.auth-mobile-plan-change{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.875rem;color:#ffffffe6;text-decoration:none;font-weight:500}.auth-mobile-plan-change:hover{color:#fff}.auth-mobile-plan-change svg{width:16px;height:16px}.auth-form-header{margin-bottom:2rem}.auth-form-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem}@media(min-width:640px){.auth-form-title{font-size:2rem}}.auth-form-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6}.auth-form-subtitle a{color:var(--primary-blue);text-decoration:none;font-weight:500}.auth-form-subtitle a:hover{text-decoration:underline}.auth-form-section{margin-bottom:2rem}.auth-section-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem}.auth-section-icon{width:32px;height:32px;background:linear-gradient(135deg,#0a66c21a,#00a9a314);border-radius:8px;display:flex;align-items:center;justify-content:center}.auth-section-icon svg{width:16px;height:16px;color:var(--primary-blue)}.auth-section-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.auth-form-group{margin-bottom:1.25rem}.auth-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.auth-input{width:100%;padding:.9375rem 1rem;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:12px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.auth-input:hover{border-color:var(--primary-blue)}.auth-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a66c21a}.auth-input::-moz-placeholder{color:var(--text-muted)}.auth-input::placeholder{color:var(--text-muted)}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .15s ease}[dir=rtl] .auth-input-icon{left:auto;right:1rem}.auth-input-wrapper .auth-input{padding-inline-start:2.875rem}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--primary-blue)}.auth-form-error{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem;color:var(--error)}.auth-form-error svg{width:16px;height:16px;flex-shrink:0}.auth-subdomain-wrapper{display:flex}.auth-subdomain-wrapper .auth-input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.auth-subdomain-suffix{display:flex;align-items:center;padding:0 1rem;background:var(--card-bg-alt);border:1.5px solid var(--border-color);border-inline-start:none;border-start-end-radius:12px;border-end-end-radius:12px;font-size:.875rem;color:var(--text-muted);font-weight:500}.auth-subdomain-wrapper:focus-within .auth-subdomain-suffix{border-color:var(--primary-blue)}.auth-subdomain-status{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem}.auth-subdomain-status svg{width:16px;height:16px}.auth-subdomain-status.available{color:var(--success)}.auth-subdomain-status.unavailable{color:var(--error)}.auth-subdomain-status.checking,.auth-subdomain-status.neutral{color:var(--text-muted)}.auth-password-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.auth-password-grid{grid-template-columns:1fr 1fr}}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.auth-btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #0a66c24d,inset 0 1px #ffffff1a}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0a66c266,inset 0 1px #ffffff1a}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn svg{width:20px;height:20px;transition:transform .2s ease}.auth-btn-primary:hover:not(:disabled) svg{transform:translate(2px)}[dir=rtl] .auth-btn-primary:hover:not(:disabled) svg{transform:translate(-2px)}.auth-btn-secondary{background:var(--card-bg);color:var(--text-secondary);border:1.5px solid var(--border-color)}.auth-btn-secondary:hover{background:var(--card-bg-alt);border-color:var(--primary-blue);color:var(--primary-blue)}.auth-form-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.auth-checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer}.auth-checkbox{width:1.125rem;height:1.125rem;border-radius:5px;border:1.5px solid var(--border-color);background:var(--card-bg);cursor:pointer;accent-color:var(--primary-blue)}.auth-checkbox:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.auth-checkbox-text{font-size:.875rem;color:var(--text-secondary)}.auth-forgot-link{font-size:.875rem;font-weight:500;color:var(--primary-blue);text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-back-login{display:flex;justify-content:center;margin-top:1.5rem}.auth-back-login-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.auth-back-login-link:hover{color:var(--primary-blue)}.auth-back-login-link svg{transition:transform .2s ease}.auth-back-login-link:hover svg{transform:translate(-2px)}[dir=rtl] .auth-back-login-link:hover svg{transform:translate(2px)}.auth-terms-text{text-align:center;font-size:.8125rem;color:var(--text-muted);margin-top:1.5rem;line-height:1.6}.auth-terms-text a{color:var(--primary-blue);text-decoration:none;font-weight:500}.auth-terms-text a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.75rem 0;color:var(--text-muted);font-size:.8125rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.auth-btn-social{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1rem;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.auth-btn-social:hover{background:var(--card-bg-alt);border-color:var(--primary-blue);color:var(--primary-blue)}.auth-btn-social svg{width:20px;height:20px}.auth-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;font-size:.875rem;margin-bottom:1.5rem}.auth-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.auth-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.auth-alert-info{background:#0a66c21a;border:1px solid rgba(10,102,194,.2);color:var(--primary-blue)}.auth-alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning)}.auth-form-footer{padding:1.5rem 2rem;text-align:center;position:relative;z-index:10}@media(min-width:640px){.auth-form-footer{padding:1.5rem 3rem}}.auth-footer-text{font-size:.8125rem;color:var(--text-muted)}.auth-security-badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.625rem 1rem;background:var(--card-bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;color:var(--text-muted)}.auth-security-badge svg{color:var(--success)}.auth-testimonial{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-top:2rem}.auth-testimonial-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-teal) 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.auth-testimonial-content{flex:1}.auth-testimonial-quote{font-size:.9375rem;color:#ffffffe6;font-style:italic;line-height:1.5}.auth-testimonial-author{font-size:.8125rem;color:#fff9;margin-top:.375rem}@keyframes fadeInUp{0%{transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-animate-spin{animation:spin 1s linear infinite}.auth-admin-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0a66c21a;border:1px solid rgba(10,102,194,.2);border-radius:100px;font-size:.75rem;font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.auth-tenant-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:100px;color:#ffffffe6;font-size:.9375rem;font-weight:600;margin-bottom:1.5rem}.auth-tenant-badge svg{opacity:.8}.auth-tenant-mobile-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600}@media(min-width:1024px){.auth-tenant-mobile-badge{display:none}}.auth-features-grid{display:flex;flex-wrap:wrap;gap:1rem}.auth-feature-item{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffd9;font-size:.875rem;font-weight:500}.auth-feature-item svg{color:var(--accent-teal)}.auth-hidden{display:none!important}@media(min-width:640px){.auth-sm-inline{display:inline!important}}[dir=rtl] .auth-rtl-rotate-180{transform:rotate(180deg)}