/* Modern table styling */
.student-details {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.student-details th, .student-details td {
    padding: 12px;
    border: 1px solid #ddd;
}

.student-details th {
    background-color: #007bff;
    color: white;
    text-transform: uppercase;
}

.student-details tr:nth-child(even) {
    background-color: #f8f9fa;
}

.student-details tr:hover {
    background-color: #f1f1f1;
}

.student-details td {
    font-weight: 500;
}
/* IN Button (Green) */
.btn-in {
    background-color: #28a745; /* Green */
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.btn-in:hover {
    background-color: #218838; /* Darker Green */
}

/* OUT Button (Red) */
.btn-out {
    background-color: #dc3545; /* Red */
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.btn-out:hover {
    background-color: #c82333; /* Darker Red */
}

.nav-link {
    transition: all 0.3s ease-in-out;
    color: #eeeeee; /* Default color */
    font-weight: bold;
}

.nav-link:hover {
    background-color: #007bff; /* Highlight background */
    color: white !important; /* Text color change */
    border-radius: 5px; /* Rounded corners */
    padding: 8px 12px; /* Adds padding for better visibility */
}