.card-stat {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.table-row-hover tbody tr:hover {
    background-color: #f9fafb;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

@media (max-width: 768px) {
    .mobile-stack {
        flex-direction: column;
    }
}