/* Transition effects */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

/* Custom styles for the application */
body {
    background-color: #f3f4f6;
}

/* Table styles */
table th, table td {
    vertical-align: middle;
}

/* Button styles */
button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Make sure tables are responsive */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}