*,*::before,*::after{box-sizing: border-box}  .auth-shell{--auth-bg: var(--osrah-bg,#f4f6f8);--auth-surface: var(--osrah-surface,#ffffff);--auth-border: var(--osrah-border,#e6e9ee);--auth-ink: var(--osrah-text,#111a2b);--auth-muted: var(--osrah-text-muted,#64707f);--auth-faint: var(--osrah-text-light,#93a0ac);--auth-primary: var(--osrah-primary,#0d2438);--auth-primary-hover: var(--osrah-primary-hover,#123049);--auth-secondary: var(--osrah-secondary,#173a5a);--auth-accent: var(--osrah-accent,#c98a3a);--auth-danger: var(--osrah-danger,#dc2626);--auth-success: var(--osrah-success,#16a34a);--auth-radius: var(--osrah-radius,14px)}body.auth-body{margin: 0;font-family: var(--osrah-font,"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif);color: var(--osrah-text,#111a2b);background: var(--osrah-bg,#f4f6f8)}.auth-shell{min-height: 100vh;display: grid;grid-template-columns: 1fr}@media (min-width: 1024px){.auth-shell{grid-template-columns: 1.05fr 1fr}}  .auth-brand{position: relative;display: none;flex-direction: column;justify-content: space-between;overflow: hidden;padding: 48px;color: #fff;background: radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--auth-accent) 26%,transparent) 0,transparent 34%),linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-secondary) 100%)}@media (min-width: 1024px){.auth-brand{display: flex}}.auth-brand-dots{position: absolute;inset: 0;pointer-events: none;opacity: .5;background-image: radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.2px);background-size: 22px 22px}.auth-brand-top{position: relative;display: flex;align-items: center;gap: 12px}.auth-brand-logo{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 20px;background: rgba(255,255,255,.15);box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);font-size: 26px;font-weight: 800;overflow: hidden}.auth-brand-logo img{width: 100%;height: 100%;object-fit: contain;padding: 8px}.auth-brand-top strong{display: block;font-size: 18px;font-weight: 800}.auth-brand-top span{font-size: 14px;color: rgba(255,255,255,.7)}.auth-brand-body{position: relative}.auth-version-pill{display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;border-radius: 999px;background: rgba(255,255,255,.12);box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);font-size: 12px;font-weight: 700}.auth-version-pill i{font-size: 8px;color: var(--auth-accent)}.auth-brand-body h2{margin: 20px 0 0;font-family: var(--osrah-font-heading,"Noto Kufi Arabic",Tahoma,sans-serif);font-size: 30px;font-weight: 800;line-height: 1.35}.auth-brand-body p{margin: 12px 0 0;max-width: 30rem;font-size: 14px;line-height: 1.8;color: rgba(255,255,255,.72)}.auth-brand-footer{position: relative;display: flex;align-items: center;justify-content: space-between;font-size: 12px;color: rgba(255,255,255,.55)}  .auth-form-side{display: flex;align-items: center;justify-content: center;padding: 24px;background: var(--auth-bg)}.auth-form-inner{width: 100%;max-width: 24rem}.auth-head{margin-bottom: 24px;text-align: right}  .auth-head-logo{display: grid;place-items: center;width: 56px;height: 56px;margin: 0 0 12px;border-radius: 20px;background: var(--auth-primary);color: #fff;font-size: 26px;font-weight: 800;overflow: hidden}.auth-head-logo img{width: 100%;height: 100%;object-fit: contain;padding: 8px}@media (min-width: 1024px){.auth-head-logo{display: none}}.auth-head h1{margin: 0;font-family: var(--osrah-font-heading,"Noto Kufi Arabic",Tahoma,sans-serif);font-size: 22px;font-weight: 800;color: var(--auth-ink)}.auth-head p{margin: 6px 0 0;font-size: 14px;color: var(--auth-muted)}.auth-card{background: var(--auth-surface);border: 1px solid var(--auth-border);border-radius: var(--auth-radius);box-shadow: 0 1px 2px rgba(13,36,56,.04),0 10px 26px rgba(13,36,56,.06);padding: 24px}.auth-field{margin-bottom: 16px}.auth-field label{display: block;margin-bottom: 6px;font-size: 14px;font-weight: 700;color: var(--auth-ink)}.auth-input-wrap{position: relative}.auth-input-wrap > i{position: absolute;top: 50%;right: 14px;transform: translateY(-50%);font-size: 13px;color: var(--auth-faint);pointer-events: none}.auth-input-wrap input{width: 100%;height: 44px;border: 1px solid var(--auth-border);border-radius: 12px;background: var(--osrah-surface,#fff);padding: 0 44px 0 16px;font-family: inherit;font-size: 14px;color: var(--auth-ink);outline: none;transition: border-color .16s ease,box-shadow .16s ease}.auth-input-wrap input:focus{border-color: var(--auth-primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--auth-primary) 18%,transparent)}.auth-alert{display: flex;align-items: center;gap: 8px;margin-bottom: 16px;padding: 10px 12px;border-radius: 12px;background: color-mix(in srgb,var(--auth-danger) 10%,var(--auth-surface));color: var(--auth-danger);font-size: 14px;font-weight: 700}.auth-alert--ok{background: color-mix(in srgb,var(--auth-success) 10%,var(--auth-surface));color: var(--auth-success)}.auth-submit{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;height: 44px;border: 0;border-radius: 12px;background: var(--auth-primary);color: #fff;font-family: inherit;font-size: 14px;font-weight: 700;cursor: pointer;text-decoration: none;transition: background .16s ease,opacity .16s ease}.auth-submit:hover{background: var(--auth-primary-hover)}.auth-submit:disabled{opacity: .6;cursor: default}.auth-submit--ghost{background: var(--auth-bg);color: var(--auth-ink)}.auth-submit--ghost:hover{background: var(--auth-border)}.auth-demo{margin-top: 16px;text-align: center;font-size: 12px;color: var(--auth-faint)}.auth-demo span{font-family: var(--osrah-font-mono,"IBM Plex Mono",ui-monospace,monospace)}.auth-links{margin-top: 16px;text-align: center;font-size: 13px}.auth-links a{color: var(--auth-muted);font-weight: 700;text-decoration: none}.auth-links a:hover{color: var(--auth-primary)}.auth-note{display: flex;align-items: flex-start;gap: 8px;margin-top: 16px;padding: 0 4px;font-size: 12px;line-height: 1.6;color: var(--auth-muted)}.auth-note i{margin-top: 2px;color: var(--auth-faint)}.auth-note p{margin: 0}