/* Reports Page Styles */
.reports-page {
    background-color: var(--content-bg);
}

.reports-page .card {
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.reports-page .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}

.offcanvas-backdrop.show {
    opacity: 0.2;
}

.form-control:focus, .form-select:focus {
    border-color: var(--primary-teal);
    box-shadow: 0 0 0 0.25rem rgba(27, 136, 122, 0.1);
}

.btn-outline-secondary:hover {
    background-color: #f8f9fa;
    color: #333;
}

.table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.025em;
}

.badge {
    font-weight: 500;
}