.login-form-panel {
  background: linear-gradient(90deg, #eef4ff 0, #f4f7fc 16%, #f8fafc 42%);
  box-shadow: inset 1px 0 0 rgb(184 210 255 / 0.55);
}

.login-card .btn-primary {
  cursor: pointer;
}

.login-brand small,
.dark .login-brand small {
  color: #b8d2ff;
}

.login-card input:not([type="checkbox"]):not([type="radio"]) {
  border-color: #d5dfec;
  background: #fff;
}

.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus {
  border-color: #b8d2ff;
  -webkit-text-fill-color: #0f172a;
  caret-color: #0f172a;
  box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 9999s ease-out 0s;
}

.dark .login-form-panel {
  background: #111827;
  box-shadow: inset 1px 0 0 rgb(55 65 81 / 0.55);
}

.dark .login-card input:not([type="checkbox"]):not([type="radio"]) {
  border-color: #374151;
  background: #111827;
}

.dark .login-card input:-webkit-autofill,
.dark .login-card input:-webkit-autofill:hover,
.dark .login-card input:-webkit-autofill:focus {
  border-color: #374151;
  -webkit-text-fill-color: #f1f5f9;
  caret-color: #f1f5f9;
  box-shadow: 0 0 0 1000px #293750 inset;
}