/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or vendor/assets/stylesheets of plugins,
 * if any, can be referenced here using a relative path.
 *
 *= require_self
 *= require_tree .
 */


.login-container {
  min-height: 100vh !important;
  display: flex !important;
  align-items: top !important;
  justify-content: center !important;
  background: linear-gradient(to right, #EBF4FF, #EBF4FF) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.login-card {
  width: 100% !important;
  max-width: 450px !important;
  background: white !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  padding: 2.5rem !important;
  margin: 2rem auto !important;
  align-self: flex-start !important;
}

.input-field {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  margin-bottom: 1.5rem !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 0.5rem !important;
  font-size: 1rem !important;
}

.submit-button {
  width: 100% !important;
  padding: 0.75rem 1.5rem !important;
  background-color: #2563EB !important;
  color: white !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  margin-top: 1.5rem !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
}

.submit-button:hover {
  background-color: #1D4ED8 !important;
}

.info-box {
  background-color: #EFF6FF !important;
  border-radius: 0.5rem !important;
  padding: 1rem !important;
  margin-bottom: 1.5rem !important;
  display: flex !important;
}