:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Arabic,Tahoma,Arial,sans-serif;--auth-canvas: #edf2f7;--auth-surface: #fcfeff;--auth-ink: #17202b;--auth-muted: #617083;--auth-navy: #10253f;--auth-line: #d8e1eb;--auth-primary: #2563eb;--auth-primary-strong: #1d4ed8;--auth-warning: #f6c532;--auth-danger: #c2413b;--auth-danger-soft: #fff1f0;--auth-success: #0f766e}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--auth-canvas);color:var(--auth-ink);min-height:100vh}button,input{font:inherit}.auth-shell{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);min-height:100vh}.auth-visual{align-items:center;background:var(--auth-navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:40px;position:relative}.auth-company-logo{align-self:stretch;background:#f4f8fc;border:1px solid #c9d5e2;border-radius:8px;box-shadow:0 8px 24px #04132724;display:block;height:auto;max-width:370px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;padding:12px 15px;position:relative;width:100%;z-index:1}[dir=rtl] .auth-company-logo{-o-object-position:right center;object-position:right center}.auth-visual-art{height:auto;max-width:min(78%,420px);-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.auth-visual-rule{align-self:stretch;display:grid;gap:8px;grid-template-columns:1fr 56px 24px}.auth-visual-rule span{background:#2f4a68;height:2px}.auth-visual-rule span:nth-child(2){background:var(--auth-warning)}.auth-visual-rule span:nth-child(3){background:#37a7d8}.auth-workspace{align-items:center;display:flex;justify-content:center;min-width:0;padding:40px}.auth-mobile-brand{display:none}.auth-card{background:var(--auth-surface);border:1px solid var(--auth-line);border-radius:8px;box-shadow:0 20px 52px #10253f1a;max-width:430px;padding:32px;width:100%}.auth-card-header{margin-bottom:24px}.auth-security-icon{align-items:center;background:#eaf1ff;border-radius:8px;color:var(--auth-primary);display:inline-flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.auth-security-icon svg{height:20px;width:20px}.auth-card h1{color:var(--auth-navy);font-size:1.75rem;font-weight:750;letter-spacing:0;line-height:1.25;margin:0}.auth-card-header p{color:var(--auth-muted);font-size:.875rem;line-height:1.6;margin:7px 0 0}.auth-alert{align-items:flex-start;background:var(--auth-danger-soft);border:1px solid #f1c4c1;border-radius:8px;color:var(--auth-danger);display:flex;font-size:.8125rem;gap:10px;margin-bottom:20px;padding:11px 12px}.auth-alert>svg{flex:0 0 auto;height:18px;margin-top:1px;width:18px}.auth-alert strong,.auth-alert p{display:block;line-height:1.45;margin:0}.auth-alert p{margin-top:3px}.auth-form{display:grid;gap:17px}.auth-field{display:grid;gap:6px}.auth-field>span:first-child{color:var(--auth-ink);font-size:.8125rem;font-weight:700}.auth-input-shell{align-items:center;background:#fff;border:1px solid var(--auth-line);border-radius:8px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;min-height:46px;padding-inline:12px;transition:border-color .17s ease,box-shadow .17s ease}.auth-input-shell:focus-within{border-color:var(--auth-primary);box-shadow:0 0 0 3px #2563eb29}.auth-input-shell>svg{color:var(--auth-muted);height:18px;width:18px}.auth-input-shell input{background:transparent;border:0;color:var(--auth-ink);font-size:.875rem;height:44px;min-width:0;outline:0;padding-inline:10px;width:100%}.auth-input-shell:has(input[aria-invalid="true"]){border-color:var(--auth-danger)}.auth-input-shell input::-moz-placeholder{color:#8a98a9}.auth-input-shell input::placeholder{color:#8a98a9}.auth-password-toggle{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--auth-muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.auth-password-toggle:hover{background:#edf3fa;color:var(--auth-navy)}.auth-password-toggle:focus-visible,.auth-submit:focus-visible,.auth-remember input:focus-visible{outline:3px solid rgb(37 99 235 / 24%);outline-offset:2px}.auth-password-toggle svg{height:18px;width:18px}.auth-remember{align-items:center;color:var(--auth-muted);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:8px;justify-self:start}.auth-remember input{accent-color:var(--auth-primary);height:17px;margin:0;width:17px}.auth-submit{align-items:center;background:var(--auth-primary);border:1px solid var(--auth-primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:740;gap:8px;justify-content:center;min-height:46px;padding:0 18px;transition:background-color .17s ease,border-color .17s ease;width:100%}.auth-submit:hover{background:var(--auth-primary-strong);border-color:var(--auth-primary-strong)}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-submit svg{height:18px;width:18px}[dir=rtl] .auth-submit svg{transform:scaleX(-1)}.auth-secure-note{align-items:center;color:var(--auth-success);display:flex;font-size:.75rem;gap:7px;justify-content:center;margin:20px 0 0}.auth-secure-note svg{height:16px;width:16px}@media (max-width: 820px){.auth-shell{display:block}.auth-visual{display:none}.auth-workspace{align-items:flex-start;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:28px 20px}.auth-mobile-brand{display:block;margin:0 auto;max-width:430px;width:100%}.auth-company-logo--mobile{max-width:270px}.auth-card{margin:44px auto 0}}@media (max-width: 480px){.auth-workspace{background:var(--auth-surface);padding:22px 18px}.auth-card{border:0;box-shadow:none;padding:0}.auth-card h1{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.auth-input-shell,.auth-submit{transition:none}}