:root{
  --mlms-navy:#172a47;
  --mlms-navy-2:#203b61;
  --mlms-gold:#b58a46;
  --mlms-text:#223347;
  --mlms-muted:#718092;
  --mlms-line:#e1e6eb;
  --mlms-soft:#f6f7f9;
  --mlms-danger:#a23d3d;
  --mlms-success:#2f6b48;
  --mlms-white:#fff;
}
html,body{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important}
body.maani-lms-front{min-height:100vh!important;min-height:100dvh!important;background:#fff!important;color:var(--mlms-text)!important;font-family:"Tajawal",Arial,sans-serif!important;overflow-x:hidden!important}
body.maani-lms-front *,body.maani-lms-front *::before,body.maani-lms-front *::after{box-sizing:border-box}
body.maani-lms-front button,body.maani-lms-front input{font-family:"Tajawal",Arial,sans-serif!important}

/* Desktop composition: editorial photo left, product auth right. */
body.maani-lms-front .mlms-auth-shell{
  width:100%!important;min-height:100vh!important;min-height:100dvh!important;
  display:grid!important;grid-template-columns:minmax(0,64fr) minmax(470px,36fr)!important;
  grid-template-areas:"visual panel"!important;direction:ltr!important;background:#fff!important;overflow:hidden!important;
}
body.maani-lms-front .mlms-auth-visual{
  grid-area:visual!important;position:relative!important;width:100%!important;min-width:0!important;height:100vh!important;height:100dvh!important;
  overflow:hidden!important;background:#eef1ee!important;
}
body.maani-lms-front .mlms-auth-visual::after{content:"";position:absolute;inset:0;box-shadow:inset -1px 0 rgba(23,42,71,.05);pointer-events:none}
body.maani-lms-front .mlms-auth-visual img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;
  object-fit:cover!important;object-position:57% center!important;transform:scale(1.005);transform-origin:center;
}
body.maani-lms-front .mlms-auth-panel{
  grid-area:panel!important;min-width:0!important;min-height:100vh!important;min-height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;
  direction:rtl!important;background:#fff!important;padding:46px clamp(34px,3.6vw,72px)!important;position:relative!important;z-index:2!important;
}
body.maani-lms-front .mlms-auth-inner{width:min(100%,520px)!important;margin:0 auto!important;padding:0!important;text-align:right!important}

body.maani-lms-front .mlms-auth-brand{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:0 0 30px!important;text-align:center!important}
body.maani-lms-front .mlms-auth-logo{display:block!important;width:auto!important;max-width:230px!important;height:auto!important;max-height:72px!important;object-fit:contain!important}
body.maani-lms-front .mlms-brand-wordmark{color:var(--mlms-navy)!important;font-size:25px!important;line-height:1.2!important;font-weight:900!important}
body.maani-lms-front .mlms-auth-brand>span{color:var(--mlms-gold)!important;font-size:12px!important;line-height:1.4!important;font-weight:800!important}

