.fixed-sidebar-left.gg-menu {
    --gg-menu-background: #3c0563;
    --gg-menu-text: #f8f3fc;
    --gg-menu-muted: #d1bce1;
    --gg-menu-gold: #f4ca68;
    background: var(--gg-menu-background) !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
    font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.gg-menu *, .gg-menu *::before, .gg-menu *::after { box-sizing: border-box; }
.gg-menu [hidden], .gg-menu .gg-menu-filtered { display: none !important; }
.gg-menu .gg-menu-heading { padding: 12px 18px 6px; color: var(--gg-menu-muted); font: 600 10px/1.4 "Segoe UI", sans-serif; letter-spacing: 2px; }
.gg-menu .gg-menu-tabs { display: flex; gap: 4px; margin: 0 12px 8px; padding: 3px; background: #ffffff12; border: 1px solid #ffffff14; border-radius: 11px; flex-shrink: 0; }
.gg-menu .gg-menu-tab { display: flex; align-items: center; justify-content: center; gap: 6px; flex: 1; padding: 6px 5px; border: 0; border-radius: 7px; background: transparent; color: var(--gg-menu-muted); font: 600 12px/1.2 "Segoe UI", sans-serif; cursor: pointer; transition: background .15s, color .15s; }
.gg-menu .gg-menu-tab.is-selected { background: #f8f3fc; color: #3c0563; box-shadow: 0 2px 7px #18042933; }
.gg-menu .gg-menu-tab:hover:not(.is-selected) { background: #ffffff14; color: #fff; }
.gg-menu .gg-menu-tab i { font-size: 16px; }
.gg-menu .gg-menu-count { min-width: 16px; padding: 2px 4px; border-radius: 4px; background: #ffffff1a; color: inherit; font-size: 9px; }
.gg-menu .is-selected .gg-menu-count { background: #3c056316; }
.gg-menu .gg-menu-scroll { min-height: 0; flex: 1; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ac89c1 transparent; padding: 0 8px 20px; }
.gg-menu .side-nav { width: 100% !important; height: auto; min-height: 0; float: none; margin: 0; background: transparent !important; }
.gg-menu .side-nav li { position: relative; width: 100% !important; }
.gg-menu .side-nav .navigation-header { padding: 6px 12px 4px; color: #c5a6d8 !important; font: 600 10px/1.4 "Segoe UI", sans-serif; letter-spacing: 1.3px; }
.gg-menu .side-nav li.navigation-header > span { padding: 0; color: inherit; font: inherit; }
.gg-menu .side-nav .navigation-header > i { display: none; }
.gg-menu .side-nav > li > a { padding: 6px 12px !important; margin: 1px 0; border: 0 !important; border-radius: 8px; color: var(--gg-menu-text) !important; background: transparent !important; font: 600 14px/1.45 "Segoe UI Variable", "Segoe UI", Arial, sans-serif; text-transform: none !important; transition: background .15s; }
.gg-menu .side-nav > li > a .right-nav-text { color: inherit !important; font: inherit; }
.gg-menu .side-nav > li > a .pull-left > i { width: 19px; margin-right: 11px !important; color: #e6d5f1; font-size: 17px; text-align: center; }
.gg-menu .side-nav > li > a > .pull-right { color: #c7a9da; }
.gg-menu .side-nav li > a:hover, .gg-menu .side-nav li > a:focus-visible { background: #ffffff12 !important; color: #fff !important; }
.gg-menu .side-nav li > a.active, .gg-menu .side-nav li > a[aria-expanded="true"] { color: #fff !important; background: #ffffff19 !important; }
.gg-menu .side-nav li > ul { padding: 0 0 2px 9px !important; margin: 0 0 3px 11px; border-left: 1px solid #ffffff21; background: transparent !important; }
.gg-menu .side-nav li > ul > li > a { display: block; min-height: 28px; padding: 4px 9px !important; border-radius: 6px; background: transparent !important; color: #ede0f5 !important; font: 400 13px/1.5 "Segoe UI Variable", "Segoe UI", Arial, sans-serif; text-transform: none !important; overflow-wrap: anywhere; }
.gg-menu .side-nav li > ul > li > a.active { box-shadow: inset 2px 0 var(--gg-menu-gold); font-weight: 600; }
.gg-menu .side-nav li.gg-menu-leaf > a { padding-left: 36px !important; }
.gg-menu .gg-menu-star { position: absolute; z-index: 2; top: 0; left: 0; display: grid; place-items: center; width: 32px; height: 28px; margin: 0; padding: 5px 7px; background: transparent; border: 0; border-radius: 6px; color: var(--gg-menu-gold); cursor: pointer; transition: background .15s, transform .15s; }
.gg-menu .gg-menu-star svg { display: block; width: 18px; height: 18px; fill: transparent; stroke: currentColor; stroke-width: 1.65; stroke-linejoin: round; }
.gg-menu .gg-menu-star[aria-pressed="true"] svg { fill: currentColor; }
.gg-menu .gg-menu-star:hover { background: #f4ca681c; transform: scale(1.12); }
.gg-menu .gg-menu-star:disabled { cursor: wait; opacity: .6; }
.gg-menu .gg-menu-star.is-saving svg { opacity: .5; }
.gg-menu :is(button,a):focus-visible { outline: 2px solid var(--gg-menu-gold); outline-offset: -2px; }
.gg-menu .gg-menu-empty { padding: 28px 15px; text-align: center; color: var(--gg-menu-muted); font-size: 12px; line-height: 1.7; }
.gg-menu .gg-menu-empty > i { font-size: 34px; color: var(--gg-menu-gold); }
.gg-menu .gg-menu-empty p { color: #fff; margin: 12px 0 5px; font-weight: 600; }
.gg-menu .gg-menu-show-all { margin-top: 18px; padding: 9px 12px; border: 1px solid #ffffff4d; border-radius: 6px; background: #ffffff12; color: #fff; font: 600 12px "Segoe UI", sans-serif; cursor: pointer; }
.gg-menu .gg-menu-status { flex-shrink: 0; margin: 0; padding: 12px 16px; border-top: 1px solid #ffffff24; background: #25013f; color: #fff1c8; font-size: 12px; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) { .gg-menu *, .gg-menu *::before, .gg-menu *::after { transition: none !important; } }
@container (max-width: 90px) {
    .gg-menu .gg-menu-heading, .gg-menu .gg-menu-tabs, .gg-menu .navigation-header, .gg-menu .gg-menu-status { display: none; }
    .gg-menu .gg-menu-scroll { padding-left: 0; padding-right: 0; }
}