.app-sidebar .menu .menu-item.is-current-page > .menu-link {
    background: rgba(255, 255, 255, 0.06);
    background: color-mix(in srgb, var(--bs-theme) 14%, transparent);
    box-shadow:
            inset 3px 0 0 var(--bs-theme),
            0 0 14px color-mix(in srgb, var(--bs-theme) 16%, transparent);
}

.app-sidebar .menu .menu-item.is-current-page > .menu-link .menu-icon,
.app-sidebar .menu .menu-item.is-current-page > .menu-link .menu-text {
    color: var(--bs-theme);
}

.app-sidebar .menu .menu-item.has-attention > .menu-link {
    position: relative;
}

.app-sidebar .menu .menu-item.has-attention > .menu-link::after {
    content: "";
    position: absolute;
    inset: 0.4rem 0.5rem;
    border-radius: 0.5rem;
    pointer-events: none;
    box-shadow: 0 0 12px color-mix(in srgb, var(--bs-theme) 16%, transparent);
    opacity: 0.55;
}

.app-sidebar .menu .menu-badge-pulse {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--bs-theme) 45%, transparent);
    animation: cc-menu-badge-pulse 1.8s infinite;
}

.sidebar-clock {
    background: rgba(255, 255, 255, 0.025);
    background: color-mix(in srgb, var(--bs-theme) 5%, transparent);
}

.sidebar-user-panel {
    background: rgba(255, 255, 255, 0.015);
}

.sidebar-user-toggle {
    color: inherit;
    cursor: pointer;
}

.sidebar-user-toggle:hover .fw-bold,
.sidebar-user-toggle:focus .fw-bold {
    color: var(--bs-theme);
}

.sidebar-user-toggle:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bs-theme) 65%, transparent);
    outline-offset: 3px;
    border-radius: 0.5rem;
}

.sidebar-user-caret-wrap {
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid color-mix(in srgb, var(--bs-theme) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-theme) 7%, transparent);
}

.sidebar-user-caret {
    font-size: 0.75rem;
    transform: rotate(var(--sidebar-caret-rotate, 0deg));
    transition: transform 0.22s ease;
}

.sidebar-user-toggle[aria-expanded="true"] .sidebar-user-caret {
    --sidebar-caret-rotate: 0deg;
}

.sidebar-user-toggle[aria-expanded="false"] .sidebar-user-caret {
    --sidebar-caret-rotate: var(--sidebar-caret-closed-rotate, -180deg);
}

.sidebar-wallet {
    background: rgba(255, 255, 255, 0.025);
}

.sidebar-stat-mini {
    height: 0.25rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.sidebar-stat-mini span {
    display: block;
    min-width: 0.25rem;
    height: 100%;
    border-radius: 999px;
}

.sidebar-stat-row {
    font-size: 0.75rem;
}

.sidebar-stat-progress {
    height: 0.45rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

.sidebar-stat-progress .progress-bar {
    border-radius: 999px;
    box-shadow: 0 0 6px color-mix(in srgb, currentColor 26%, transparent);
}

@keyframes cc-menu-badge-pulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--bs-theme) 45%, transparent);
    }

    70% {
        box-shadow: 0 0 0 0.4rem transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
.app.app-without-sidebar .app-sidebar,
.app.app-without-sidebar .app-sidebar-mobile-backdrop,
.app.app-without-sidebar .desktop-toggler,
.app.app-without-sidebar .mobile-toggler {
    display: none !important;
}

.app.app-without-sidebar .app-content {
    margin-left: 0 !important;
    width: 100% !important;
}

.app.app-without-sidebar .app-footer {
    margin-left: 0 !important;
}

.app.app-without-sidebar .app-header {
    padding-left: 0 !important;
}

.app.app-without-sidebar .brand {
    margin-left: 0 !important;
}

.modal-backdrop {
    --bs-backdrop-zindex: 2990;
    z-index: 2990 !important;
}

.modal {
    --bs-modal-zindex: 3000;
    z-index: 3000 !important;
}