.custom-table-container {
  background-color: #fff;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
table th, table td {
  vertical-align: middle;
}
thead th {
  background-color: #0d6efd;
  color: white;
  font-weight: 600;
  white-space: nowrap;
}
tbody tr:hover {
  background-color: #f2f6fc;
}

@media (max-width: 576px){
  .custom-table-container{
    padding: .75rem;
    border-radius: 10px;
  }
}