body, .main, .content, .card, .sidebar, .page-loader, .note, .form-control, .table, .dropdown-menu, .progress, .note-content {
    background: linear-gradient(135deg, lch(31.84% 22.08 232.8) 0%, #02746a 40%, #058f94 80%, #089488bb 100%) !important;
    color: #ffffff !important;
    border-color: #088a74 !important;
}

.card, .note, .table, .dropdown-menu, .progress, .note-content {
    border-radius: 18px !important;
    border: 1.5px solid rgba(10, 131, 111, 0.767) !important;
    box-shadow: 0 4px 10px hsla(0, 0%, 9%, 0.767), 0 0 10px rgba(6, 148, 136, 0.1), 0 1.5px 24px rgba(3, 128, 128, 0.667);
    background: rgba(3, 156, 144, 0.7) !important;
    backdrop-filter: blur(8px) saturate(120%);
}

.sidebar, .page-loader, .login {
    background: linear-gradient(135deg, #0f7e50cb 0%, #01746a 100%) !important;
    box-shadow: 0 0 10px rgba(3, 133, 100, 0.1);
}

h1, h2, h3, h4, h5, h6, label, .content__title, .note-content, .form-group label, .sidebar, .main, .dropdown-item, .badge, .btn, .table, .card-body, .card-title, .card-text, .top-nav, .navigation, .sidebar .user__name, .sidebar .user__info, .sidebar .user__img, .sidebar .user, .sidebar .scrollbar, .sidebar .navigation__sub, .sidebar .navigation__sub a, .sidebar .navigation__sub ul, .sidebar .navigation__sub li, .sidebar .navigation__sub .zwicon-password, .sidebar .navigation__sub .zwicon-cloud, .sidebar .navigation__sub .zwicon-credit-card, .sidebar .navigation__sub .zwicon-slider-circle-h, .sidebar .navigation__sub .zwicon-home, .sidebar .navigation__sub .zwicon-amazon {
    color: #ffffff !important;
    text-shadow: none !important;
    letter-spacing: 0.5px;
}

input, select, textarea {
    background: rgba(5, 129, 109, 0.8) !important;
    color: #ffffff !important;
    border: 1.5px solid #ffffff !important;
    box-shadow: 0 0 4px rgba(2, 134, 117, 0.2), 0 1.5px 8px rgba(6, 122, 122, 0.667);
    border-radius: 8px !important;
    font-weight: 500;    .sidebar .navigation > li > a,
    .sidebar .navigation__sub > a {
        background: #222 !important; /* Cambia #222 por el color que prefieras */
        /* ...resto del código... */
    }
}

input:focus, select:focus, textarea:focus {
    outline: none !important;
    border-color: #ff0000 !important;
    box-shadow: 0 0 8px rgba(8, 150, 131, 0.3);
}

.btn-theme, .btn {
    background: #08948d !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    text-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: #036b72 !important;
    color: #fff !important;
    box-shadow: 0 0 8px #037b80;
    transform: translateY(-2px) scale(1.04);
}

.badge, .badge-primary, .badge-danger, .badge-warning, .badge-info, .badge-secondary {
    background: #026d5b !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.content label, .content .content__title, .content .note-content, .content .form-group label,
.content .badge, .content .btn, .content .table, .content .card-body, .content .card-title, .content .card-text {
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

::-webkit-input-placeholder { color: #056863 !important; text-shadow: none !important; }
::-moz-placeholder { color: #ffffff !important; text-shadow: none !important; }
:-ms-input-placeholder { color: #ffffff !important; text-shadow: none !important; }
::placeholder { color: #ffffff !important; text-shadow: none !important; }

hr {
    border-top: 1.5px solid rgba(8, 131, 139, 0.27) !important;
    margin: 2rem 0;
}

.table th, .table td {
    border-color: rgba(8, 131, 131, 0.13) !important;
}

::-webkit-scrollbar {
    width: 8px;
    background: #079494;
}
::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 8px;
}

.login-bg {
    min-height: 100vh;
    width: 100vw;
    color: #fff !important;
    background: none !important;
}

.login__block__header h4, .login__block__header i, .login__block__body label, .login__block__body input, .login__block__body .btn-theme, .login__block__body .btn, .login__block__body {
    color: #fff !important;
    text-shadow: none !important;
}

.login__block__body input, .login__block__body input:focus {
    background: #015e59 !important;
    color: #fff !important;
    border: 1.5px solid #ff0000 !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    font-weight: 500;
}

.login__block__body .btn-theme, .login__block__body .btn {
    background: #ff0000 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 8px !important;
    font-weight: 700;
    letter-spacing: 1px;
    transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
}

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

.quick-stats__info h2, .quick-stats__info small, .card-title, .card-subtitle, .widget-visitors, .widget-past-days, .card, .badge, .btn {
    color: #ff0000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* SVGs de los gráficos del dashboard */
svg.peity rect[fill="rgba(255,255,255,0.85)"] {
    fill: #ff0000 !important;
}

.content .quick-stats__info h2,
.content .quick-stats__info small,
.content .card-title,
.content .card-subtitle,
.content .widget-visitors,
.content .widget-past-days,
.content .card,
.content .badge,
.content .btn {
    color: #ff0000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* SVGs de los gráficos del dashboard */
.content svg.peity rect[fill="rgba(255,255,255,0.85)"] {
    fill: #ff0000 !important;
}

.login {
    color: inherit;
}

.login__block, .login__block__header {
    background: none !important;
}

/* --- Sidebar Responsive Moderno Bootstrap --- */
.sidebar {
    background: linear-gradient(135deg, #10151c 0%, #1a2636 100%) !important;
    box-shadow: 2px 0 24px rgba(2, 124, 94, 0.667) !important;
    width: 250px;
    min-height: 100vh;
    border-right: 1.5px solid rgba(255,255,255,0.07);
    z-index: 1040;
}
.sidebar .scrollbar {
    padding: 0 0 24px 0;
}
.sidebar .navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar .navigation > li {
    margin-bottom: 8px;
}
.sidebar .navigation > li > a,
.sidebar .navigation__sub > a {
    display: flex;
    align-items: center;
    font-size: 1.13rem;
    font-weight: 600;
    color: #fff !important;
    padding: 12px 24px 12px 18px;
    border-radius: 8px 0 0 8px;
    position: relative;
    transition: background 0.18s, color 0.18s;
    letter-spacing: 0.5px;
}
.sidebar .navigation > li > a:hover,
.sidebar .navigation__sub > a:hover {
    background: rgba(5, 141, 112, 0.08) !important;
    color: #ff0000 !important;
}
.sidebar .navigation > li > a,
.sidebar .navigation__sub > a {
    background: #029e84 !important;
    /* ...resto del código... */
}
.sidebar .navigation > li.active > a::before,
.sidebar .navigation__sub--active > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 4px;
    border-radius: 4px;
    background: #ff0000;
}
.sidebar .navigation__sub ul {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 0 0 24px !important;
    padding: 0 !important;
    min-width: 0;
    position: static;
    z-index: auto;
    display: none;
    transition: max-height 0.25s cubic-bezier(.4,0,.2,1);
    max-height: 0;
    overflow: hidden;
}
.sidebar .navigation__sub.navigation__sub--active ul {
    display: block;
    max-height: 500px;
    transition: max-height 0.35s cubic-bezier(.4,0,.2,1);
}
.sidebar .navigation__sub ul li {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: block !important;
}
.sidebar .navigation__sub ul li a {
    color: #fff !important;
    border-radius: 6px !important;
    padding: 10px 18px 10px 32px !important;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: background 0.18s, color 0.18s;
}
.sidebar .navigation__sub ul li a:hover {
    background: #ff0000 !important;
    color: #fff !important;
}
.sidebar .navigation__sub > a::after {
    content: '\25B6';
    display: inline-block;
    margin-left: auto;
    font-size: 13px;
    transition: transform 0.2s;
    color: #fff;
}
.sidebar .navigation__sub.navigation__sub--active > a::after {
    transform: rotate(90deg);
    color: #ff0000;
}
.sidebar hr {
    border-top: 1.5px solid rgba(10, 146, 128, 0.1) !important;
    margin: 18px 0 18px 0;
}
.sidebar .user__img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #ff0000;
}
.sidebar .user__name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}
.sidebar .nav-link {
    color: #fff !important;
    font-weight: 500;
    font-size: 1.08rem;
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 2px;
    transition: background 0.18s, color 0.18s;
    display: flex;
    align-items: center;
}
.sidebar .nav-link i {
    font-size: 1.25em;
    margin-right: 12px;
    min-width: 22px;
    text-align: center;
}
.sidebar .nav-link.active, .sidebar .nav-link:focus, .sidebar .nav-link:hover {
    background: rgba(255,0,0,0.13) !important;
    color: #ff0000 !important;
}
.sidebar .nav .collapse .nav-link {
    padding-left: 36px;
    font-size: 1rem;
    border-radius: 6px;
}
.sidebar .nav .collapse .nav-link:hover {
    background: #ff0000 !important;
    color: #fff !important;
}
.sidebar .nav .collapse {
    background: none;
    border: none;
    margin-bottom: 0;
    transition: max-height 0.3s cubic-bezier(.4,0,.2,1);
}
.sidebar .nav-link[type="button"] {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-align: left;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.08rem;
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    transition: background 0.18s, color 0.18s;
}
.sidebar .nav-link[type="button"]:hover,
.sidebar .nav-link[type="button"]:focus {
    background: rgba(255,0,0,0.13) !important;
    color: #ff0000 !important;
    outline: none;
}
@media (max-width: 991.98px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1040;
        width: 220px;
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(.4,0,.2,1);
    }
    .sidebar.show {
        transform: translateX(0);
    }
    .btn[data-bs-toggle="collapse"] {
        z-index: 1050;
    }
}

.sidebar .user,
.sidebar .user__name {
    background: #02746a !important; /* Cambia #007bff por el color que prefieras */
    color: #ffffff !important;
    border-radius: 8px;
    padding: 8px 16px;
}