.section{
  display:none;
}

.section.active{
  display:block;
}

.main h1{
  color:#3B1F1F;
}

.table-container{
  overflow-x:auto;
  margin-top:20px;
}

table{
  width:100%;
  border-collapse:collapse;
  background:linear-gradient(180deg,#3B1F1F,#2A1414);
  border-radius:16px;
  overflow:hidden;
  border:2px solid #D4AF37;
  color:#F5E6C8;
  box-shadow:0 15px 35px rgba(0,0,0,0.3);
}

th{
  background:#D4AF37;
  color:#2A1414;
  padding:14px;
}

td{
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  text-align:center;
}

.search-box{
  width:100%;
  max-width:320px;
  background:#FFF8EE;
  color:#2A1414;
  border:2px solid #D4AF37;
}

.status-active{
  color:#7CFC98;
  font-weight:bold;
}

.status-inactive{
  color:#FF7B7B;
  font-weight:bold;
}

.action-btn{
  padding:10px 16px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  font-weight:bold;
  margin:2px;
}

.activate-btn{
  background:linear-gradient(135deg,#FFD700,#D4AF37);
  color:#2A1414;
}

.reject-btn{
  background:#FF4D4D;
  color:white;
}

.loading{
  color:#3B1F1F;
  font-size:18px;
  margin-top:20px;
}

.empty-state{
  margin-top:20px;
  background:linear-gradient(180deg,#3B1F1F,#2A1414);
  color:#F5E6C8;
  padding:30px;
  border-radius:16px;
  border:2px solid #D4AF37;
  text-align:center;
}

.password-box{
  background:#FFF8EE;
  color:#2A1414;
  padding:6px 10px;
  border-radius:8px;
  font-weight:bold;
}

.loading::after{
  content:"";
  animation:dots 1.2s infinite;
}

@keyframes dots{

  0%{
    content:"";
  }

  33%{
    content:".";
  }

  66%{
    content:"..";
  }

  100%{
    content:"...";
  }
}