body{
  font-family:Poppins;
  background:#0f172a;
  color:white;
  padding:30px;
}


.admin-text {
  display: flex;
  justify-content: center;
}

/* LOGIN BOX */
#loginBox{
  width:300px;
  margin:auto;
  background:#1e293b;
  padding:30px;
  border-radius:12px;
  text-align:center;
}

/* DASHBOARD */
#dashboard{
  margin-top:20px;
}

/* INPUT */
input, select{
  display:block;
  margin:10px 0;
  padding:10px;
  width:100%;
  border-radius:8px;
  border:none;
}

/* BUTTON */
button{
  padding:10px 20px;
  background:#2563EB;
  color:white;
  border:none;
  border-radius:8px;
  cursor:pointer;
}

/* TABLE */
table{
  width:100%;
  margin-top:20px;
  background:#1e293b;
  border-radius:10px;
  overflow:hidden;
}

table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
  overflow:hidden;
  border-radius:10px;
}

th{
  background:#1e293b;
  padding:12px;
  text-align:left;
}

td{
  padding:10px;
  border-bottom:1px solid #334155;
}

tr:hover{
  background:#1e293b;
}

.form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:15px;
  margin-bottom:20px;
}

.form-full{
  grid-column: span 2;
}