body {
background-color: #1f2d3d;
color: white;
font-family: Arial, sans-serif;
padding: 20px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 50px;
}
th, td {
padding: 12px;
text-align: center;
}
th {
background-color: #2c3e50;
}
tr:nth-child(even) {
background-color: #263545;
}
.late {
background-color: red;
color: white;
font-weight: bold;
}
.button {
padding: 6px 12px;
border: none;
color: white;
cursor: pointer;
font-weight: bold;
}
.button.update {
background-color: #3498db;
}
.button.delete {
background-color: #e74c3c;
margin-left: 5px;
}
.button.update:hover {
background-color: #2980b9;
}
.button.delete:hover {
background-color: #c0392b;
}