table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-family: Arial, sans-serif;
font-size: 13px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
select{
font-family: Arial, sans-serif;
font-size: 13px;
margin-top:5px;
}
th, td {
border: 1px solid #778899;
text-align: left;
padding: 7px 10px;
transition: background-color 0.3s ease;
}
th {
background-color: #3a98cf;
color: #fff;
font-weight: bold;
}
td {
background-color: #fff;
color: #000000;
}
tr:nth-child(even) td {
background-color: #f2f2f2;
}
tr:hover td {
background-color: #e9e9e9;
}
th:first-child, td:first-child {
border-left: none;
}
th:last-child, td:last-child {
border-right: none;
}
td:first-child {
border-bottom-left-radius: 5px;
}
td:last-child {
border-bottom-right-radius: 5px;
}