.filter-card {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent !important;
}

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

/* Active State Indicators */
.filter-card.active {
    border-color: #212529 !important;
    background-color: #f8f9fa !important;
}
.filter-card.active[data-status="pending"] { border-color: #ffc107 !important; background-color: #fffdf5 !important; }
.filter-card.active[data-status="approved"] { border-color: #198754 !important; background-color: #f4faf6 !important; }
.filter-card.active[data-status="rejected"] { border-color: #dc3545 !important; background-color: #fdf5f5 !important; }
.filter-card.active[data-status="referred"] { border-color: #35c3dc !important; background-color: #e4f4f9 !important; }