body {
  background-color: red !important;
}

.card-dashboard-primary {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-primary::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--primary)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-secondary {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-secondary::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--secondary)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-success {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-success::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--success)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-warning {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-warning::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--warning)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-danger {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-danger::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--danger)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-info {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-info::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--info)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.card-dashboard-dark {
  position: relative;
  overflow: hidden; /* keeps the inner border nicely clipped */
}

.card-dashboard-dark::before {
  content: "";
  position: absolute;
  inset: 0.4rem; /* how far “inside” the outline sits */
  border-radius: inherit; /* follow card’s rounded corners */
  border: 4px solid rgb(var(--dark)); /* change to success/danger/etc if you like */
  pointer-events: none; /* don’t block clicks */
}

.login-form-container {
  position: relative;
  background-image: url(/assets/images/background/iljpj.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  width: 100%;
  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

/* milky glass layer */
.login-form-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 0;
}

/* keep form content sharp */
.login-form-container > * {
  position: relative;
  z-index: 1;
}

#formlogin {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 16px;
  padding: 1.2rem 2rem;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.form_container {
  background-color: transparent !important;
}