/* Task Card Hover Effect */
.task-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.task-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}

/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

body.dark-mode .card {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .card-header {
    background-color: #0d6efd !important;
}

body.dark-mode .bg-light {
    background-color: #333 !important;
}

body.dark-mode .text-muted {
    color: #aaa !important;
}

body.dark-mode .alert-info {
    background-color: #0c5460 !important;
    color: #d1ecf1 !important;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

/* Overdue task highlight */
.task-overdue {
    border-left: 4px solid #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.1) !important;
}

/* Animation for new tasks */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.task-card {
    animation: slideIn 0.3s ease;
}