body {
    font-family: 'Inter', sans-serif;
    background-color: #f4f7f6;
    color: #2c3e50;
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.btn-success {
    background-color: #27ae60;
    border-color: #27ae60;
}

.btn-success:hover {
    background-color: #219150;
}

.navbar-dark.bg-dark {
    background-color: #2c3e50 !important;
}

.table thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}


.active-cat {
    background-color: #d3e4fd !important;
    border-left: 3px solid #0b5ed7;
}