body {
    background-color: #f4f6f9;
}
.navbar-brand {
    font-weight: 700;
}
.card {
    border: none;
    border-radius: 12px;
}
.btn-absen {
    font-size: 1.1rem;
    padding: 14px 0;
    border-radius: 10px;
}
.sidebar {
    min-height: 100vh;
    background: #1e293b;
}
.sidebar a {
    color: #cbd5e1;
    display: block;
    padding: 12px 20px;
    text-decoration: none;
}
.sidebar a:hover, .sidebar a.active {
    background: #334155;
    color: #fff;
}
.badge-status-hadir { background-color: #198754; }
.badge-status-luar { background-color: #dc3545; }
