html,
body {
    background: #1b2228;
    color: #e9ecef;
}

.app-bg {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(32, 201, 151, 0.08), transparent 32rem),
        radial-gradient(circle at top right, rgba(13, 110, 253, 0.08), transparent 28rem),
        #1b2228;
    color: #e9ecef;
}

.navbar-modern {
    background: rgba(33, 37, 41, 0.96) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}

.brand-title {
    color: #f8f9fa;
    font-weight: 700;
}

.brand-sub {
    color: #adb5bd;
    font-weight: 500;
}

.reload-indicator {
    color: #adb5bd;
}

.reload-countdown {
    color: #adb5bd;
}

.content-wrap {
    color: #e9ecef;
}

.navlink-modern {
    color: #f8f9fa !important;
    background: #2f363d;
    border: 1px solid #495057;
    border-radius: 0.75rem;
    margin-left: 0.25rem;
    padding: 0.45rem 0.85rem;
    font-weight: 600;
}

.navlink-modern:hover {
    color: #ffffff !important;
    background: #3b444d;
    border-color: #6c757d;
}

.navlink-modern.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0d6efd, #20c997);
    border-color: rgba(255, 255, 255, 0.25);
}

.card,
.dashboard-card {
    background: #2f363d;
    color: #e9ecef;
    border-color: #495057;
}

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