.logo {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}

body {
  font-family: "Arial", sans-serif;
  background: linear-gradient(135deg, #a8edea, #fed6e3);
  padding: 20px;
  margin-bottom: 20px;
}
h1 {
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
h2 {
  margin-left: 200px;
}
#date-info {
  font-size: 12px;
  text-align: center;
  color: #333;
}
table {
  table-layout: fixed;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-collapse: collapse;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

#tkbchieu {
  table-layout: fixed;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#tkb tbody tr,
#tkbchieu tbody tr {
  height: 60px;
}
thead {
  background: #4caf50;
  color: white;
}
table tr,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
}

td,
th {
  overflow-wrap: break-word;
  white-space: normal;
  padding: 10px;
}

tr,
th {
  text-align: center;
  padding: 10px;
}

tbody tr:nth-child(even) {
  background: #f2f2f2;
}
tbody tr:hover {
  background: #e1f5fe;
  transition: 0.3;
}

button:hover {
  box-shadow: 0 0 15px #00f2ff;
}