
                                .mega-menu-glass { background: var(--bg-primary, #fbfbfd); border-bottom: 1px solid rgba(0,0,0,0.1); box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
                                .dark .mega-menu-glass { background: var(--bg-primary, #1d1d1f) !important; border-bottom-color: rgba(255,255,255,0.08) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important; }
                                .mega-top-item { display:flex; align-items:center; gap:10px; padding:6px 10px; border-radius:10px; color:var(--text-primary); text-decoration:none; transition: background-color 0.18s ease; cursor:pointer; }
                                .mega-top-item .mega-cat-img { width:32px !important; height:32px !important; border-radius:9px; }
                                .mega-top-item .mega-cat-img svg { width:16px !important; height:16px !important; }
                                .mega-sidebar-scroll { max-height: calc(100vh - var(--header-height, 64px) - 56px); overflow-y: auto; padding-right: 4px; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.15) transparent; }
                                .mega-sidebar-scroll::-webkit-scrollbar { width: 6px; }
                                .mega-sidebar-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }
                                .mega-sidebar-scroll::-webkit-scrollbar-track { background: transparent; }
                                .mega-top-item:hover, .mega-top-item.is-active { background-color: rgba(0,0,0,0.04); }
                                .dark .mega-top-item:hover, .dark .mega-top-item.is-active { background-color: rgba(255,255,255,0.06) !important; }
                                .mega-top-item .mega-top-arrow { margin-left:auto; opacity:0; transform: translateX(-4px); transition: opacity 0.18s ease, transform 0.18s ease; color: var(--text-tertiary); }
                                .mega-top-item:hover .mega-top-arrow, .mega-top-item.is-active .mega-top-arrow { opacity:1; transform: translateX(0); }
                                .mega-cat-img { border: 1.5px solid rgba(0,0,0,0.10); transition: border-color 0.25s ease; background-color: #fff; }
                                .mega-top-item:hover .mega-cat-img, .mega-top-item.is-active .mega-cat-img { border-color: rgba(0,0,0,0.12); }
                                .dark .mega-top-item:hover .mega-cat-img, .dark .mega-top-item.is-active .mega-cat-img { border-color: rgba(255,255,255,0.15); }
                                .mega-cat-placeholder { background-color: #fff; border: 1.5px solid rgba(0,0,0,0.10); }
                                .dark .mega-cat-placeholder { background-color: rgba(255,255,255,0.06) !important; }
                                .mega-sub-link { font-size: 14px; transition: color 0.2s ease; }
                                .mega-sub-link:hover { color: var(--accent) !important; }
                                .dark .mega-sub-link:hover { color: #5ac8fa !important; }
                                .mega-sub-heading { font-size: 12px; font-weight: 600; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.6px; }
                                .mega-sub-col { display:flex; flex-direction:column; gap:6px; }
                                .mega-sub-col > a.mega-sub-link.is-head { font-weight: 600; color: var(--text-primary); font-size: 15px; margin-bottom: 4px; }
                                .mega-banner-empty {
                                    background:
                                        radial-gradient(120% 80% at 100% 0%, rgba(0,113,227,0.07) 0%, transparent 60%),
                                        radial-gradient(120% 80% at 0% 100%, rgba(0,113,227,0.04) 0%, transparent 60%),
                                        var(--bg-secondary, #f5f5f7);
                                    border: 1px solid var(--border-light, rgba(0,0,0,0.06));
                                }
                                .dark .mega-banner-empty {
                                    background:
                                        radial-gradient(120% 80% at 100% 0%, rgba(90,200,250,0.10) 0%, transparent 60%),
                                        radial-gradient(120% 80% at 0% 100%, rgba(90,200,250,0.05) 0%, transparent 60%),
                                        rgba(255,255,255,0.04) !important;
                                    border-color: rgba(255,255,255,0.08) !important;
                                }
                            