/* ================= DASHBOARD CARDS ================= */
.cards{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.card{
  flex:1;
  min-width:250px;
}

/* ================= PROFILE ================= */
.profile-card{
  margin-top:20px;
}

.profile-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.profile-form input{
  padding:10px;
  border-radius:8px;
  border:1px solid rgba(0,255,255,0.3);
  background:rgba(0,0,0,0.4);
  color:#fff;
}

/* ================= CLUSTER ================= */
.cluster-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:15px;
}

.server-box{
  padding:15px;
  border-radius:12px;
  background:rgba(0,0,0,0.5);
  border:1px solid rgba(0,255,255,0.3);
}
/* ================= ADMIN HEADER ================= */
.admin-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:25px;
}

.admin-header h1{
  color:#00fff7;
  text-shadow:0 0 10px #00fff7;
}

/* ================= SEARCH ================= */
.admin-search{
  padding:8px 12px;
  border-radius:8px;
  border:1px solid rgba(0,255,247,0.4);

  background:rgba(0,0,0,0.4);
  color:#00fff7;
}

/* ================= STATS ================= */
.admin-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
  gap:20px;
  margin-bottom:30px;
}

/* ================= TABLE BOX ================= */
.admin-box{
  background:rgba(0,0,0,0.5);
  backdrop-filter:blur(10px);

  border:1px solid rgba(0,255,247,0.4);
  border-radius:16px;

  padding:20px;
}

/* ================= TABLE ================= */
.admin-table{
  width:100%;
  border-collapse:collapse;
}

.admin-table th{
  color:#00fff7;
  padding:10px;
}

.admin-table td{
  padding:10px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

/* ================= BUTTONS ================= */
.admin-table button{
  padding:5px 10px;
  border-radius:6px;
  border:none;
  cursor:pointer;
}

.admin-table .btn-delete{
  background:#ff4444;
  color:white;
}

.admin-table .btn-role{
  background:#00ff88;
  color:#002b1a;
}
.admin-container{
  width:90%;
  max-width:1200px;
  margin:100px auto;

  display:flex;
  flex-direction:column;
  gap:30px;
}