body {
    background: #f4f6f9;
}
.login-bg {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}
.login-card {
    border-radius: 16px;
}
.navbar-brand {
    font-weight: 700;
}
.sidebar {
    min-height: calc(100vh - 56px);
    background: #1e293b;
}
.sidebar a {
    color: #cbd5e1;
    display: block;
    padding: 10px 18px;
    text-decoration: none;
    border-left: 3px solid transparent;
}
.sidebar a:hover, .sidebar a.active {
    background: #334155;
    color: #fff;
    border-left: 3px solid #3b82f6;
}
.stat-card {
    border-radius: 14px;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.badge-late { background:#f59e0b; }
.badge-ok { background:#10b981; }
.badge-absent { background:#ef4444; }
.badge-leave { background:#6366f1; }
.task-item { border-left: 4px solid #e2e8f0; padding: 10px 14px; margin-bottom: 8px; background:#fff; border-radius:6px; }
.task-completed { border-left-color:#10b981; }
.task-pending { border-left-color:#f59e0b; }
.task-not_completed { border-left-color:#ef4444; }
.task-in_progress { border-left-color:#3b82f6; }
.alert-card { border-left:4px solid #ef4444; }