body {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #f8f9fa;
}

h1 {
  text-align: center;
}

table {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
}

th, td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
}

th {
  background-color: #007acc;
  color: white;
}

tr:hover {
  background-color: #e0f0ff;
  cursor: pointer;
}

#details {
  margin: 30px auto;
  padding: 20px;
  border: 2px solid #007acc;
  background: #ffffff;
  width: 60%;
}

.hidden {
  display: none;
}