body{
background:#e6eaef;
font-family:Arial;
}

.login-bg{
background:linear-gradient(#fcc947,#fd275a);
}

.login-card{
padding:30px;
max-width:380px;
width:100%;
border-radius:10px;
}

.card{
border-radius:10px;
}

table{
background:white;
}

@media(max-width:768px){

.login-card{
margin:20px;
}

}

/* Full screen dark overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* dark effect */
  z-index: 999;
}

/* Modal box */
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border-radius: 10px;
  z-index: 1000;
}

/* Hide by default */
.hidden {
  display: none;
}