.home-container{height:100vh;display:flex}.aside{background-color:#304156;height:100vh}.aside .el-menu{border-right:none}.aside .el-menu-vertical{height:100%}.aside .el-menu-vertical:not(.el-menu--collapse){width:200px}.right-section{flex:1;display:flex;flex-direction:column}.el-header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;padding:0 20px}.el-header,.header-tabs{display:flex;align-items:center}.header-tabs{margin-right:20px;margin-top:10px}.header-tabs,.header-tabs .el-tabs{flex:1;min-width:0}.header-tabs .el-tabs .el-tabs__header{margin:0}.header-tabs .el-tabs .el-tabs__header .el-tabs__nav-wrap{overflow:hidden}.header-tabs .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav{border:none}.header-tabs .el-tabs .el-tabs__item{height:32px;line-height:32px;padding:0 12px;font-size:12px;border:1px solid #e4e7ed!important;background-color:#f5f7fa!important;color:#606266!important;transition:all .3s ease}.header-tabs .el-tabs .el-tabs__item:hover{background-color:#ecf5ff!important;color:#409eff!important;border-color:#c6e2ff!important}.header-tabs .el-tabs .el-tabs__item.is-active{box-shadow:0 2px 4px rgba(64,158,255,.3)!important}.header-tabs .el-tabs .el-tabs__item.is-active:hover{background-color:#337ecc!important;border-color:#337ecc!important;color:#fff!important}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-right .el-button{margin-left:5px}.el-main{flex:1;padding:.01px;padding-left:10px;background-color:#fff;overflow-y:auto}.el-submenu .el-menu-item{min-width:200px;padding-left:40px!important}.el-submenu .el-menu-item:hover,.el-submenu__title:hover{background-color:#263445!important}.tabs-control{margin-left:10px;flex-shrink:0}.tabs-control-btn{cursor:pointer;padding:4px 8px;font-size:14px;color:#606266}.tabs-control-btn:hover{color:#409eff}.sortable-ghost{opacity:.6;background:#c8ebfb}.el-tabs__item{cursor:pointer}.header-tabs .el-tabs .el-tabs__item{background-color:#fff!important;color:#666!important;border:1px solid #e6e6e6!important;border-radius:4px!important;margin-right:4px!important;font-size:13px!important;padding:0 16px!important;height:32px!important;line-height:30px!important;border-bottom:none!important}.header-tabs .el-tabs .el-tabs__item:hover{background-color:#f8f9fa!important;color:#333!important;border-color:#d6d6d6!important}.header-tabs .el-tabs .el-tabs__item.is-active{background-color:#409eff!important;color:#fff!important;border-color:#409eff!important;font-weight:500!important}.compact-menu{transition:width .3s ease;overflow:visible}.menu-wrapper{display:flex;height:100%;position:relative}.main-menu-area{width:70px;background-color:#304156;transition:all .3s ease;position:relative;z-index:10}.main-menu-area.with-submenu{border-right:1px solid #1f2d3d}.main-menu{border-right:none}.main-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;color:#fff;cursor:pointer;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.05);position:relative;height:60px}.main-menu-item:hover{background-color:#263445;color:#409eff}.main-menu-item.active{background-color:#409eff;color:#fff}.main-menu-item i{margin-right:0;margin-bottom:4px;font-size:18px;width:auto;text-align:center}.menu-title{flex:1;font-size:10px;text-align:center;line-height:1.2;word-break:break-all}.expand-icon{font-size:8px;transition:transform .3s ease;opacity:.7;position:absolute;bottom:2px;right:2px}.main-menu-item.active .expand-icon{transform:rotate(90deg)}.submenu-panel{width:100px;background-color:#263445;border-left:1px solid #1f2d3d;position:fixed;left:70px;top:0;height:100vh;transition:all .3s ease;z-index:1000;box-shadow:2px 0 8px rgba(0,0,0,.3)}.submenu-panel,.submenu-panel.show{transform:translateX(0);opacity:1}.submenu-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;background-color:#1f2d3d;border-bottom:1px solid #0f1419;position:relative}.submenu-title{color:#fff;font-size:10px;font-weight:500;text-align:center;flex:1}.close-btn{position:absolute;top:8px;right:4px;background:hsla(0,0%,100%,.1);border:none;color:#fff;width:16px;height:16px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .3s ease}.close-btn:hover{opacity:1}.submenu-content{padding:8px 0}.submenu-item{display:flex;align-items:center;padding:8px 6px;color:#fff;cursor:pointer;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:12px;text-align:center;justify-content:center;word-break:break-all;line-height:1.2;min-height:32px;font-weight:500}.submenu-item:hover{background-color:#1f2d3d;color:#409eff;padding-left:24px}.submenu-item span{flex:1}@media (max-width:1200px){.compact-menu{width:180px!important}.main-menu-area{width:180px}.submenu-panel{left:180px;width:180px}}.header-tabs .el-tabs .el-tabs__item.is-active{background-color:#e3f2fd!important;color:#1976d2!important;border-color:#bbdefb!important;box-shadow:none!important;font-weight:400!important}.header-tabs .el-tabs .el-tabs__item.is-active:hover{background-color:#e3f2fd!important;border-color:#90caf9!important;color:#1976d2!important}.header-tabs .el-tabs .el-tabs__nav-wrap:after{display:none!important}.header-tabs .el-tabs .el-tabs__nav{border:none!important}