body {
    background-color: #f4f6f9;
}

.login-body {
    min-height: 100vh;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.login-card {
    width: 100%;
    max-width: 380px;
    border: none;
    border-radius: 14px;
}

.status-radio-group label {
    margin-right: 10px;
    font-weight: 500;
    cursor: pointer;
}

.status-Present { color: #198754; font-weight: 600; }
.status-Absent { color: #dc3545; font-weight: 600; }
.status-HalfDay { color: #fd7e14; font-weight: 600; }
.status-Leave { color: #0d6efd; font-weight: 600; }

.status-badge-Present { background: #198754; color: #fff; padding: 5px 10px; border-radius: 12px; }
.status-badge-Absent { background: #dc3545; color: #fff; padding: 5px 10px; border-radius: 12px; }
.status-badge-HalfDay { background: #fd7e14; color: #fff; padding: 5px 10px; border-radius: 12px; }
.status-badge-Leave { background: #0d6efd; color: #fff; padding: 5px 10px; border-radius: 12px; }

#attendanceTable tbody tr:hover,
.table tbody tr:hover {
    background-color: #eef3ff;
}

#cameraVideo, #capturedImg {
    object-fit: cover;
}

#markButtons .btn {
    min-width: 130px;
}