h2 {
    font-weight: 600;
    color: #333;
}

.table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.table thead {
    background-color: #343a40;
    color: white;
}

.table-hover tbody tr {
    transition: transform 0.2s ease;
}

.table-hover tbody tr:hover {
   
    background-color: #f8f9fa !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.badge {
    padding: 0.5em 0.75em;
    font-size: 0.85em;
    border-radius: 12px;
    color: white;
    font-weight: 500;
}

.badge-secondary {
    background-color: #6c757d;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529;
}

.badge-success {
    background-color: #28a745;
}

.btn-outline-primary {
    color: #007bff;
    border: 1px solid #007bff;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    color: white;
    background-color: #007bff;
}

.modal-content {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-title {
    font-weight: 600;
}

.btn-close {
    border-radius: 50%;
    padding: 0.25rem;
}