.body {
    font-family: 'Poppins', sans-serif;
    padding: 2rem;
  }
h1 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.table-container {
  overflow-x: auto;
  width: 100%;
}

table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
margin-top: 2rem;
}

th, td {
border: 1px solid #ddd;
padding: 12px;
text-align: left;
white-space: nowrap;
}

th {
background-color: #f2f2f2;
}

tr:hover {
background-color: #f9f9f9;
}

.align {
  text-align: center;
}

.download-link {
display: inline-block;
text-decoration: none;
font-weight: 500;
padding: 0.5rem 1rem;
cursor: pointer;
border-radius: 4px;
}

.download-link, .pagination a.active {
  background-color: #6200ee;
  color: #fff;
}

.download-link:hover {
background-color: #5f3894;
}

.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
margin-top: 1.5rem;
}

.pagination a {
padding: 8px 12px;
border: 1px solid #ddd;
text-decoration: none;
color: #333;
border-radius: 4px;
transition: background 0.2s ease;
}

.pagination a.active {
  pointer-events: none;
}

.pagination a:hover:not(.active) {
background-color: #f0f0f0;
}

@media (max-width: 600px) {
  .body {
    padding: 1rem;
  }

  h1 {
    font-size: 1.5rem;
  }

  .download-link {
    padding: 0.4rem 0.75rem;
    font-size: 0.9rem;
  }

  .pagination a {
    padding: 6px 10px;
    font-size: 0.9rem;
  }

  th, td {
    padding: 10px;
    font-size: 0.95rem;
  }
}