/* Navegacion UI aislada para las superficies existentes de ConfigServerMU. */
.csmu-admin-shell .aiz-sidebar-wrap,
.csmu-admin-shell .aiz-sidebar.left {
    transition: width .28s ease, left .28s ease, right .28s ease;
}

.csmu-admin-shell {
    --csmu-bg: #071426;
    --csmu-panel: #0c1b31;
    --csmu-panel-strong: #102747;
    --csmu-border: rgba(83, 158, 255, .28);
    --csmu-text: #e9f3ff;
    --csmu-muted: #8da3c2;
    background:
        radial-gradient(circle at 76% 4%, rgba(21, 111, 255, .12), transparent 28rem),
        linear-gradient(135deg, #061120 0%, #09182c 52%, #071426 100%);
    color: var(--csmu-text);
}

.csmu-admin-shell .aiz-main-wrapper,
.csmu-admin-shell .aiz-content-wrapper,
.csmu-admin-shell .aiz-main-content {
    background: transparent;
}

.csmu-admin-shell .aiz-sidebar.left {
    background:
        linear-gradient(180deg, rgba(9, 25, 49, .98), rgba(5, 15, 30, .98)),
        radial-gradient(circle at 50% 0, rgba(32, 134, 255, .24), transparent 18rem);
    border-right: 1px solid rgba(82, 158, 255, .24);
    box-shadow: 12px 0 34px rgba(0, 0, 0, .22);
}

.csmu-admin-shell .aiz-side-nav-logo-wrap {
    min-height: 74px;
    border-bottom: 1px solid rgba(119, 180, 255, .16);
    background: rgba(3, 13, 28, .32);
}

.csmu-admin-shell .aiz-side-nav-logo-wrap h4 {
    margin: 0;
    color: #f4f8ff;
    letter-spacing: -.02em;
    text-shadow: 0 0 18px rgba(52, 154, 255, .45);
}

.csmu-side-brand-subtitle {
    display: block;
    margin-top: 3px;
    color: #7195c5;
    font-size: 9px;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.csmu-admin-shell .aiz-side-nav-link {
    margin: 3px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #a8bdd9;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.csmu-admin-shell .aiz-side-nav-link:hover {
    border-color: rgba(53, 152, 255, .3);
    background: rgba(35, 125, 255, .12);
    color: #eef7ff;
    transform: translateX(2px);
}

.csmu-admin-shell .aiz-side-nav-item.active > .aiz-side-nav-link,
.csmu-admin-shell .aiz-side-nav-link.active,
.csmu-admin-shell .aiz-side-nav-link[aria-current="page"] {
    border-color: rgba(60, 165, 255, .72);
    background: linear-gradient(100deg, rgba(15, 120, 255, .9), rgba(26, 91, 196, .66));
    box-shadow: 0 0 22px rgba(18, 122, 255, .34), inset 0 0 14px rgba(255, 255, 255, .08);
    color: #fff;
}

.csmu-admin-shell .geo-country-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 1px 4px;
    margin-right: 4px;
    border-radius: 4px;
    background: rgba(43, 156, 255, .14);
    color: #b9ddff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
}

.csmu-admin-shell .aiz-side-nav-icon {
    color: #9acbff;
}

.csmu-admin-shell .aiz-side-nav-link.active .aiz-side-nav-icon,
.csmu-admin-shell .aiz-side-nav-link[aria-current="page"] .aiz-side-nav-icon {
    color: #fff;
}

.csmu-admin-shell .aiz-topbar {
    min-height: 64px;
    border-bottom: 1px solid rgba(85, 159, 255, .2);
    background: rgba(6, 17, 34, .84);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(16px);
}

.csmu-admin-shell .aiz-topbar .btn-light,
.csmu-admin-shell .aiz-topbar .btn-icon {
    border: 1px solid rgba(91, 164, 255, .26);
    background: rgba(11, 35, 67, .78);
    color: #cde5ff;
}

.csmu-admin-shell .aiz-topbar .btn-light:hover,
.csmu-admin-shell .aiz-topbar .btn-icon:hover {
    border-color: rgba(77, 169, 255, .72);
    background: rgba(20, 78, 142, .82);
    box-shadow: 0 0 18px rgba(23, 129, 255, .25);
    color: #fff;
}

.csmu-admin-shell .aiz-topbar .dropdown-toggle,
.csmu-admin-shell .aiz-topbar .fw-500 {
    color: #edf6ff !important;
}

.csmu-admin-shell .aiz-topbar .small,
.csmu-admin-shell .aiz-topbar .opacity-60 {
    color: #8ca7c8 !important;
}

.csmu-admin-shell .aiz-topbar .avatar {
    border: 2px solid rgba(64, 157, 255, .68);
    box-shadow: 0 0 16px rgba(26, 130, 255, .32);
}

.csmu-admin-search {
    width: min(300px, 29vw);
    flex: 0 1 auto;
    flex-shrink: 0;
    height: 34px;
    padding: 0 9px 0 12px;
    border: 1px solid rgba(79, 155, 255, .36);
    border-radius: 7px;
    background: rgba(5, 19, 39, .72);
    color: #80baff;
    box-shadow: inset 0 0 14px rgba(23, 104, 207, .08);
}

.csmu-admin-search + .d-none.d-md-flex {
    flex-shrink: 0;
    margin-left: 12px;
}

.csmu-admin-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #eaf5ff;
    font-size: 11px;
}

