body {
    background: #000 !important;
    color: #fff !important;
}

.main, .content {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.login-bg,
.login,
.login__block,
.login__block__header,
.login__block__body {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.card, .note, .table, .dropdown-menu, .progress, .note-content {
    border-radius: 18px !important;
    border: 1.5px solid #000 !important;
    box-shadow: none !important;
    background: #000 !important;
    backdrop-filter: none !important;
    color: #fff !important;
}

.sidebar, .page-loader, .login {
    background: #000 !important;
    box-shadow: none !important;
    border-right: 1.5px solid #000 !important;
    color: #fff !important;
}

.badge-primary {
    background: #007bff !important; /* Azul Bootstrap */
    color: #fff !important;
    border: 1.5px solid #007bff !important;
}

hr, .table th, .table td {
    border-color: #000 !important;
    color: #fff !important;
}

::-webkit-scrollbar {
    background: #000 !important;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #fff !important;
    border-radius: 8px;
}

.btn-theme, .btn, .badge, .badge-primary, .badge-danger, .badge-warning, .badge-info, .badge-secondary {
    background: #000 !important;
    color: #fff !important;
    border: 1.5px solid #000 !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    font-weight: 700;
    letter-spacing: 1px;
    transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
}

.btn-theme:hover, .btn:hover {
    background: #222 !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translateY(-2px) scale(1.04);
}

.sidebar .navigation > li > a,
.sidebar .navigation__sub > a,
.sidebar .nav-link,
.sidebar .nav-link[type="button"] {
    background: #000 !important;
    color: #fff !important;
    border-radius: 8px 0 0 8px;
    border: 1.5px solid #000 !important;
}

.sidebar .navigation > li > a:hover,
.sidebar .navigation__sub > a:hover,
.sidebar .nav-link.active, .sidebar .nav-link:focus, .sidebar .nav-link:hover {
    background: #222 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.sidebar .navigation__sub--active > a,
.sidebar .navigation > li.active > a {
    color: #fff !important;
    background: #222 !important;
    border-color: #000 !important;
}

.sidebar .navigation > li.active > a::before,
.sidebar .navigation__sub--active > a::before {
    background: #fff !important;
}

.sidebar hr {
    border-top: 1.5px solid #000 !important;
}

.sidebar .user__img {
    border: 2px solid #000 !important;
}

/* Elimina reglas duplicadas y degradados que sobrescriben el negro */
/* ...resto del código... */