.table thead th { text-align: center; background-color: #f8f9fa; }
.table-hover tbody tr:hover { background-color: #f1f1f1; }
.low-attendance { background-color: #ffcccb; }
.medium-attendance { background-color: #ffeb99; }
.high-attendance { background-color: #d4edda; }
.clickable-row { cursor: pointer; }
.details-row { background-color: #f9f9f9; }
.form-group { margin-bottom: 20px; }
.form-group label { margin-right: 10px; }
.table { width: auto; margin: 0 auto; }
.table th, .table td { vertical-align: middle; }
thead.thead-light th { background-color: #f8f9fa; font-weight: bold; }
.form-control { width: 100px; margin: 0 auto; }
input[type="file"] { width: 100%; margin-bottom: 20px; }
#result { margin-bottom: 2rem;}