.csmu-admin-search input::placeholder {
    color: #7793b8;
}

.csmu-admin-search-shortcut {
    padding: 2px 5px;
    border: 1px solid rgba(105, 171, 255, .22);
    border-radius: 4px;
    color: #85a8d2;
    font-size: 9px;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .csmu-admin-search {
        width: min(260px, 27vw);
    }
}

.csmu-admin-shell .aiz-main-content > .px-15px,
.csmu-admin-shell .aiz-main-content > .px-lg-25px {
    position: relative;
}

.csmu-admin-shell .aiz-main-content > .bg-white {
    border-top: 1px solid rgba(77, 153, 255, .18);
    background: rgba(4, 14, 28, .62) !important;
    color: #7894b9;
}

.csmu-admin-shell .card,
.csmu-admin-shell .table,
.csmu-admin-shell .list-group-item {
    border-color: var(--csmu-border);
    background-color: rgba(11, 28, 52, .82);
    color: var(--csmu-text);
}

.csmu-admin-shell .card-header,
.csmu-admin-shell .table thead th {
    border-color: rgba(89, 161, 255, .18);
    background: rgba(20, 47, 83, .42);
    color: #dcecff;
}

.csmu-admin-shell .text-muted {
    color: var(--csmu-muted) !important;
}

.csmu-admin-shell .admin-metric-card {
    min-height: 142px;
    border-radius: 9px;
    border-top: 1px solid rgba(102, 178, 255, .28);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .04);
}

.csmu-admin-shell .admin-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .22), 0 0 24px rgba(32, 127, 255, .14);
}

.csmu-admin-shell .admin-metric-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    margin-bottom: 9px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 9px;
    box-shadow: 0 0 18px rgba(50, 150, 255, .18);
    color: #fff;
    font-size: 17px;
}

.csmu-admin-shell .admin-geovisit-card {
    overflow: hidden;
    border: 1px solid rgba(42, 143, 255, .62);
    background:
        radial-gradient(circle at 14% 18%, rgba(17, 125, 255, .2), transparent 18rem),
        linear-gradient(145deg, rgba(10, 34, 67, .96), rgba(7, 21, 42, .96));
    box-shadow: 0 0 26px rgba(18, 110, 255, .12);
}

.csmu-admin-shell .admin-geovisit-card .border {
    border-color: rgba(74, 153, 255, .28) !important;
    background: rgba(5, 19, 39, .36);
}

.csmu-admin-shell .admin-geovisit-card .badge {
    border: 1px solid rgba(74, 153, 255, .4);
    background: rgba(25, 100, 201, .24);
    color: #a9d2ff;
}

.csmu-admin-shell .admin-suspicious-card {
    border-color: rgba(243, 52, 117, .72);
    background: linear-gradient(145deg, rgba(72, 18, 50, .8), rgba(23, 13, 37, .92));
}

.csmu-admin-shell .geo-world-map {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    border: 1px solid rgba(57, 151, 255, .3);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 48%, rgba(27, 122, 255, .2), transparent 42%),
        rgba(3, 15, 34, .66);
}

.csmu-admin-shell .geo-world-map svg {
    display: block;
    width: 100%;
    height: 230px;
}

.csmu-admin-shell .geo-world-land {
    fill: rgba(36, 127, 230, .32);
    stroke: rgba(78, 175, 255, .42);
    stroke-width: 2;
    filter: drop-shadow(0 0 8px rgba(22, 127, 255, .3));
}

.csmu-admin-shell .geo-world-grid {
    fill: none;
    stroke: rgba(67, 153, 255, .13);
    stroke-width: 1;
}

