/* ===== CARD ===== */
.card{
  background:#fff;
  padding:20px;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  margin-bottom:20px;
}

/* ===== BUTTON ===== */
.btn{
  padding:8px 14px;
  border-radius:6px;
  border:none;
  cursor:pointer;
  font-size:14px;
}

.btn-primary{
  background:#2563eb;
  color:white;
}

.btn-primary:hover{
  background:#1d4ed8;
}

.btn-danger{
  background:#ef4444;
  color:white;
}

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

.table th,
.table td{
  padding:10px;
  border-bottom:1px solid #e2e8f0;
  text-align:left;
}

.table th{
  background:#f8fafc;
}