.layout-container[data-v-f88ee763]{height:100vh}.sidebar[data-v-f88ee763]{background-color:#304156;flex-direction:column;height:100%;transition:width .3s;display:flex;overflow:hidden}.logo-container[data-v-f88ee763]{background-color:#263445;justify-content:center;align-items:center;height:60px;display:flex}.logo-container img[data-v-f88ee763]{height:40px}.sidebar-menu[data-v-f88ee763]{border-right:none;flex:1}.sidebar-menu[data-v-f88ee763] .el-menu-item{height:50px;line-height:50px;color:#fff!important}.sidebar-menu[data-v-f88ee763] .el-menu-item:hover{color:#fff!important;background-color:#263445!important}.sidebar-menu[data-v-f88ee763] .el-menu-item.is-active{color:#fff!important;background-color:#409eff!important}.sidebar-menu[data-v-f88ee763] .el-sub-menu__title{color:#fff!important}.sidebar-menu[data-v-f88ee763] .el-sub-menu__title:hover{color:#fff!important;background-color:#263445!important}.sidebar-menu[data-v-f88ee763] .el-menu{background-color:#304156!important}.collapse-btn-right[data-v-f88ee763]{cursor:pointer;color:#bfcbd9;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;height:50px;padding:0 15px;font-size:18px;line-height:50px;display:flex}.collapse-btn-right[data-v-f88ee763]:hover{color:#fff}.main-header[data-v-f88ee763]{background-color:var(--el-bg-color);border-bottom:1px solid var(--el-border-color);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left[data-v-f88ee763]{align-items:center;gap:10px;display:flex}.breadcrumb-animate[data-v-f88ee763]{animation:.3s breadcrumbFade-f88ee763}@keyframes breadcrumbFade-f88ee763{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.header-right[data-v-f88ee763]{align-items:center;gap:16px;display:flex}.theme-toggle[data-v-f88ee763]{cursor:pointer;color:var(--el-text-color-primary);align-items:center;transition:color .3s;display:flex}.theme-toggle[data-v-f88ee763]:hover{color:var(--el-color-primary)}.dropdown-trigger[data-v-f88ee763]{cursor:pointer;color:var(--el-text-color-primary);outline:none;align-items:center;gap:8px;display:flex}.user-avatar[data-v-f88ee763]{background-color:var(--el-color-primary)}.username[data-v-f88ee763]{font-size:14px}.main-content[data-v-f88ee763]{background-color:var(--el-bg-color-page);padding:20px;overflow:hidden}.main-content[data-v-f88ee763]>*{height:100%}.el-menu--popup{background-color:var(--el-bg-color-overlay)!important}.el-menu--popup .el-menu-item,.el-menu--popup .el-sub-menu__title{color:var(--el-text-color-primary)!important}.el-menu--popup .el-menu-item:hover,.el-menu--popup .el-sub-menu__title:hover{background-color:var(--el-fill-color-light)!important;color:var(--el-text-color-primary)!important}.el-menu--popup .el-menu-item.is-active{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}