.expanding-category-menu{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:99999}.menu-trigger{width:50px;height:50px;background:#FF6B35;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;z-index:100001}.menu-trigger:hover{background:#FF5722}.menu-icon{display:flex;flex-direction:column;gap:4px;pointer-events:none}.menu-icon span{width:24px;height:3px;background:#fff;border-radius:2px;transition:all 0.3s ease}.menu-container{display:flex;background:#fff;border-radius:0 12px 12px 0;box-shadow:2px 0 20px rgb(0 0 0 / .1);overflow:hidden;height:720px;max-height:85vh;position:relative;z-index:100000}.menu-icons{width:50px;background:#003D5C;display:flex;flex-direction:column;padding:10px 0;overflow-y:auto;scrollbar-width:none;box-sizing:border-box}.menu-icons::-webkit-scrollbar{display:none}.menu-icon-item{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position:relative;text-decoration:none;color:inherit}.menu-icon-item:hover,.menu-icon-item:focus{outline:none;text-decoration:none}.menu-icon-item i{font-size:20px;color:#fff;transition:all 0.3s ease}.menu-icon-item img.menu-icon-img{width:30px;height:30px;object-fit:contain;transition:all 0.3s ease}.menu-icon-item:hover,.menu-icon-item.active{background:rgb(255 255 255 / .1)}.menu-icon-item:hover i,.menu-icon-item.active i{transform:scale(1.2);color:#FF6B35}.menu-icon-item:hover img.menu-icon-img,.menu-icon-item.active img.menu-icon-img{transform:scale(1.2)}.menu-panel{width:0;opacity:0;overflow:hidden;overflow-y:auto;transition:all 0.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#fff;scrollbar-width:thin;scrollbar-color:#ddd #fff0;padding:10px 0;box-sizing:border-box}.menu-panel::-webkit-scrollbar{width:6px}.menu-panel::-webkit-scrollbar-track{background:#fff0}.menu-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.expanding-category-menu:hover .menu-panel{width:250px;opacity:1}.menu-panel-item{padding:12px 20px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#333;transition:all 0.3s ease;border-left:3px solid #fff0;font-size:14px;font-weight:500;flex-shrink:0}.menu-panel-item span{flex:1}.menu-panel-item .fa-chevron-right{margin-left:auto;font-size:12px;color:#999;opacity:0;transform:translateX(-10px);transition:all 0.3s ease;flex-shrink:0}.menu-panel-item:hover{background:#F5F5F5;border-left-color:#FF6B35;padding-left:24px}.menu-panel-item:hover .fa-chevron-right{opacity:1;transform:translateX(0)}.expanding-category-menu:hover .menu-panel-item{animation:slideIn 0.3s ease forwards;opacity:0}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.expanding-category-menu:hover .menu-panel-item:nth-child(1){animation-delay:0.05s}.expanding-category-menu:hover .menu-panel-item:nth-child(2){animation-delay:0.1s}.expanding-category-menu:hover .menu-panel-item:nth-child(3){animation-delay:0.15s}.expanding-category-menu:hover .menu-panel-item:nth-child(4){animation-delay:0.2s}.expanding-category-menu:hover .menu-panel-item:nth-child(5){animation-delay:0.25s}.expanding-category-menu:hover .menu-panel-item:nth-child(6){animation-delay:0.3s}.expanding-category-menu:hover .menu-panel-item:nth-child(7){animation-delay:0.35s}.expanding-category-menu:hover .menu-panel-item:nth-child(8){animation-delay:0.4s}.expanding-category-menu:hover .menu-panel-item:nth-child(9){animation-delay:0.45s}.expanding-category-menu:hover .menu-panel-item:nth-child(10){animation-delay:0.5s}.expanding-category-menu:hover .menu-panel-item:nth-child(11){animation-delay:0.55s}.expanding-category-menu:hover .menu-panel-item:nth-child(12){animation-delay:0.6s}.expanding-category-menu:hover .menu-panel-item:nth-child(13){animation-delay:0.65s}.expanding-category-menu:hover .menu-panel-item:nth-child(14){animation-delay:0.7s}.expanding-category-menu:hover .menu-panel-item:nth-child(15){animation-delay:0.75s}@media (max-width:768px){.expanding-category-menu{position:relative;left:auto;top:auto;transform:none;margin:20px 0}.menu-container{border-radius:12px;min-height:auto}.menu-icons{width:100%;flex-direction:row;flex-wrap:wrap;padding:10px}.expanding-category-menu:hover .menu-panel{width:100%}}.menu-submenu-panel{width:0;opacity:0;overflow:hidden;overflow-y:auto;background:#f9f9f9;transition:all 0.4s cubic-bezier(.4,0,.2,1);border-left:1px solid #e0e0e0;scrollbar-width:thin;scrollbar-color:#ddd #fff0;box-sizing:border-box}.menu-submenu-panel::-webkit-scrollbar{width:6px}.menu-submenu-panel::-webkit-scrollbar-track{background:#fff0}.menu-submenu-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.menu-submenu-panel.active{width:220px;opacity:1;padding:10px 0}.submenu-content{display:none}.submenu-content.active{display:block;animation:fadeInSubmenu 0.3s ease}@keyframes fadeInSubmenu{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.submenu-header{padding:15px 20px;font-weight:600;font-size:15px;color:#1d2327;border-bottom:2px solid #e0e0e0;margin-bottom:10px;display:flex;align-items:center;gap:10px}.submenu-header i{color:#FF6B35}.submenu-items{display:flex;flex-direction:column}.submenu-item{padding:12px 20px;text-decoration:none;color:#333;font-size:14px;transition:all 0.3s ease;border-left:3px solid #fff0;display:block}.submenu-item:hover{background:#fff;border-left-color:#FF6B35;padding-left:24px;color:#FF6B35}.submenu-item-group{margin:5px 0}.submenu-item-parent{padding:12px 20px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px;font-size:14px;background:#fff0;border-radius:4px;margin-bottom:2px;border-left:3px solid #fff0;transition:all 0.3s ease}.submenu-item-parent:hover{background:#fff;border-left-color:#FF6B35;padding-left:24px}.submenu-item-parent a{color:inherit;text-decoration:none;flex:1}.submenu-item-parent:hover a{color:#FF6B35}.submenu-item-parent i{color:#999;font-size:10px;transition:all 0.3s ease}.submenu-item-parent:hover i{color:#FF6B35}.submenu-item-nested{padding-left:15px}.submenu-level-3{padding-left:15px}.submenu-level-4{padding-left:30px}.submenu-level-5{padding-left:45px}.submenu-level-6{padding-left:60px}.submenu-level-7{padding-left:75px}.submenu-level-8{padding-left:90px}.submenu-level-9{padding-left:105px}.submenu-level-10{padding-left:120px}.submenu-item.submenu-level-3,.submenu-item.submenu-level-4,.submenu-item.submenu-level-5,.submenu-item.submenu-level-6,.submenu-item.submenu-level-7,.submenu-item.submenu-level-8,.submenu-item.submenu-level-9,.submenu-item.submenu-level-10{display:flex;align-items:center;gap:8px;font-size:13px}.submenu-item i{font-size:10px;color:#999;flex-shrink:0}.submenu-item:hover i{color:#FF6B35}.menu-icon-item::after{content:'';position:absolute;right:5px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#FF6B35;border-radius:50%;opacity:0;transition:opacity 0.3s ease}.menu-icon-item:hover::after{opacity:1}