/* Dark mode specific styles */
[data-theme="dark"] {
    /* Background colors */
    --bg-primary: var(--bg-dark);
    --bg-secondary: var(--bg-dark-light);
    
    /* Card styles */
    .card {
        background-color: var(--bg-dark-light);
        border-color: #404040;
    }
    
    .card-header {
        background-color: rgba(0,0,0,0.2);
        border-bottom-color: #404040;
    }
    
    /* Table styles */
    .table {
        color: var(--text-light);
    }
    
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.05);
    }
    
    /* Form styles */
    .form-control, .form-select {
        background-color: var(--bg-dark);
        border-color: #404040;
        color: var(--text-light);
    }
    
    .form-control:focus, .form-select:focus {
        background-color: var(--bg-dark);
        border-color: var(--secondary-color);
        color: var(--text-light);
    }
    
    /* Modal styles */
    .modal-content {
        background-color: var(--bg-dark-light);
        border-color: #404040;
    }
    
    .modal-header, .modal-footer {
        border-color: #404040;
    }
    
    /* List group styles */
    .list-group-item {
        background-color: var(--bg-dark-light);
        border-color: #404040;
        color: var(--text-light);
    }
    
    /* Dropdown styles */
    .dropdown-menu {
        background-color: var(--bg-dark-light);
        border-color: #404040;
    }
    
    .dropdown-item {
        color: var(--text-light);
    }
    
    .dropdown-item:hover {
        background-color: rgba(255,255,255,0.1);
        color: var(--text-light);
    }
    
    /* Alert styles */
    .alert {
        border-color: #404040;
    }
    
    /* Input group styles */
    .input-group-text {
        background-color: var(--bg-dark-light);
        border-color: #404040;
        color: var(--text-light);
    }
}

/* Hover effects for links and buttons */
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Icon animations */
.nav-link i {
    transition: transform 0.3s ease;
}

.nav-link:hover i {
    transform: scale(1.2);
}

/* Notification badge animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.badge-notify {
    animation: pulse 2s infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}

/* Toast notifications */
.toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
}