@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");
body[data-path="login"] {
  background: #141414 !important;
  color: #ffffff;
  font-family: "Inter", sans-serif;
}
body[data-path="login"] .page-card,
body[data-path="login"] .login-content {
  background: #141414;
  color: white;
  border: none;
  box-shadow: none;
}
body[data-path="login"] .page-card {
  max-width: 420px;
  margin: auto;
  padding: 32px;
}
body[data-path="login"] .page-card-head {
  margin-bottom: 30px;
}
body[data-path="login"] .app-logo {
  width: 68px;
  height: 68px;
  object-fit: contain;
}
body[data-path="login"] h4 {
  color: white !important;
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 36px;
  letter-spacing: -1px;
}
body[data-path="login"] .cr-login-tagline {
  color: #ff8a4c;
  font-size: 14px;
  margin-top: 6px;
}
body[data-path="login"] label,
body[data-path="login"] a,
body[data-path="login"] .page-card-subtitle {
  color: #d8d4ce !important;
}
body[data-path="login"] .form-control {
  background: #242424;
  border: 1px solid #484848;
  color: white;
  border-radius: 9px;
  min-height: 48px;
}
body[data-path="login"] .page-card-actions button[data-variant="solid"],
body[data-path="login"] .btn-primary {
  background: #f15a24 !important;
  color: #141414 !important;
  font-weight: 700;
  min-height: 48px;
  border: none;
  border-radius: 9px;
}
body[data-path="login"] .page-card-actions button:hover {
  background: #ff8a4c !important;
}
body[data-path="login"] :focus-visible {
  outline: 2px solid #ff8a4c;
  outline-offset: 3px;
}
body[data-path="login"] footer {
  display: none;
}
@media (max-width: 480px) {
  body[data-path="login"] .page-card {
    padding: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-path="login"] * {
    animation: none !important;
    transition: none !important;
  }
}
body[data-path="login"] #login_email,
body[data-path="login"] #login_password {
  background: #242424 !important;
  color: #ffffff !important;
  border: 1px solid #484848 !important;
}
body[data-path="login"] .page-card-head .app-logo {
  width: 68px !important;
  height: 68px !important;
}
body[data-path="login"] .page-card-actions button:not([data-variant="solid"]) {
  background: transparent !important;
  color: #eae8e4 !important;
  border: 1px solid #484848 !important;
  min-height: 44px;
  border-radius: 9px;
}
body[data-path='login'] .page-card-actions .es-button:not([data-variant='solid']) { background: transparent !important; color: #EAE8E4 !important; border: 1px solid #484848 !important; min-height: 44px; border-radius: 9px; }
body[data-path='login'] .page-card-head .app-logo { max-width: 68px !important; max-height: 68px !important; }