.auth-lang-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.form-input--with-toggle{padding-right:2.75rem}.is-hidden{display:none!important}.error-text--block{margin-bottom:.75rem}:root{--ops-primary: #2563EB;--ops-primary-hover: #1d4ed8;--ops-primary-soft: #eff6ff;--ops-on-primary: #ffffff;--ops-canvas: #F8FAFC;--ops-surface: #ffffff;--ops-surface-muted: #F8FAFC;--ops-surface-hover: #F1F5F9;--ops-row-hover: color-mix(in srgb, var(--ops-primary) 7%, var(--ops-surface-muted));--ops-control-bg: #ffffff;--ops-control-border: #E2E8F0;--ops-border: #E2E8F0;--ops-border-strong: #CBD5E1;--ops-ink: #0F172A;--ops-ink-muted: #64748B;--ops-ink-subtle: #94A3B8;--ops-success: #059669;--ops-warning: #D97706;--ops-danger: #E11D48;--ops-info: #0284C7;--ops-success-bg: #ecfdf5;--ops-success-border: #6ee7b7;--ops-success-text: #065f46;--ops-warning-bg: #fffbeb;--ops-warning-border: #fde68a;--ops-warning-text: #92400e;--ops-danger-bg: #fef2f2;--ops-danger-border: #fecaca;--ops-danger-text: #991b1b;--ops-info-bg: #eff6ff;--ops-info-border: #bfdbfe;--ops-info-text: #1e40af;--ops-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--ops-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--ops-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .1), 0 2px 4px -1px rgba(15, 23, 42, .06);--ops-radius-sm: 8px;--ops-radius: 12px;--ops-radius-md: 12px;--ops-radius-lg: 12px;--ops-space-1: 4px;--ops-space-2: 8px;--ops-space-3: 12px;--ops-space-4: 16px;--ops-space-5: 24px;--ops-space-6: 32px;--ops-space-8: 48px;--ops-font-sans: "DM Sans", "Segoe UI", system-ui, sans-serif;--ops-font-arabic: "Cairo", "Segoe UI", system-ui, sans-serif;--ops-font-ui: var(--ops-font-sans);--ops-font-mono: "JetBrains Mono", ui-monospace, monospace;--ops-motion-fast: .15s;--ops-motion-normal: .25s;--ops-ease: cubic-bezier(.4, 0, .2, 1);--ops-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ops-primary) 28%, transparent);--surface: var(--ops-surface);--surface-muted: var(--ops-surface-muted);--surface-hover: var(--ops-surface-hover);--row-hover: var(--ops-row-hover);--canvas: var(--ops-canvas);--text: var(--ops-ink);--text-muted-ops: var(--ops-ink-muted);--border: var(--ops-border);--muted: var(--ops-ink-muted);--card-bg: var(--ops-surface);--input-bg: var(--ops-control-bg);--table-header-bg: var(--ops-surface-muted);--alert-info-bg: var(--ops-info-bg);--alert-warning-bg: var(--ops-warning-bg);--alert-danger-bg: var(--ops-danger-bg);--badge-bg: var(--ops-surface-muted);--tab-track-bg: var(--ops-surface-muted);--tab-active-bg: var(--ops-surface);--admin-primary: var(--ops-primary);--admin-canvas: var(--ops-canvas);--admin-surface: var(--ops-surface);--admin-surface-muted: var(--ops-surface-muted);--admin-surface-hover: var(--ops-surface-hover);--admin-row-hover: var(--ops-row-hover);--admin-control-bg: var(--ops-control-bg);--admin-border: var(--ops-border);--admin-on-surface: var(--ops-ink);--admin-on-surface-muted: var(--ops-ink-muted);--admin-on-primary: var(--ops-on-primary);--admin-radius: var(--ops-radius);--admin-space-2: var(--ops-space-2);--admin-space-4: var(--ops-space-4);--admin-space-5: var(--ops-space-5);--admin-space-6: var(--ops-space-6);--brand-600: var(--ops-primary);--primary: var(--ops-primary);--color-primary: var(--ops-primary);--bg-secondary: var(--ops-canvas);--bg-primary: var(--ops-surface);--text-primary: var(--ops-ink);--text-secondary: var(--ops-ink-muted);--text-muted: var(--ops-ink-muted)}html[data-theme=dark]{--ops-primary: #2563EB;--ops-primary-hover: #3b82f6;--ops-primary-soft: rgba(37, 99, 235, .18);--ops-on-primary: #ffffff;--ops-canvas: #020617;--ops-surface: #0f172a;--ops-surface-muted: #111827;--ops-surface-hover: #1e293b;--ops-row-hover: color-mix(in srgb, #ffffff 7%, var(--ops-surface));--ops-control-bg: #111827;--ops-control-border: #334155;--ops-border: #1f2937;--ops-border-strong: #334155;--ops-ink: #f8fafc;--ops-ink-muted: #94a3b8;--ops-ink-subtle: #94a3b8;--ops-success: #34d399;--ops-warning: #fbbf24;--ops-danger: #fb7185;--ops-info: #38bdf8;--ops-success-bg: rgba(6, 95, 70, .42);--ops-success-border: rgba(52, 211, 153, .45);--ops-success-text: #a7f3d0;--ops-warning-bg: rgba(217, 119, 6, .14);--ops-warning-border: rgba(251, 191, 36, .32);--ops-warning-text: #fde68a;--ops-danger-bg: rgba(220, 38, 38, .16);--ops-danger-border: rgba(248, 113, 113, .34);--ops-danger-text: #fecaca;--ops-info-bg: rgba(37, 99, 235, .18);--ops-info-border: rgba(96, 165, 250, .32);--ops-info-text: #bfdbfe;--ops-shadow-xs: 0 1px 2px rgba(0, 0, 0, .28);--ops-shadow-sm: 0 1px 3px rgba(0, 0, 0, .32);--ops-shadow-md: 0 4px 12px rgba(0, 0, 0, .36);--ops-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ops-primary) 40%, transparent);--surface: var(--ops-surface);--surface-muted: var(--ops-surface-muted);--surface-hover: var(--ops-surface-hover);--row-hover: var(--ops-row-hover);--canvas: var(--ops-canvas);--text: var(--ops-ink);--text-muted-ops: var(--ops-ink-muted);--border: var(--ops-border);--muted: var(--ops-ink-muted);--card-bg: var(--ops-surface);--input-bg: var(--ops-control-bg);--table-header-bg: var(--ops-canvas);--alert-info-bg: var(--ops-info-bg);--alert-warning-bg: var(--ops-warning-bg);--alert-danger-bg: var(--ops-danger-bg);--badge-bg: var(--ops-surface-muted);--tab-track-bg: var(--ops-canvas);--tab-active-bg: var(--ops-surface);--admin-primary: var(--ops-primary);--admin-canvas: var(--ops-canvas);--admin-surface: var(--ops-surface);--admin-surface-muted: var(--ops-surface-muted);--admin-surface-hover: var(--ops-surface-hover);--admin-row-hover: var(--ops-row-hover);--admin-control-bg: var(--ops-control-bg);--admin-border: var(--ops-border);--admin-on-surface: var(--ops-ink);--admin-on-surface-muted: var(--ops-ink-muted);--admin-on-primary: var(--ops-on-primary);--brand-600: var(--ops-primary);--primary: var(--ops-primary);--color-primary: var(--ops-primary);--bg-secondary: var(--ops-canvas);--bg-primary: var(--ops-surface);--text-primary: var(--ops-ink);--text-secondary: var(--ops-ink-muted);--text-muted: var(--ops-ink-muted)}html[dir=rtl],[dir=rtl]{--ops-font-ui: var(--ops-font-arabic)}@media(prefers-reduced-motion:reduce){:root{--ops-motion-fast: .01ms;--ops-motion-normal: .01ms}}body.auth-login-page,body.auth-register-page,body.auth-unified-page,body.auth-password-page,body.auth-verify-page,body.auth-guest-page{background:var(--ops-canvas, #F8FAFC)!important;background-image:none!important;animation:none!important}body.auth-login-page:before,body.auth-register-page:before,body.auth-unified-page:before{display:none!important}.orb{display:none!important}.auth-card,.login-card,.register-card,.unified-card,.password-card,.glass-card{background:var(--ops-surface, #fff)!important;border:1px solid var(--ops-border, #E2E8F0)!important;border-radius:var(--ops-radius, 12px)!important;box-shadow:var(--ops-shadow-sm, 0 1px 3px rgba(15,23,42,.08))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=dark] body.auth-login-page,[data-theme=dark] body.auth-register-page,[data-theme=dark] body.auth-unified-page,[data-theme=dark] body.auth-password-page,[data-theme=dark] body.auth-verify-page,[data-theme=dark] body.auth-guest-page{background:var(--brand-950, #0f172a)!important}.auth-card .btn-primary,.login-card .btn-primary,.btn-auth-primary,.auth-submit{background:var(--ops-primary, #2563EB)!important;border-color:var(--ops-primary, #2563EB)!important;color:#fff!important;min-height:44px;border-radius:10px}@media(prefers-reduced-motion:reduce){body.auth-login-page,body.auth-register-page,body.auth-unified-page,body.auth-verify-page,.orb,*{animation:none!important;transition:none!important}}.split-layout{display:flex;min-height:100vh;width:100%;max-width:1000px;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0003;animation:cardEnter .6s cubic-bezier(.16,1,.3,1) both}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.split-hero{flex:0 0 420px;background:linear-gradient(135deg,var(--brand-600,#2563EB) 0%,#1d4ed8 50%,#0ea5e9 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2.5rem;position:relative;overflow:hidden}.split-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.split-hero:after{content:"";position:absolute;width:300px;height:300px;background:#ffffff14;border-radius:50%;top:-80px;right:-80px}.hero-content{position:relative;z-index:1;text-align:center;color:#fff}.hero-logo{width:80px;height:80px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.25);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-logo i{font-size:2rem;color:#fff}.hero-logo-img{border-radius:.75rem;object-fit:contain;max-height:96px;background:#fff}.auth-flash-success{background:#ecfdf5;color:#065f46;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.hero-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}.hero-subtitle{font-size:.9375rem;opacity:.85;margin:0;line-height:1.6}.hero-features{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.hero-feature{display:flex;align-items:center;gap:.75rem;font-size:.875rem;opacity:.9}.hero-feature i{width:28px;height:28px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.split-form{flex:1;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;display:flex;flex-direction:column;overflow-y:auto}.unified-lang-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.unified-lang-switch{display:inline-flex;gap:.25rem;padding:.2rem;border-radius:999px;background:#f1f5f9}.unified-lang-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#64748b;text-decoration:none;transition:background .15s ease,color .15s ease}.unified-lang-btn:hover{color:var(--brand-500, #2563EB)}.unified-lang-btn.is-active{background:#fff;color:var(--brand-500, #2563EB);box-shadow:0 1px 2px #0f172a14}[data-theme=dark] .unified-lang-switch{background:#1e293b}[data-theme=dark] .unified-lang-btn{color:#94a3b8}[data-theme=dark] .unified-lang-btn.is-active{background:#0f172a;color:#93c5fd}.auth-tabs{display:flex;border-bottom:2px solid #f1f5f9;margin-bottom:1.5rem}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .2s ease}.auth-tab:hover{color:var(--brand-500,#2563EB)}.auth-tab.active{color:var(--brand-500,#2563EB);border-bottom-color:var(--brand-500,#2563EB)}.auth-tab i{font-size:.9375rem}.auth-panel{display:none;width:100%;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.auth-panel.active{display:block;animation:panelFade .3s ease}@keyframes panelFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.social-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:0;padding:0;box-sizing:border-box}.btn-social{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;max-width:100%;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-decoration:none;box-sizing:border-box}.btn-social:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-google{background:#fff;color:#374151;border-color:#e5e7eb}.btn-google:hover{border-color:#d1d5db;background:#f9fafb}.btn-google svg{width:20px;height:20px}.btn-facebook{background:#1877f2;color:#fff}.btn-facebook:hover{background:#166fe5}.btn-facebook i{font-size:1.125rem}.auth-divider{display:flex;align-items:center;width:100%;margin-block:1rem;margin-inline:0;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;box-sizing:border-box}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{padding-inline:1rem}.form-group{margin-bottom:1.125rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.375rem}.form-input{width:100%;padding:.75rem .875rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box;color:#1e293b}.form-input:focus{outline:none;border-color:var(--brand-500,#2563EB);background:#fff;box-shadow:0 0 0 4px #667eea1a}.form-input::placeholder{color:#94a3b8}.form-error{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.password-wrap{position:relative;display:block;width:100%}.password-wrap .form-input{padding-right:2.75rem}.password-toggle{position:absolute;right:0;top:0;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#94a3b8}.password-toggle:hover{color:var(--brand-500,#2563EB)}.pw-strength{margin-top:.5rem}.pw-strength-bars{display:flex;gap:4px;margin-bottom:6px}.pw-bar{flex:1;height:4px;border-radius:2px;background:#e2e8f0;transition:background .3s}.pw-strength.s-weak .pw-bar:nth-child(1){background:#ef4444}.pw-strength.s-fair .pw-bar:nth-child(-n+2){background:#f59e0b}.pw-strength.s-good .pw-bar:nth-child(-n+3){background:#22c55e}.pw-strength.s-strong .pw-bar{background:#2563eb}.pw-strength-info{display:flex;justify-content:space-between;font-size:.75rem}.pw-strength-label{font-weight:600}.pw-strength.s-weak .pw-strength-label{color:#ef4444}.pw-strength.s-fair .pw-strength-label{color:#f59e0b}.pw-strength.s-good .pw-strength-label{color:#22c55e}.pw-strength.s-strong .pw-strength-label{color:#2563eb}.pw-strength-time{color:#94a3b8}.pw-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.pw-check{font-size:.6875rem;color:#94a3b8;display:flex;align-items:center;gap:3px;transition:color .3s}.pw-check.ok{color:#22c55e}.pw-check i{font-size:9px}.pw-match{font-size:.75rem;margin-top:4px;display:flex;align-items:center;gap:4px}.pw-match.yes{color:#22c55e}.pw-match.no{color:#ef4444}.form-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#475569}.form-check-input{width:16px;height:16px;accent-color:var(--brand-500,#2563EB);cursor:pointer}.forgot-link{font-size:.8125rem;color:var(--brand-500,#2563EB);text-decoration:none;font-weight:500}.forgot-link:hover{color:#1d4ed8}.btn-submit{width:100%;padding:.8125rem;background:linear-gradient(135deg,var(--brand-500,#2563EB) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:none}.spinner.is-visible{display:inline-block}.pw-strength.is-hidden,.pw-match.is-hidden{display:none!important}.pw-match:not(.is-hidden){display:flex}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-sm{font-size:.8125rem}.text-muted{color:#64748b}.font-semibold{font-weight:600}.w-full{width:100%}.switch-link a{color:var(--brand-500,#2563EB);text-decoration:none;font-weight:600}.switch-link a:hover{color:#1d4ed8}@media(max-width:768px){.split-layout{flex-direction:column;max-width:100%;border-radius:0;min-height:100vh;box-shadow:none}.split-hero{flex:0 0 auto;padding:2rem 1.5rem 1.5rem}.hero-title{font-size:1.375rem}.hero-features{display:none}.split-form{padding:1.5rem}}@media(max-width:480px){.social-buttons{gap:.625rem}.form-row{flex-direction:column;align-items:flex-start}}[data-theme=dark] .split-hero{background:linear-gradient(135deg,#1e3a8a,#4c1d95,#1e40af)}[data-theme=dark] .split-form{background:#1e293bfa}[data-theme=dark] .auth-panel,[data-theme=dark] .auth-panel.active{background:transparent;border:none;box-shadow:none}[data-theme=dark] .form-label{color:#cbd5e1}[data-theme=dark] .form-input{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .form-input:focus{border-color:var(--brand-500,#2563EB);background:#1e293b}[data-theme=dark] .auth-tabs{border-color:#334155}[data-theme=dark] .auth-tab{color:#64748b}[data-theme=dark] .auth-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}[data-theme=dark] .btn-google{background:#1e293b;color:#e2e8f0;border-color:#334155}[data-theme=dark] .btn-google:hover{background:#334155}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#334155}[data-theme=dark] .auth-divider{color:#64748b}[data-theme=dark] .text-muted,[data-theme=dark] .form-check{color:#94a3b8}[data-theme=dark] .forgot-link,[data-theme=dark] .switch-link a{color:#60a5fa}.country-combobox{position:relative}.country-combobox__control{position:relative;display:flex;align-items:center}.country-combobox__flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #0f172a14}.country-combobox__flag--selected{position:absolute;inset-inline-start:.85rem;z-index:1;pointer-events:none}.country-combobox__flag--selected:not([hidden])~.country-combobox__search{padding-inline-start:2.35rem}.country-combobox__search{width:100%}.country-combobox__list{position:absolute;z-index:30;inset-inline:0;top:calc(100% + .35rem);max-height:14rem;overflow:auto;margin:0;padding:.35rem;list-style:none;border:1px solid #dbe3f0;border-radius:12px;background:#fff;box-shadow:0 16px 40px #0f172a1f}.country-combobox__option{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:8px;font-size:.92rem;color:#0f172a;cursor:pointer}.country-combobox__option:hover,.country-combobox__option.is-active,.country-combobox__option[aria-selected=true]{background:#eff6ff;color:#1d4ed8}.country-combobox__option.is-hidden{display:none}.form-hint{margin:.35rem 0 0;font-size:.8rem;color:#64748b}[data-theme=dark] .country-combobox__list{background:#0f172a;border-color:#334155;box-shadow:0 16px 40px #00000059}[data-theme=dark] .country-combobox__option{color:#e2e8f0}[data-theme=dark] .country-combobox__option:hover,[data-theme=dark] .country-combobox__option.is-active,[data-theme=dark] .country-combobox__option[aria-selected=true]{background:#1e293b;color:#93c5fd}
