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

/* Navigation */
body.dark-mode .navbar {
    background-color: #0d3d1e !important;
}

body.dark-mode .navbar-brand,
body.dark-mode .navbar-nav .nav-link {
    color: #e0e0e0 !important;
}

body.dark-mode .navbar-nav .nav-link:hover {
    color: #4ade80 !important;
}

/* Cards */
body.dark-mode .card {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .card-header {
    background-color: #0d3d1e !important;
    border-color: #3a3a3a !important;
}

body.dark-mode .card-body {
    color: #e0e0e0 !important;
}

/* Sections */
body.dark-mode section {
    background-color: #1a1a1a !important;
}

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

body.dark-mode .bg-gradient {
    background: linear-gradient(135deg, #0d3d1e 0%, #0a2a4d 100%) !important;
}

/* Text */
body.dark-mode .text-muted {
    color: #999 !important;
}

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

body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6 {
    color: #e0e0e0 !important;
}

/* Links */
body.dark-mode a {
    color: #4ade80 !important;
}

body.dark-mode a:hover {
    color: #22c55e !important;
}

body.dark-mode .text-success {
    color: #4ade80 !important;
}

/* Badges */
body.dark-mode .badge.bg-secondary {
    background-color: #4a4a4a !important;
}

body.dark-mode .badge.bg-info {
    background-color: #0891b2 !important;
    color: #e0e0e0 !important;
}

/* Buttons */
body.dark-mode .btn-success {
    background-color: #15803d !important;
    border-color: #15803d !important;
}

body.dark-mode .btn-success:hover {
    background-color: #166534 !important;
    border-color: #166534 !important;
}

body.dark-mode .btn-outline-success {
    color: #4ade80 !important;
    border-color: #4ade80 !important;
}

body.dark-mode .btn-outline-success:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #fff !important;
}

/* Forms */
body.dark-mode .form-control {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control:focus {
    background-color: #333 !important;
    border-color: #4ade80 !important;
    color: #e0e0e0 !important;
}

/* Tables */
body.dark-mode .table {
    color: #e0e0e0 !important;
}

body.dark-mode .table th,
body.dark-mode .table td {
    border-color: #3a3a3a !important;
}

/* List groups */
body.dark-mode .list-group-item {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .list-group-item-action:hover {
    background-color: #333 !important;
}

/* Progress bars */
body.dark-mode .progress {
    background-color: #3a3a3a !important;
}

/* Breadcrumbs */
body.dark-mode .breadcrumb {
    background-color: transparent !important;
}

body.dark-mode .breadcrumb-item a {
    color: #4ade80 !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #999 !important;
}

/* Footer */
body.dark-mode footer {
    background-color: #0a0a0a !important;
    border-top-color: #3a3a3a !important;
}

/* Dark mode toggle button */
.dark-mode-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #198754;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.dark-mode-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

body.dark-mode .dark-mode-toggle {
    background-color: #fbbf24;
    color: #1a1a1a;
}