.sidebar{width:200px;height:100vh;background:#0c0d14;padding:10px;box-shadow:2px 0 5px #0000001a;transition:transform .3s ease}.fixed-sidebar{position:fixed;left:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter,.slide-leave-to{transform:translate(-100%)}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:10px}.menu-link{text-decoration:none;color:#fff;display:flex;align-items:center;padding:5px;border-radius:10px;transition:background-color .3s}.menu-link:hover{background-color:#0000ff1a}.menu-link.router-link-active{color:#a48eff}.menu-icon{width:20px;height:20px;margin-right:10px}.menu-container[data-v-c8ff88d7]{position:relative;width:100%;height:100%;overflow:visible}.menu-item[data-v-c8ff88d7]{display:flex;justify-content:center;align-items:center;background:#49365bb3;padding:5px 10px;border-radius:16px}.menu-catetory[data-v-c8ff88d7]{color:#fff;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-category[data-v-c8ff88d7]{color:#a48eff}.topbar-container[data-v-c29127a3]{width:100%;height:50px;background:#2c272cb3;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-shadow:0 2px 5px #0000001a;overflow-x:auto;overflow-y:hidden}.topbar-container[data-v-c29127a3]{scrollbar-width:none}.topbar-container[data-v-c29127a3]::-webkit-scrollbar{display:none}.menu-top-link[data-v-c29127a3]{margin:10px 5px;width:auto}#app{display:flex;overflow-x:hidden;flex-direction:column;align-items:center;width:100vw;height:100vh;overflow-y:auto}.topBar{width:100%;height:50px;display:none;position:fixed;z-index:99;margin-top:50px}.toggle-sidebar-btn{position:absolute;top:15px;left:15px;z-index:1000;width:20px;height:20px;cursor:pointer}.logo{width:auto;height:40px;margin-top:5px;margin-left:50px}.sidebar-hidden{display:none}.content{border-left:2px solid rgba(33,34,51,1);border-right:2px solid rgba(33,34,51,1);padding-left:2px;transition:all .3s ease;margin-left:200px;width:calc(100% - 200px);display:flex;background:#0c0d14}.content-expanded{margin-left:0;width:100%}.topPanel{display:flex;padding:0;position:fixed;height:50px;top:0;left:0;width:100%;z-index:100;background:#212233e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sideMenu{width:100%;height:100%}.mainContext{margin-top:50px;width:100%;height:auto}@media screen and (max-width: 1280px){.toggle-sidebar-btn,.sidebar{display:none}.topBar{display:block}.content{margin-top:0;margin-left:0;width:100%}.mainContext{margin-top:100px}.topPanel{display:flex;justify-content:center;align-items:center}.logo{margin:0}}