.sidebar{height:calc(100vh - var(--header-bar-height));position:relative;top:var(--header-bar-height);transition:width .5s;transition:height .5s;padding-top:1rem;max-width:250px;border-right:1px solid rgba(0,0,0,.2)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-content{overflow-y:auto;height:calc(100% - 50px)}.tree-view{list-style:none;padding-left:0}.tree-view ul{list-style:none;padding-left:20px;display:none}.tree-view li{padding:5px 0}.tree-item{cursor:pointer;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:4px;transition:background-color .2s ease;font-size:1rem;text-decoration:none;color:inherit}.tree-item:hover{text-decoration:none;color:inherit;background-color:rgba(0,0,0,.05)}.tree-item i{font-size:.9em}.collapsed .tree-view ul{display:none!important}.collapsed .tree-view>li>span{display:block}.collapsed .tree-view>li:hover>ul{display:none}.collapsed .tree-view>li>ul.hover-panel{display:block;position:fixed;left:var(--sidebar-collapsed-width);background:var(--bg-color);padding:8px;border:1px solid var(--border-color);min-width:200px;margin-left:10px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.collapsed .tree-view>li>ul.hover-panel::before{content:'';position:absolute;left:-6px;top:15px;width:10px;height:10px;background:var(--bg-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transform:rotate(45deg)}.collapse-container{position:absolute;bottom:10px;width:100%;width:calc(100% - 20px);text-align:center}.collapse-btn{width:100%;border:none;transition:all .3s;color:var(--bs-body-color);display:flex;align-items:center;justify-content:center;gap:8px}.collapse-btn i{font-size:1.1rem}.collapse-icon{transition:transform .3s}.collapsed .collapse-icon{transform:rotate(180deg)}.collapsed .collapse-text{display:none}.collapsed .collapse-btn{justify-content:center}.collapsed .tree-item{justify-content:center;font-size:1rem;padding:5px}.collapsed .tree-view>li>.tree-item .item-name{display:none}.collapsed .tree-view>li:hover>ul .item-name{display:inline-block}.collapsed .tree-view>li:hover>ul .tree-item{justify-content:flex-start;padding:8px 12px;border-radius:4px}.collapsed .tree-view>li:hover>ul .tree-item:hover{background-color:rgba(0,0,0,.05)}.hover-panel-header{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1);font-weight:500;font-size:.8rem}#mobileMenuBtn{display:none;padding:.5rem;font-size:1.3rem;cursor:pointer;background:0 0;border:none;color:inherit}@media (max-width:1024px){#mobileMenuBtn{display:block!important}.collapse-container{display:none}#sidebar{position:absolute;left:-100%;bottom:0;z-index:1050;max-width:100vw;width:100%;transition:left .3s ease}.horizontal #sidebar{height:auto;top:-100%;left:unset!important;bottom:unset!important;transition:top .5s}.horizontal #sidebar.mobile-show{top:70px;left:unset!important}.horizontal #sidebar.mobile-show.slim{top:34px;left:unset!important}#sidebar.mobile-show{left:0}.sidebar-mobile-open::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1040}.horizontal #sidebar{display:block}.top-nav{display:none!important}#mainContent{padding-left:10px!important}}.collapsed .tree-view>li>ul.hover-panel{margin-top:-35px;display:block;position:fixed;left:var(--sidebar-collapsed-width);background:var(--bg-color);padding:8px;border:1px solid var(--border-color);min-width:200px;margin-left:10px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.hover-panel::before{content:'';position:absolute;left:-6px;top:15px;width:10px;height:10px;background:var(--bg-color);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transform:rotate(45deg)}.collapsed .tree-view>li>ul.hover-panel .item-name{display:inline-block!important}.collapsed .tree-item i{display:block;margin:0}.tree-item.has-children{position:relative;padding-left:25px}.tree-item.has-children::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s ease;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid gray}.tree-item.has-children.open::before{transform:translateY(-50%) rotate(0)}.collapsed .tree-item.has-children{padding-left:10px}.collapsed .tree-item.has-children::before{display:none}.hover-panel .tree-item.has-children{padding-left:25px}.hover-panel .tree-item.has-children::before{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s ease;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid gray;display:block}.hover-panel .tree-item.has-children.open::before{transform:translateY(-50%) rotate(0)}.hover-panel ul{display:none}.hover-panel .tree-item.open+ul{display:block;padding-left:20px}.hover-panel{pointer-events:auto!important}.hover-panel .tree-item{pointer-events:auto!important;position:relative;z-index:1001}.hover-panel:hover{display:block!important}.hover-panel .tree-item:hover{background-color:rgba(0,0,0,.05)}.hover-panel{position:absolute!important;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1050!important;min-width:200px;padding:8px;margin-left:25px;pointer-events:all!important}.hover-panel *{pointer-events:auto!important}.hover-panel .tree-item{padding:8px 12px;margin:2px 0;border-radius:4px;transition:background-color .2s ease}.hover-panel .tree-item:hover{background-color:rgba(0,0,0,.05)}.sidebar.slim{height:calc(100vh - var(--header-bar-height-slim));top:var(--header-bar-height-slim)}.horizontal .sidebar{display:none}.top-nav{display:none;left:0;right:0;width:100%;height:auto;background:var(--bg-color);z-index:1040;padding:.75rem 1rem;justify-content:center;align-items:center;transition:all .3s ease}.dark-mode .top-nav{background:var(--dark-bg);box-shadow:0 2px 10px rgba(0,0,0,.3)}.horizontal .top-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.top-nav .tree-item i{font-size:1rem;color:#999}.top-nav .item-name{display:none}.top-nav .hover-panel{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);min-width:200px}.top-nav .hover-panel::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(-45deg);width:10px;height:10px;background:var(--bg-color);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.dark-mode .top-nav .hover-panel::before{background:var(--dark-bg)}.horizontal #mainContent{margin-left:0!important;width:100%!important}.horizontal .top-nav{justify-content:center;z-index:1060!important}.horizontal .top-nav .tree-item.has-children::before{display:none}.horizontal .top-nav .hover-panel{position:absolute!important;top:100%!important;left:50%!important;transform:translateX(-50%)!important;margin-top:8px;margin-left:0}.horizontal .top-nav .hover-panel::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(-45deg)!important;width:10px;height:10px;border-left:none!important;border-top:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important;border-bottom:none!important}.dark-mode .horizontal .top-nav .hover-panel::before{background:var(--dark-bg)}.horizontal .top-nav .hover-panel{z-index:2050!important;min-width:200px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dark-mode .horizontal .top-nav .hover-panel{box-shadow:0 2px 10px rgba(0,0,0,.3)}.horizontal .top-nav .hover-panel .tree-item.has-children::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s ease;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid gray;display:block}.horizontal .top-nav .hover-panel .tree-item.has-children+ul{display:none}.horizontal .top-nav .item-name{display:inline-block;color:#999;font-size:.8rem}.horizontal .top-nav .tree-item{justify-content:flex-start}.horizontal .top-nav{padding:0 1rem;gap:1rem}.horizontal .top-nav-item{position:relative}.horizontal .hover-panel{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;margin-top:8px;margin-left:0;z-index:1060}.horizontal .hover-panel{box-shadow:0 2px 10px rgba(0,0,0,.1);background:var(--bg-color);border:1px solid var(--border-color)}.dark-mode.horizontal .hover-panel{background:var(--dark-bg);box-shadow:0 2px 10px rgba(0,0,0,.3)}.hover-panel.child-panel{display:none}.horizontal .hover-panel.child-panel{position:absolute!important;left:100%!important;top:0;transform:none!important;margin-top:0!important;margin-left:0!important}.horizontal .hover-panel.child-panel::before{content:'';width:0;height:0}.dark-mode .horizontal .hover-panel.child-panel::before{background:var(--dark-bg)}.horizontal .hover-panel .tree-item.has-children{position:relative;padding-right:25px}.horizontal .hover-panel .tree-item.has-children::after{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-90deg);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid gray}.horizontal .hover-panel{position:absolute!important}.horizontal .hover-panel .hover-panel{display:none!important}.horizontal .hover-panel.active{display:block!important}.top-nav{padding:.75rem 1rem}.top-nav.slim{height:32px;padding:.25rem .5rem}.top-nav.slim .tree-item{font-size:.875rem;padding:0 .75rem}.top-nav.slim .tree-item i{font-size:1rem}.top-nav.slim .hover-panel{top:40px}.horizontal .top-nav{background-color:transparent}.horizontal .top-nav.slim+#mainContent{margin-top:40px}.horizontal .header-bar.slim+.top-nav{top:30px}.horizontal .top-nav .tree-item{transition:all .3s ease}.dark-mode.horizontal .top-nav.slim{box-shadow:0 1px 3px rgba(0,0,0,.3)}.header-bar.slim+.top-nav{top:30px;padding:.25rem 1rem}.horizontal .top-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.top-nav{padding:.5rem;overflow-x:auto;justify-content:flex-start}.horizontal .top-nav{gap:.5rem}.top-nav .tree-item{padding:.5rem;min-width:auto}.horizontal #mainContent{margin-top:120px}.horizontal .header-bar.slim+.top-nav+#mainContent{margin-top:80px}}.horizontal .hover-panel{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;margin-top:8px;margin-left:0;z-index:1060}.top-nav-item{display:flex;align-items:center;white-space:nowrap}.top-nav::-webkit-scrollbar{display:none}.top-nav{-ms-overflow-style:none;scrollbar-width:none}.tree-item.open::before{transform:translateY(-50%) rotate(0)}.tree-item.open ul{display:block}.tree-item .item-name.active{color:var(--artemis-pink);font-weight:500}