@import url("/assets/loc_mn/css/brand-v1.css");
body:is([data-path="login"],[data-path="update-password"]){color-scheme:light;min-height:100dvh;background:linear-gradient(135deg,#f1f6fc,#f7faff 60%,#edf4fc);color:#282b2b;overflow-x:hidden}
body:is([data-path="login"],[data-path="update-password"]) header,body:is([data-path="login"],[data-path="update-password"]) .navbar,body:is([data-path="login"],[data-path="update-password"]) footer,body:is([data-path="login"],[data-path="update-password"]) .web-footer{display:none!important}
body:is([data-path="login"],[data-path="update-password"]) .page_content{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom))}
body:is([data-path="login"],[data-path="update-password"]) .page-card{width:100%;max-width:430px!important;background:linear-gradient(145deg,#ffffffed,#f5f7f0f5);padding:38px!important;border:1px solid #fffffc;border-radius:26px;box-shadow:inset 0 1px 0 white,0 30px 70px #283d271a,0 5px 14px #283d2709;animation:auth-in 460ms cubic-bezier(.16,1,.3,1) backwards}
body:is([data-path="login"],[data-path="update-password"]) .nahia-brand{justify-content:center;margin-bottom:28px}
body:is([data-path="login"],[data-path="update-password"]) .page-card-head{padding:0!important;margin-bottom:24px;text-align:center}
body:is([data-path="login"],[data-path="update-password"]) .page-card-head .app-logo{display:none}
body:is([data-path="login"],[data-path="update-password"]) .page-card-head h4{font-size:24px;line-height:1.4;letter-spacing:-.6px;color:#282b2b;font-weight:650}
body:is([data-path="login"],[data-path="update-password"]) .page-card-subtitle{font-size:14px;color:#526580;line-height:1.6}
body:is([data-path="login"],[data-path="update-password"]) .page-card-body .form-group{position:relative;margin-bottom:17px!important}
body:is([data-path="login"],[data-path="update-password"]) .form-group .form-label{display:block!important;position:static!important;margin:0 0 7px!important;font-size:13px;color:#526580;font-weight:550;transform:none!important;line-height:1.5}
body:is([data-path="login"],[data-path="update-password"]) .form-control{height:49px!important;border-radius:11px!important;border:1px solid #bdcde2!important;background:#ffffff!important;color:#282b2b!important;font-size:16px!important;padding:12px 42px 12px 14px!important;box-shadow:inset 0 2px 4px #39557804!important;transition:border-color 180ms,box-shadow 180ms}
body:is([data-path="login"],[data-path="update-password"]) .form-control:focus{border-color:#3564ce!important;box-shadow:0 0 0 3px #eaf1ff!important;outline:none}
body:is([data-path="login"],[data-path="update-password"]) .form-control:-webkit-autofill{-webkit-text-fill-color:#282b2b!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important}
body:is([data-path="login"],[data-path="update-password"]) .field-icon{display:none}
body:is([data-path="login"],[data-path="update-password"]) .toggle-password{right:14px;bottom:14px;top:auto!important;color:#526580;cursor:pointer}
body:is([data-path="login"],[data-path="update-password"]) .field-error:empty{display:none}
body:is([data-path="login"],[data-path="update-password"]) .field-error{color:#a63329;font-size:13px;margin-top:7px;line-height:1.5}
body:is([data-path="login"],[data-path="update-password"]) .login-error-banner{background:#fceae5!important;color:#a63329!important;border:1px solid #e4bcb3!important;border-radius:11px;padding:12px;font-size:13px}
body:is([data-path="login"],[data-path="update-password"]) .login-error-banner span{color:inherit!important}
body:is([data-path="login"],[data-path="update-password"]) .page-card .text-muted,body:is([data-path="login"],[data-path="update-password"]) .page-card p{color:#526580!important}
body:is([data-path="login"],[data-path="update-password"]) .page-card a:not(.btn){color:#3564ce;text-decoration:none;font-size:13px}
body:is([data-path="login"],[data-path="update-password"]) .page-card a:hover{text-decoration:underline}
body:is([data-path="login"],[data-path="update-password"]) .forgot-password-message{text-align:right;margin:10px 0 0}
body:is([data-path="login"],[data-path="update-password"]) .page-card-actions{margin-top:24px}
body:is([data-path="login"],[data-path="update-password"]) .btn-login[type="submit"],body:is([data-path="login"],[data-path="update-password"]) .btn-forgot,body:is([data-path="login"],[data-path="update-password"]) .btn-signup,body:is([data-path="login"],[data-path="update-password"]) .btn-primary.btn-login{height:48px;border:1px solid #3978f6;border-radius:12px;color:#fff;background:linear-gradient(145deg,#3564ce,#2863de);font-size:15px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff25,0 5px 12px #293d3020;transition:transform 180ms,box-shadow 180ms}
body:is([data-path="login"],[data-path="update-password"]) .btn-login-option,body:is([data-path="login"],[data-path="update-password"]) .btn-default.btn-login:not([type="submit"]){min-height:46px;border:1px solid #bdcde2;border-radius:11px;background:#ffffff;color:#3564ce;font-size:14px}
body:is([data-path="login"],[data-path="update-password"]) button:disabled{opacity:.55;cursor:default}
body:is([data-path="login"],[data-path="update-password"]) button:focus-visible,body:is([data-path="login"],[data-path="update-password"]) a:focus-visible{outline:3px solid #3564ce;outline-offset:3px}
@keyframes auth-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(hover:hover){body:is([data-path="login"],[data-path="update-password"]) .btn-login[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #293d3030}}
@media(max-width:480px){body:is([data-path="login"],[data-path="update-password"]) .page-card{padding:28px 23px!important;border-radius:22px}body:is([data-path="login"],[data-path="update-password"]) .page_content{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){body:is([data-path="login"],[data-path="update-password"]) *,body:is([data-path="login"],[data-path="update-password"]) *::before,body:is([data-path="login"],[data-path="update-password"]) *::after{animation:none!important;transition:none!important}}
/* Shared graphite–white–cobalt identity on Frappe's native auth form. */
body:is([data-path="login"],[data-path="update-password"]){background:var(--nh-ground,#f1f3f5);color:var(--nh-ink,#20292e)}
body:is([data-path="login"],[data-path="update-password"]) .page-card{background:#fff;border:1px solid var(--nh-line,#dce2e6);border-radius:12px;box-shadow:0 16px 48px #20292e0c;animation-duration:240ms}
body:is([data-path="login"],[data-path="update-password"]) .form-control{border-radius:8px!important;border-color:#ccd5dd!important;color:var(--nh-ink,#20292e)!important;box-shadow:none!important}
body:is([data-path="login"],[data-path="update-password"]) .form-control:focus{border-color:var(--nh-action,#1677ff)!important;box-shadow:0 0 0 3px #1677ff18!important}
body:is([data-path="login"],[data-path="update-password"]) :is(.form-label,.page-card-subtitle,.page-card .text-muted,.page-card p){color:var(--nh-muted,#596872)!important}
body:is([data-path="login"],[data-path="update-password"]) .page-card .btn-login[type="submit"]{background:var(--nh-action,#1677ff)!important;color:#fff!important;border:1px solid var(--nh-action,#1677ff)!important;border-radius:8px;box-shadow:none}
body:is([data-path="login"],[data-path="update-password"]) .page-card .btn-login[type="submit"]:hover{background:var(--nh-action-hover,#0964df)!important;box-shadow:none}
body:is([data-path="login"],[data-path="update-password"]) .page-card a:not(.btn){color:var(--nh-action,#1677ff);display:inline-flex;align-items:center;min-height:44px}
body:is([data-path="login"],[data-path="update-password"]) .btn-login-option{border-radius:8px}
body:is([data-path="login"],[data-path="update-password"]) main.container{width:100%;max-width:none;padding:0}
body:is([data-path="login"],[data-path="update-password"]) .page_content>div{width:100%;max-width:430px}
body:is([data-path="login"],[data-path="update-password"]) .toggle-password{box-sizing:content-box;width:18px;height:18px;padding:13px;right:1px;bottom:2px;transform:none!important}
body:is([data-path="login"],[data-path="update-password"]) .toggle-password:focus-visible{outline:2px solid var(--nh-action,#1677ff);outline-offset:-3px;border-radius:8px}