/* Dark Mode Styles */
        .dark-mode {
            background-color: #121212;
            color: #e0e0e0;
        }
        
        .dark-mode .navbar {
            background-color: #1a1a1a !important;
        }
        
        .dark-mode .card {
            background-color: #1e1e1e;
            border-color: #333;
        }
        
        .dark-mode .card-header {
            background-color: #2d2d2d !important;
            border-color: #333;
        }
        
        .dark-mode .list-group-item {
            background-color: #1e1e1e;
            border-color: #333;
            color: #e0e0e0;
        }
        
        .dark-mode .alert {
            background-color: #2d2d2d;
            border-color: #444;
            color: #e0e0e0;
        }
        
        .dark-mode .alert-info {
            background-color: #002b36;
            border-color: #004b5c;
            color: #83d0e9;
        }
        
        .dark-mode .alert-success {
            background-color: #0a3622;
            border-color: #0f5132;
            color: #a3cfbb;
        }
        
        .dark-mode .alert-warning {
            background-color: #332701;
            border-color: #664d03;
            color: #ffda6a;
        }
        
        .dark-mode code {
            color: #f8f9fa;
        }
        
        .dark-mode .bg-light {
            background-color: #2d2d2d !important;
            color: #e0e0e0;
        }
        
        .dark-mode .text-muted {
            color: #a0a0a0 !important;
        }
        
        .dark-mode .text-dark {
            color: #e0e0e0 !important;
        }
        
        .dark-mode .dropdown-menu {
            background-color: #2d2d2d;
            border-color: #444;
        }
        
        .dark-mode .dropdown-item {
            color: #e0e0e0;
        }
        
        .dark-mode .dropdown-item:hover {
            background-color: #3d3d3d;
            color: #ffffff;
        }
        
        .dark-mode .form-control {
            background-color: #2d2d2d;
            border-color: #444;
            color: #e0e0e0;
        }
        
        .dark-mode .form-control:focus {
            background-color: #3d3d3d;
            border-color: #0d6efd;
            color: #ffffff;
        }
        
        .dark-mode .input-group-text {
            background-color: #333;
            border-color: #444;
            color: #e0e0e0;
        }
        
        .dark-mode .jumbotron {
            background-color: #2d2d2d !important;
        }
        
        .dark-mode .footer {
            background-color: #1a1a1a !important;
        }
        
        .dark-mode .progress {
            background-color: #2d2d2d;
        }
        
        .dark-mode .progress-bar {
            background-color: #0d6efd;
        }
        
        .dark-mode .table {
            color: #e0e0e0;
        }
        
        .dark-mode .table-light {
            background-color: #2d2d2d !important;
        }
        
        .dark-mode .modal-content {
            background-color: #1e1e1e;
            color: #e0e0e0;
        }
        
        .dark-mode .modal-header {
            border-color: #333;
        }
        
        .dark-mode .modal-footer {
            border-color: #333;
        }
        
        .dark-mode .btn-light {
            background-color: #2d2d2d;
            border-color: #444;
            color: #e0e0e0;
        }
        
        .dark-mode .btn-light:hover {
            background-color: #3d3d3d;
            border-color: #555;
            color: #ffffff;
        }
        
        .dark-mode .btn-outline-light {
            color: #e0e0e0;
            border-color: #666;
        }
        
        .dark-mode .btn-outline-light:hover {
            background-color: #333;
            color: #ffffff;
        }
        
        .dark-mode .bg-white {
            background-color: #2d2d2d !important;
        }
        
        .dark-mode .border {
            border-color: #444 !important;
        }
        
        .dark-mode .border-light {
            border-color: #666 !important;
        }
        
        .dark-mode hr {
            border-color: #444;
        }
        
        .dark-mode .text-body {
            color: #e0e0e0 !important;
        }