@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
body[data-path="login"]{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 20%, rgba(20,184,166,.10), transparent 34%),
    radial-gradient(circle at 85% 85%, rgba(15,23,42,.08), transparent 32%),
    #f5f3f7;
  font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-path="login"] .navbar,
body[data-path="login"] .web-footer,
body[data-path="login"] .footer-powered{display:none!important}
body[data-path="login"] .for-login,
body[data-path="login"] .for-forgot,
body[data-path="login"] .for-signup,
body[data-path="login"] .for-login-with-email-link,
body[data-path="login"] .for-email-login{min-height:100vh;align-items:center;justify-content:center}
body[data-path="login"] .login-content.page-card{
  width:min(430px,calc(100vw - 32px));
  background:rgba(255,255,255,.96);
  border:1px solid #e7e2eb;
  border-radius:20px;
  padding:30px!important;
  box-shadow:0 24px 70px rgba(40,30,50,.12);
}
body[data-path="login"] .app-logo{width:52px!important;height:52px!important;border-radius:14px}
body[data-path="login"] .page-card-head h4{font-size:24px!important;letter-spacing:-.03em}
body[data-path="login"] .page-card-subtitle{font-size:12px!important;color:#76707b!important}
body[data-path="login"] .form-control{border-radius:10px!important;border:1px solid #ddd7e2!important;min-height:44px!important;box-shadow:none!important}
body[data-path="login"] .form-control:focus{border-color:#203D35!important;box-shadow:0 0 0 3px rgba(20,184,166,.10)!important}
body[data-path="login"] .btn-primary,
body[data-path="login"] button[data-variant="solid"]{
  background:#1F2A25!important;
  border-color:#1F2A25!important;
  border-radius:10px!important;
  min-height:43px;
  font-weight:700;
}
body[data-path="login"] a{color:#1F2A25!important}
body[data-path="login"] .page-card:before{
  content:"Mizan FMS";
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  color:#1F2A25;
  margin-bottom:-6px;
}

/* CHARCOAL + TEAL LOGIN */
body[data-path="login"]{font-family:"Montserrat",sans-serif!important;background:radial-gradient(circle at 15% 20%,rgba(20,184,166,.10),transparent 34%),radial-gradient(circle at 85% 85%,rgba(15,23,42,.08),transparent 32%),#F0EEE7!important}
body[data-path="login"] .login-content.page-card{border-color:#E2E8F0!important}
body[data-path="login"] .page-card-head h4{font-family:"Montserrat",sans-serif!important;color:#1F2A25!important;font-size:30px!important}
body[data-path="login"] .page-card-subtitle{font-family:"Montserrat",sans-serif!important;font-size:14px!important;color:#64748B!important}
body[data-path="login"] .form-control{font-family:"Montserrat",sans-serif!important;font-size:15px!important}
body[data-path="login"] .btn-primary,body[data-path="login"] button[data-variant="solid"]{background:#1F2A25!important;border-color:#1F2A25!important;font-family:"Montserrat",sans-serif!important;font-size:15px!important}
body[data-path="login"] a,body[data-path="login"] .page-card:before{color:#203D35!important}