.csmu-admin-shell .geo-world-hotspots circle:first-child,
.csmu-admin-shell .geo-world-hotspots circle:nth-child(3),
.csmu-admin-shell .geo-world-hotspots circle:nth-child(5),
.csmu-admin-shell .geo-world-hotspots circle:nth-child(7),
.csmu-admin-shell .geo-world-hotspots circle:nth-child(9) {
    fill: #2fa8ff;
    filter: drop-shadow(0 0 8px #168dff);
}

.csmu-admin-shell .geo-world-hotspots circle:nth-child(even) {
    fill: none;
    stroke: rgba(39, 166, 255, .74);
    stroke-width: 2;
    animation: geoVisitPulse 2.8s ease-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

.csmu-admin-shell .geo-world-hotspots circle:nth-child(4) {
    animation-delay: .55s;
}

.csmu-admin-shell .geo-world-hotspots circle:nth-child(6) {
    animation-delay: 1.1s;
}

.csmu-admin-shell .geo-world-hotspots circle:nth-child(8) {
    animation-delay: 1.65s;
}

.csmu-admin-shell .geo-world-hotspots circle:nth-child(10) {
    animation-delay: 2.2s;
}

.geo-world-map-caption {
    position: absolute;
    right: 14px;
    bottom: 12px;
    color: #a8d3ff;
    font-size: 11px;
}

.geo-world-live-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 50%;
    background: #29d7ff;
    box-shadow: 0 0 10px #29d7ff;
}

@keyframes geoVisitPulse {
    0% { opacity: .85; transform: scale(.55); }
    70%, 100% { opacity: 0; transform: scale(1.7); }
}

@media (max-width: 1199.98px) {
    .csmu-admin-shell .aiz-sidebar.left {
        background-color: #071426;
    }

    .csmu-admin-shell .aiz-topbar {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .csmu-admin-shell .admin-metric-card {
        min-height: 132px;
    }

    .csmu-admin-shell .aiz-main-content > .px-15px,
    .csmu-admin-shell .aiz-main-content > .px-lg-25px {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .csmu-admin-shell .geo-world-map,
    .csmu-admin-shell .geo-world-map svg {
        min-height: 170px;
        height: 170px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .csmu-admin-shell .geo-world-hotspots circle:nth-child(even) {
        animation: none;
    }
}

.csmu-admin-shell .aiz-content-wrapper {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.csmu-admin-shell .aiz-main-wrapper,
.csmu-admin-shell .aiz-main-content,
.csmu-admin-shell .aiz-main-content > div {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.csmu-admin-shell,
.csmu-admin-shell .aiz-main-wrapper,
.csmu-admin-shell .aiz-content-wrapper,
.csmu-admin-shell .aiz-sidebar-wrap,
.csmu-admin-shell .aiz-sidebar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html:has(body.csmu-admin-shell) {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html:has(body.csmu-admin-shell)::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.csmu-admin-shell::-webkit-scrollbar,
.csmu-admin-shell .aiz-main-wrapper::-webkit-scrollbar,
.csmu-admin-shell .aiz-content-wrapper::-webkit-scrollbar,
.csmu-admin-shell .aiz-sidebar-wrap::-webkit-scrollbar,
.csmu-admin-shell .aiz-sidebar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.csmu-admin-shell .aiz-sidebar,
.csmu-admin-shell .aiz-sidebar-wrap {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.csmu-admin-shell .aiz-sidebar::-webkit-scrollbar,
.csmu-admin-shell .aiz-sidebar-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media (min-width: 1200px) {
    .csmu-admin-shell .aiz-sidebar.left {
        left: 0;
        width: 84px;
    }

    @media (max-width: 1199.98px) {
        .csmu-admin-shell .aiz-content-wrapper {
            padding-left: 0;
        }

        .csmu-admin-shell .aiz-topbar {
            left: 0;
            width: 100%;
        }
    }

    .csmu-admin-shell .aiz-content-wrapper {
        padding-left: 84px;
        transition: padding-left .28s ease;
    }

    .csmu-admin-shell .aiz-topbar {
        left: 84px;
        width: calc(100% - 84px);
        transition: left .28s ease, width .28s ease;
    }

    .csmu-admin-shell .aiz-side-nav-logo-wrap {
        overflow: hidden;
        text-align: center;
    }

    .csmu-admin-shell .aiz-side-nav-logo-wrap a {
        display: block;
        overflow: hidden;
        padding-right: 12px;
        padding-left: 12px;
        white-space: nowrap;
    }

    .csmu-admin-shell .aiz-sidebar .aiz-side-nav-text,
    .csmu-admin-shell .aiz-sidebar .aiz-side-nav-arrow,
    .csmu-admin-shell .aiz-sidebar .badge {
        opacity: 0;
        transition: opacity .18s ease;
    }

    .csmu-admin-shell .aiz-sidebar:hover,
    .csmu-admin-shell.csmu-admin-pinned .aiz-sidebar.left {
        width: 265px;
    }

    .csmu-admin-shell .aiz-sidebar:hover .aiz-side-nav-text,
    .csmu-admin-shell .aiz-sidebar:hover .aiz-side-nav-arrow,
    .csmu-admin-shell .aiz-sidebar:hover .badge,
    .csmu-admin-shell.csmu-admin-pinned .aiz-sidebar .aiz-side-nav-text,
    .csmu-admin-shell.csmu-admin-pinned .aiz-sidebar .aiz-side-nav-arrow,
    .csmu-admin-shell.csmu-admin-pinned .aiz-sidebar .badge {
        opacity: 1;
    }

    .csmu-admin-shell .aiz-sidebar-wrap:hover ~ .aiz-content-wrapper,
    .csmu-admin-shell.csmu-admin-pinned .aiz-content-wrapper {
        padding-left: 265px;
    }

    .csmu-admin-shell .aiz-sidebar-wrap:hover ~ .aiz-content-wrapper .aiz-topbar,
    .csmu-admin-shell.csmu-admin-pinned .aiz-topbar {
        left: 265px;
        width: calc(100% - 265px);
    }

    [dir="rtl"] .csmu-admin-shell .aiz-sidebar.left {
        right: 0;
        left: auto;
    }

    [dir="rtl"] .csmu-admin-shell .aiz-content-wrapper,
    [dir="rtl"] .csmu-admin-shell .aiz-sidebar-wrap:hover ~ .aiz-content-wrapper,
    [dir="rtl"] .csmu-admin-shell.csmu-admin-pinned .aiz-content-wrapper {
        padding-right: 84px;
        padding-left: 0;
    }

    [dir="rtl"] .csmu-admin-shell .aiz-topbar {
        right: 84px;
        left: auto;
        width: calc(100% - 84px);
    }

    [dir="rtl"] .csmu-admin-shell .aiz-sidebar-wrap:hover ~ .aiz-content-wrapper,
    [dir="rtl"] .csmu-admin-shell.csmu-admin-pinned .aiz-content-wrapper {
        padding-right: 265px;
    }

    [dir="rtl"] .csmu-admin-shell .aiz-sidebar-wrap:hover ~ .aiz-content-wrapper .aiz-topbar,
    [dir="rtl"] .csmu-admin-shell.csmu-admin-pinned .aiz-topbar {
        right: 265px;
        left: auto;
        width: calc(100% - 265px);
    }
}

.csmu-admin-toggle {
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 2;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: inherit;
    cursor: pointer;
}

.csmu-user-nav {
    transition: box-shadow .25s ease, transform .25s ease;
}

.csmu-user-nav h4 {
    color: #111827 !important;
}

.csmu-user-nav:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.csmu-user-nav .aiz-side-nav-link {
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.csmu-user-nav .aiz-side-nav-link:hover {
    transform: translateX(3px);
}

.modern-header {
    background:
        linear-gradient(90deg, rgba(5, 16, 30, .96), rgba(5, 16, 30, .78)),
        url('../assets/img/template/premium-hero-bg.jpg') center 28% / cover no-repeat;
    border-bottom-color: rgba(255, 181, 46, .28);
}

.modern-link {
    border-radius: 4px;
    color: #f0f3f7;
}

.modern-link:hover {
    color: #ffc64b;
    background: rgba(255, 181, 46, .08);
}

.modern-link.active,
.modern-link[aria-current="page"] {
    color: #ffc64b;
    box-shadow: inset 0 -2px #ffc64b;
}

.modern-btn {
    border: 1px solid rgba(255, 198, 75, .75);
    border-radius: 8px;
    background: linear-gradient(135deg, #ffcf59, #e99114);
    box-shadow: 0 4px 16px rgba(255, 181, 46, .2);
}

.modern-btn:hover {
    background: linear-gradient(135deg, #ffdc7a, #f0a52b);
    box-shadow: 0 6px 24px rgba(255, 181, 46, .35);
}

@media (prefers-reduced-motion: reduce) {
    .csmu-admin-shell .aiz-sidebar,
    .csmu-admin-shell .aiz-content-wrapper,
    .csmu-admin-shell .aiz-topbar,
    .csmu-user-nav,
    .csmu-user-nav .aiz-side-nav-link {
        transition: none;
    }
}