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

.dark-mode .header {
    background: #2d2d2d;
}

.dark-mode input, .dark-mode select {
    background: #3d3d3d;
    border-color: #4d4d4d;
    color: #f0f0f0;
}

.dark-mode .video-card {
    background: #2d2d2d;
}

.dark-mode .video-card h3 {
    color: #f0f0f0;
}

.dark-mode .video-card a {
    color: #f0f0f0;
}

.dark-mode .video-meta {
    color: #a0a0a0;
}

.dark-mode .section-title {
    color: #f0f0f0;
}

.dark-mode .content-section {
    color: #a0a0a0;
}

.dark-mode .chart-wrapper {
    background: #2d2d2d;
}

body.dark-mode .chart-tabs .tab-link {
    background: #2d2d2d !important;
    color: #f0f0f0 !important;
    border-color: transparent !important;
}

body.dark-mode .chart-tabs .tab-link:hover {
    background: #3d3d3d !important;
}

body.dark-mode .chart-tabs .tab-link.active {
    background: #4d4d4d !important;
    border-color: #5d5d5d !important;
    color: #ffffff !important;
}

body.dark-mode .chart-tabs .tab-link::after {
    background: #fb7299 !important;
}