.app-container[data-v-50130ffd]{display:flex;height:100vh;background-color:#f0f2f5}.menu-container[data-v-50130ffd]{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-50130ffd]{width:64px}.collapse-btn[data-v-50130ffd]{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-50130ffd]:hover{background-color:#409eff;transform:scale(1.1);box-shadow:0 2px 8px rgba(64,158,255,.3)}.el-menu-vertical[data-v-50130ffd]{width:100%;height:100vh;border:none;transition:width .3s cubic-bezier(.4,0,.2,1);padding-top:60px}.el-menu-vertical[data-v-50130ffd]:not(.el-menu--collapse){width:270px}.el-menu-vertical .el-menu-item[data-v-50130ffd]{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-50130ffd]:hover{background-color:hsla(0,0%,100%,.1)!important}.el-menu-vertical .el-menu-item.is-active[data-v-50130ffd]{background-color:#3e4a53!important;color:#ffd04b!important}.el-menu-vertical .el-menu-item.is-active i[data-v-50130ffd]{color:#ffd04b!important}.menu-container.collapsed .el-menu-vertical .el-menu-item[data-v-50130ffd]{padding:0;text-align:center;justify-content:center;position:relative}.menu-container.collapsed .el-menu-vertical .el-menu-item .menu-item-badge-middle[data-v-50130ffd]{position:absolute;right:-8px;z-index:1100;top:50%;transform:translateY(-50%);margin:0;display:inline-block;order:3}.menu-container.collapsed .el-menu-vertical .el-menu-item>span[data-v-50130ffd]{order:2}.menu-container.collapsed .el-menu-vertical .el-menu-item i[data-v-50130ffd]{order:1}.el-menu-vertical .el-menu-item i[data-v-50130ffd]{width:24px;text-align:center;font-size:18px;margin-right:8px;transition:margin .3s ease}.el-menu-vertical .el-menu-item[data-v-50130ffd]{display:flex;align-items:center}.el-menu-vertical .el-menu-item>span[data-v-50130ffd]{order:2}.el-menu-vertical .el-menu-item .menu-item-badge-middle[data-v-50130ffd]{order:3}.el-menu-vertical .el-menu-item i[data-v-50130ffd]{order:1}.menu-item-has-errors[data-v-50130ffd]{background-color:rgba(255,77,79,.06)!important;border-left:4px solid rgba(255,77,79,.9)!important}.menu-item-badge-middle[data-v-50130ffd]{margin:0 8px;vertical-align:middle;display:inline-block}.menu-container.collapsed .el-menu-vertical .el-menu-item i[data-v-50130ffd]{margin-right:0}.menu-container.collapsed .el-menu-vertical .el-menu-item.logout-btn[data-v-50130ffd]{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-50130ffd]{margin-right:0!important;display:flex;justify-content:center;align-items:center;width:100%}.logout-wrapper[data-v-50130ffd]{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-50130ffd]{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-50130ffd]:hover{background-color:hsla(0,0%,100%,.1)!important;color:#ffd04b!important}.logout-btn i[data-v-50130ffd]{font-size:16px;margin-right:8px}.collapsed-logout[data-v-50130ffd]{justify-content:center!important}.collapsed-logout i[data-v-50130ffd]{margin-right:0!important}.main-content[data-v-50130ffd]{flex:1;padding:20px;overflow:auto;transition:margin-left .3s ease;background-color:#f0f2f5}.main-content.expanded[data-v-50130ffd]{margin-left:0}@media (max-width:768px){.menu-container[data-v-50130ffd]{position:fixed;left:0;top:0;z-index:1000;height:100vh}.menu-container.collapsed[data-v-50130ffd]{transform:translateX(-100%)}.main-content[data-v-50130ffd]{margin-left:0;width:100%}.collapse-btn[data-v-50130ffd]{right:-45px}}.el-drawer .el-menu-vertical .el-menu-item[data-v-50130ffd]{display:flex;align-items:center;position:relative}.el-drawer .el-menu-vertical .el-menu-item>span[data-v-50130ffd]{order:2!important}.el-drawer .el-menu-vertical .el-menu-item i[data-v-50130ffd]{order:1!important}.el-drawer .el-menu-vertical .el-menu-item .menu-item-badge-middle[data-v-50130ffd]{order:3!important;margin-left:8px}.mobile-drawer .el-menu-vertical .el-menu-item[data-v-50130ffd],.tablet-drawer .el-menu-vertical .el-menu-item[data-v-50130ffd]{position:relative}.mobile-drawer .el-menu-vertical .el-menu-item .menu-item-badge-middle[data-v-50130ffd],.tablet-drawer .el-menu-vertical .el-menu-item .menu-item-badge-middle[data-v-50130ffd]{right:-8px;position:absolute;top:50%;transform:translateY(-50%);z-index:1100}.el-menu--collapse .el-menu-item .el-submenu__title span[data-v-50130ffd],.el-menu--collapse .el-menu-item span[data-v-50130ffd]{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}