:root {
    color-scheme: dark;
}

body.page-bg {
    min-height: 100vh;
    background: linear-gradient(135deg, #000000 0%, #4f4f4f 100%);
    color: #f8f9fa;
}

.gradient-sidebar {
    background: linear-gradient(180deg, #000000 0%, #242424 40%, #3f3f3f 100%);
}

.main-content-card {
    background: rgba(0, 0, 0, 0.96);
}

.card-hero {
    background: rgba(0, 0, 0, 0.98);
}

.badge-primary {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

.progress {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.progress-bar {
    background-color: #ffffff !important;
}

.text-muted {
    color: #6c757d !important;
}