body {
    font-family: 'Cairo', sans-serif;
    background-color: #f4f6f9;
}
.sidebar {
    width: 250px;
    min-height: calc(100vh - 56px);
}
.sidebar .nav-link {
    color: #333;
    border-radius: 8px;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    background-color: #0d6efd;
    color: #fff;
}
.content-area {
    min-height: calc(100vh - 56px);
}
.card-stat {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.badge-sla-overdue { animation: pulse 1.5s infinite; }
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: .55; }
    100% { opacity: 1; }
}
.table thead th { white-space: nowrap; }
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#0d6efd,#0a3d91);
}
.login-card {
    max-width: 420px;
    width: 100%;
    border-radius: 16px;
    border: none;
}
.timeline-item { border-right: 2px solid #dee2e6; padding-right: 1rem; margin-bottom: 1rem; position: relative; }
.timeline-item::before {
    content: '';
    position: absolute;
    right: -7px; top: 3px;
    width: 12px; height: 12px;
    background: #0d6efd;
    border-radius: 50%;
}