.table-wrapper {
    width: 100%;
    overflow-x: auto;
}
.content table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px;
}
.content table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle; /* Центрирование по вертикали */
  border-bottom: 1px solid rgba(88, 32, 246, 0.2);
  height: 100%; /* Важно для устранения пустот */
}
/* Заголовок: первая строка */
.content table th {
  background-color: rgb(88, 32, 246);
  color: white;
  font-weight: bold;
  border-bottom: 2px solid rgb(88, 32, 246);
  vertical-align: middle; /* Центр по вертикали */
}
/* Полосатый стиль для читаемости */
.content table tr:nth-child(even) {
  background-color: #f9f9ff;
}
/* Подсветка при наведении */
.content table tr:hover {
  background-color: rgba(88, 32, 246, 0.08);
  transition: background-color 0.3s ease;
}