/* assets/css/style.css */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main {
    flex: 1;
}
/* Custom styles for the red gradient in dashboards, hover effects etc. */
.bg-gradient-danger {
    background: linear-gradient(180deg, #dc3545 0%, #a71d2a 100%); /* Red gradient */
}
.hover-dark:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.clickable-box {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}
.clickable-box:hover {
    transform: translateY(-5px);
}
/* Add any other global custom styles here */