.app-container[data-v-be21e386]{display:flex;height:100vh;background-color:#f0f2f5}.menu-container[data-v-be21e386]{position:relative;width:270px;transition:width .3s cubic-bezier(.4,0,.2,1);background-color:#545c64;box-shadow:2px 0 8px rgba(0,0,0,.15);z-index:1000}.menu-container.collapsed[data-v-be21e386]{width:64px}.collapse-btn[data-v-be21e386]{position:absolute;top:20px;right:15px;width:30px;height:30px;background-color:#545c64;border:2px solid #409eff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s ease;color:#fff;font-size:14px}.collapse-btn[data-v-be21e386]:hover{background-color:#409eff;transform:scale(1.1);box-shadow:0 2px 8px rgba(64,158,255,.3)}.el-menu-vertical[data-v-be21e386]{width:100%;height:100vh;border:none;transition:width .3s cubic-bezier(.4,0,.2,1);padding-top:60px}.el-menu-vertical[data-v-be21e386]:not(.el-menu--collapse){width:270px}.el-menu-vertical .el-menu-item[data-v-be21e386]{height:56px;line-height:56px;padding:0 20px;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.1)}.el-menu-vertical .el-menu-item[data-v-be21e386]:hover{background-color:hsla(0,0%,100%,.1)!important}.el-menu-vertical .el-menu-item.is-active[data-v-be21e386]{background-color:#3e4a53!important;color:#ffd04b!important}.el-menu-vertical .el-menu-item.is-active i[data-v-be21e386]{color:#ffd04b!important}.menu-container.collapsed .el-menu-vertical .el-menu-item[data-v-be21e386]{padding:0;text-align:center;justify-content:center}.el-menu-vertical .el-menu-item i[data-v-be21e386]{width:24px;text-align:center;font-size:18px;margin-right:8px;transition:margin .3s ease}.menu-container.collapsed .el-menu-vertical .el-menu-item i[data-v-be21e386]{margin-right:0}.menu-container.collapsed .el-menu-vertical .el-menu-item.logout-btn[data-v-be21e386]{justify-content:center!important;padding-left:0!important;padding-right:0!important;text-align:center!important;width:100%}.menu-container.collapsed .el-menu-vertical .el-menu-item.logout-btn i[data-v-be21e386]{margin-right:0!important;display:flex;justify-content:center;align-items:center;width:100%}.logout-wrapper[data-v-be21e386]{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:#545c64;border-top:1px solid hsla(0,0%,100%,.1)}.logout-btn[data-v-be21e386]{width:100%;height:40px;color:#fff!important;font-size:14px;border:none;background:transparent;transition:all .3s ease;display:flex;align-items:center;justify-content:flex-start;padding:0}.logout-btn[data-v-be21e386]:hover{background-color:hsla(0,0%,100%,.1)!important;color:#ffd04b!important}.logout-btn i[data-v-be21e386]{font-size:16px;margin-right:8px}.collapsed-logout[data-v-be21e386]{justify-content:center!important}.collapsed-logout i[data-v-be21e386]{margin-right:0!important}.main-content[data-v-be21e386]{flex:1;padding:20px;overflow:auto;transition:margin-left .3s ease;background-color:#f0f2f5}.main-content.expanded[data-v-be21e386]{margin-left:0}@media (max-width:768px){.menu-container[data-v-be21e386]{position:fixed;left:0;top:0;z-index:1000;height:100vh}.menu-container.collapsed[data-v-be21e386]{transform:translateX(-100%)}.main-content[data-v-be21e386]{margin-left:0;width:100%}.collapse-btn[data-v-be21e386]{right:-45px}}.el-menu--collapse .el-menu-item .el-submenu__title span[data-v-be21e386],.el-menu--collapse .el-menu-item span[data-v-be21e386]{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}