body.maani-lms-front .mlms-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 30px!important;border-bottom:1px solid var(--mlms-line)!important}
body.maani-lms-front .mlms-auth-tab{-webkit-appearance:none!important;appearance:none!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#8190a0!important;padding:0 10px 13px!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;box-shadow:none!important}
body.maani-lms-front .mlms-auth-tab.is-active{color:var(--mlms-navy)!important;border-bottom-color:var(--mlms-gold)!important}

body.maani-lms-front .mlms-auth-view[hidden],body.maani-lms-front [data-login-step][hidden],body.maani-lms-front [data-register-step][hidden],body.maani-lms-front [data-recover-step][hidden]{display:none!important}
body.maani-lms-front .mlms-auth-copy{margin:0 0 25px!important;padding:0!important}
body.maani-lms-front .mlms-auth-copy h1{margin:0 0 8px!important;color:var(--mlms-navy)!important;font-size:clamp(30px,2vw,38px)!important;line-height:1.28!important;font-weight:900!important;letter-spacing:-.25px!important}
body.maani-lms-front .mlms-auth-copy p{margin:0!important;color:var(--mlms-muted)!important;font-size:13.5px!important;line-height:1.9!important;font-weight:500!important}

body.maani-lms-front .mlms-auth-status{margin:0 0 18px!important;padding:12px 14px!important;border-radius:9px!important;border:1px solid #dde5ec!important;background:#f4f7fa!important;color:#405a73!important;font-size:12.5px!important;line-height:1.75!important;font-weight:700!important}
body.maani-lms-front .mlms-auth-status.error{background:#fff4f4!important;border-color:#eed8d8!important;color:var(--mlms-danger)!important}
body.maani-lms-front .mlms-auth-status.success{background:#eff8f2!important;border-color:#d8eadf!important;color:var(--mlms-success)!important}

body.maani-lms-front .mlms-auth-form{display:grid!important;gap:16px!important;margin:0!important;padding:0!important}
body.maani-lms-front .mlms-field{display:block!important;margin:0!important;padding:0!important}
body.maani-lms-front .mlms-field>span{display:block!important;margin:0 0 7px!important;color:#33465a!important;font-size:12px!important;line-height:1.5!important;font-weight:800!important}
body.maani-lms-front .mlms-auth-form input[type="text"],body.maani-lms-front .mlms-auth-form input[type="email"],body.maani-lms-front .mlms-auth-form input[type="password"]{
  -webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0 15px!important;
  border:1px solid #d9e0e7!important;border-radius:10px!important;outline:0!important;background:#fff!important;box-shadow:none!important;color:var(--mlms-text)!important;font-size:14px!important;font-weight:500!important;line-height:54px!important;text-align:right!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.maani-lms-front .mlms-auth-form input::placeholder{color:#a1acb8!important;opacity:1!important}
body.maani-lms-front .mlms-auth-form input:focus{border-color:#91a0af!important;box-shadow:0 0 0 3px rgba(23,42,71,.065)!important}

body.maani-lms-front .mlms-password-field{position:relative!important;width:100%!important}
body.maani-lms-front .mlms-password-field input{padding-left:52px!important}
body.maani-lms-front button.mlms-toggle-password{-webkit-appearance:none!important;appearance:none!important;position:absolute!important;left:8px!important;top:8px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:#f2f4f6!important;color:#526274!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
body.maani-lms-front button.mlms-toggle-password svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.maani-lms-front button.mlms-toggle-password .eye-closed{display:none!important}
body.maani-lms-front button.mlms-toggle-password.is-visible .eye-open{display:none!important}
body.maani-lms-front button.mlms-toggle-password.is-visible .eye-closed{display:block!important}

body.maani-lms-front .mlms-auth-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important}
body.maani-lms-front .mlms-remember{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#526274!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}
body.maani-lms-front .mlms-remember input{appearance:auto!important;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--mlms-navy)!important}
body.maani-lms-front .mlms-remember-line{justify-self:start!important}
body.maani-lms-front .mlms-inline-link,body.maani-lms-front .mlms-text-btn{-webkit-appearance:none!important;appearance:none!important;border:0!important;background:transparent!important;color:var(--mlms-navy)!important;padding:2px 0!important;margin:0!important;font-size:12.5px!important;line-height:1.6!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important}
body.maani-lms-front .mlms-inline-link:hover,body.maani-lms-front .mlms-text-btn:hover{text-decoration:underline!important}

body.maani-lms-front button.mlms-primary-btn,body.maani-lms-front a.mlms-primary-btn{-webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:54px!important;min-height:54px!important;margin:1px 0 0!important;padding:0 18px!important;border:1px solid var(--mlms-navy)!important;border-radius:10px!important;background:var(--mlms-navy)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;font-size:14px!important;line-height:1!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;transition:background .18s ease,border-color .18s ease,transform .12s ease,opacity .18s ease!important}
body.maani-lms-front button.mlms-primary-btn:hover{background:var(--mlms-navy-2)!important;border-color:var(--mlms-navy-2)!important}
body.maani-lms-front button.mlms-primary-btn:active{transform:translateY(1px)!important}
body.maani-lms-front button.mlms-primary-btn:disabled{opacity:.7!important;cursor:wait!important}
body.maani-lms-front .mlms-form-note{margin:0!important;color:#8a96a2!important;font-size:11px!important;line-height:1.8!important;font-weight:500!important}

body.maani-lms-front .mlms-step-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 22px!important}
body.maani-lms-front .mlms-step-head>div{display:grid!important;gap:2px!important}
body.maani-lms-front .mlms-step-head strong{color:var(--mlms-navy)!important;font-size:17px!important;font-weight:900!important}
body.maani-lms-front .mlms-step-head span{color:var(--mlms-muted)!important;font-size:11.5px!important;line-height:1.7!important}
body.maani-lms-front .mlms-icon-back{-webkit-appearance:none!important;appearance:none!important;flex:0 0 auto!important;width:38px!important;height:38px!important;border:1px solid var(--mlms-line)!important;border-radius:9px!important;background:#fff!important;color:var(--mlms-navy)!important;display:grid!important;place-items:center!important;cursor:pointer!important;padding:0!important;box-shadow:none!important}
body.maani-lms-front .mlms-icon-back svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}

body.maani-lms-front .mlms-otp-group{display:flex!important;direction:ltr!important;justify-content:space-between!important;gap:8px!important;margin:2px 0!important}
body.maani-lms-front .mlms-otp-group .mlms-otp-digit{width:calc((100% - 40px)/6)!important;height:58px!important;min-height:58px!important;padding:0!important;text-align:center!important;direction:ltr!important;font-size:23px!important;line-height:58px!important;font-weight:800!important;color:var(--mlms-navy)!important;border-radius:10px!important}
body.maani-lms-front .mlms-resend:disabled{color:#a1acb8!important;cursor:not-allowed!important;text-decoration:none!important}

/* Legacy reset template compatibility. */
body.maani-lms-front .mlms-alert{margin:0 0 18px!important;padding:12px 14px!important;border-radius:9px!important;font-size:12.5px!important;line-height:1.75!important;font-weight:700!important}
body.maani-lms-front .mlms-alert.error{background:#fff4f4!important;color:var(--mlms-danger)!important;border:1px solid #eed8d8!important}
body.maani-lms-front .mlms-alert.success{background:#eff8f2!important;color:var(--mlms-success)!important;border:1px solid #d8eadf!important}
body.maani-lms-front .mlms-alert.info{background:#f4f7fa!important;color:#405a73!important;border:1px solid #dde5ec!important}
body.maani-lms-front .mlms-back-link{display:inline-flex!important;margin:18px 0 0!important;color:var(--mlms-navy)!important;font-size:12.5px!important;font-weight:800!important;text-decoration:none!important}

@media (max-width:1180px){
  body.maani-lms-front .mlms-auth-shell{grid-template-columns:minmax(0,58fr) minmax(440px,42fr)!important}
  body.maani-lms-front .mlms-auth-panel{padding:38px 38px!important}
  body.maani-lms-front .mlms-auth-inner{width:min(100%,480px)!important}
}

@media (max-width:900px){
  body.maani-lms-front{overflow:auto!important;background:#fff!important}
  body.maani-lms-front .mlms-auth-shell{display:block!important;min-height:100vh!important;min-height:100dvh!important;overflow:visible!important}
  body.maani-lms-front .mlms-auth-visual{display:none!important}
  body.maani-lms-front .mlms-auth-panel{width:100%!important;min-height:100vh!important;min-height:100dvh!important;padding:36px 28px!important;align-items:center!important}
  body.maani-lms-front .mlms-auth-inner{width:min(100%,520px)!important}
}
@media (max-width:560px){
  body.maani-lms-front .mlms-auth-panel{padding:28px 20px 34px!important;align-items:flex-start!important}
  body.maani-lms-front .mlms-auth-brand{margin-bottom:24px!important}
  body.maani-lms-front .mlms-auth-logo{max-width:190px!important;max-height:60px!important}
  body.maani-lms-front .mlms-auth-tabs{margin-bottom:25px!important}
  body.maani-lms-front .mlms-auth-copy{margin-bottom:22px!important}
  body.maani-lms-front .mlms-auth-copy h1{font-size:29px!important}
  body.maani-lms-front .mlms-auth-copy p{font-size:13px!important}
  body.maani-lms-front .mlms-auth-form{gap:14px!important}
  body.maani-lms-front .mlms-auth-form input[type="text"],body.maani-lms-front .mlms-auth-form input[type="email"],body.maani-lms-front .mlms-auth-form input[type="password"]{height:52px!important;min-height:52px!important;line-height:52px!important}
  body.maani-lms-front button.mlms-primary-btn{height:52px!important;min-height:52px!important}
  body.maani-lms-front .mlms-otp-group{gap:6px!important}
  body.maani-lms-front .mlms-otp-group .mlms-otp-digit{width:calc((100% - 30px)/6)!important;height:54px!important;min-height:54px!important;font-size:20px!important;line-height:54px!important}
}