.modern-sidebar[data-v-af199be6]{height:100%;padding:12px 8px}.modern-sidebar .sidebar-menu[data-v-af199be6]{border:none;background:transparent}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title{height:48px;line-height:48px;margin:4px 0;border-radius:10px;padding:0 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item:before,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent);transition:width .3s ease}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item:hover,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title:hover{background:hsla(0,0%,100%,.1)!important}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item:hover:before,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title:hover:before{width:100%}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item i,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title i{color:hsla(0,0%,100%,.8);font-size:18px;margin-right:12px;transition:all .3s ease}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item span,.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title span{font-size:14px;font-weight:500;transition:all .3s ease}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item.is-active{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3))!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.2);font-weight:600}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item.is-active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px 0 0 2px}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu-item.is-active i{color:#fff;transform:scale(1.1)}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title:hover{background:hsla(0,0%,100%,.1)!important}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu__title .el-submenu__icon-arrow{color:hsla(0,0%,100%,.6);font-size:12px;transition:transform .3s ease}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu.is-opened>.el-submenu__title{background:hsla(0,0%,100%,.08)!important}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:rotate(180deg)}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu{background:transparent!important;padding:4px 0}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu .el-menu-item{padding-left:48px!important;height:44px;line-height:44px;font-size:13px}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu .el-menu-item:before{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.4);transition:all .3s ease}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu .el-menu-item:hover:before{background:hsla(0,0%,100%,.8);transform:translateY(-50%) scale(1.3)}.modern-sidebar .sidebar-menu[data-v-af199be6] .el-menu .el-menu-item.is-active:before{background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.6)}.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-menu-item,.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-submenu__title{padding:0!important;justify-content:center}.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-menu-item i,.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-submenu__title i{margin:0;font-size:20px}.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-menu-item span,.modern-sidebar .sidebar-menu.el-menu--collapse[data-v-af199be6] .el-submenu__title span{display:none}.modern-sidebar[data-v-af199be6] .el-scrollbar__wrap{overflow-x:hidden}.modern-sidebar[data-v-af199be6] .el-scrollbar__bar.is-vertical{right:2px;width:4px}.modern-sidebar[data-v-af199be6] .el-scrollbar__bar.is-vertical .el-scrollbar__thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.modern-sidebar[data-v-af199be6] .el-scrollbar__bar.is-vertical .el-scrollbar__thumb:hover{background:hsla(0,0%,100%,.3)}.ym-layout-default[data-v-5734bca2]{display:flex;height:100%;background:#f5f7fa}.sidebar-container[data-v-5734bca2]{width:240px;height:100%;background:linear-gradient(180deg,#1a1f3a,#0f1419);box-shadow:2px 0 8px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100}.sidebar-container.collapse[data-v-5734bca2]{width:64px}.sidebar-container .logo-section[data-v-5734bca2]{height:64px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.sidebar-container .logo-section[data-v-5734bca2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.2))}.sidebar-container .logo-section .logo-content[data-v-5734bca2]{display:flex;align-items:center;gap:12px;color:#fff}.sidebar-container .logo-section .logo-content .logo-icon[data-v-5734bca2]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-container .logo-section .logo-content .logo-icon svg[data-v-5734bca2]{width:24px;height:24px}.sidebar-container .logo-section .logo-content .logo-text[data-v-5734bca2]{font-size:20px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.sidebar-container .menu-container[data-v-5734bca2]{height:calc(100% - 64px);overflow:hidden}.main-container[data-v-5734bca2]{flex:1;width:0;height:100%;display:flex;flex-direction:column}.content-layout[data-v-5734bca2]{display:flex;flex-direction:column;height:100%}.top-header[data-v-5734bca2]{height:64px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;z-index:99}.top-header .header-content[data-v-5734bca2]{height:100%;display:flex;align-items:center;padding:0 24px;gap:24px}.top-header .tabs-section[data-v-5734bca2]{flex:1;height:100%;overflow:hidden}.top-header .tabs-section .tabs-wrapper[data-v-5734bca2]{height:100%;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden}.top-header .tabs-section .tabs-wrapper[data-v-5734bca2]::-webkit-scrollbar{height:0}.top-header .tabs-section .tabs-wrapper .nav-tab[data-v-5734bca2]{height:36px;padding:0 16px;display:inline-flex;align-items:center;background:#f5f7fa;border:1px solid #e4e7ed;border-radius:8px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.top-header .tabs-section .tabs-wrapper .nav-tab[data-v-5734bca2]:hover{background:#ecf5ff;border-color:#b3d8ff;color:#409eff}.top-header .tabs-section .tabs-wrapper .nav-tab.active[data-v-5734bca2]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.top-header .tabs-section .tabs-wrapper .nav-tab.active[data-v-5734bca2]:hover{background:linear-gradient(135deg,#7b8ff0,#8a5fb0)}.top-header .tabs-section .tabs-wrapper .nav-tab .tab-text[data-v-5734bca2]{font-weight:500}.top-header .tabs-section .tabs-wrapper .nav-tab[data-v-5734bca2] .el-icon-close{margin-left:6px;font-size:12px;transition:all .2s}.top-header .tabs-section .tabs-wrapper .nav-tab[data-v-5734bca2] .el-icon-close:hover{background:rgba(0,0,0,.1);border-radius:50%}.top-header .user-section .user-info[data-v-5734bca2]{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#f5f7fa}.top-header .user-section .user-info[data-v-5734bca2]:hover{background:#ecf5ff;box-shadow:0 2px 8px rgba(102,126,234,.15)}.top-header .user-section .user-info .user-avatar[data-v-5734bca2]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.top-header .user-section .user-info .user-avatar svg[data-v-5734bca2]{width:18px;height:18px}.top-header .user-section .user-info .username[data-v-5734bca2]{font-size:14px;font-weight:500;color:#303133}.top-header .user-section .user-info .dropdown-icon[data-v-5734bca2]{width:16px;height:16px;color:#909399;transition:transform .3s ease}.top-header .user-section .user-info:hover .dropdown-icon[data-v-5734bca2]{transform:rotate(180deg)}.router-view-container[data-v-5734bca2]{flex:1;height:0;overflow:hidden}.router-view-container .router-scroll[data-v-5734bca2]{width:100%;height:100%}.router-view-container .router-scroll .content-padding[data-v-5734bca2]{padding:20px;min-height:100%}.router-view-container .router-scroll .content-padding .page-content[data-v-5734bca2]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);min-height:calc(100vh - 104px);transition:all .3s ease}.router-view-container .router-scroll .content-padding .page-content[data-v-5734bca2]:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.fade-transform-enter-active[data-v-5734bca2],.fade-transform-leave-active[data-v-5734bca2]{transition:all .3s ease}.fade-transform-enter-from[data-v-5734bca2]{opacity:0;transform:translateX(20px)}.fade-transform-leave-to[data-v-5734bca2]{opacity:0;transform:translateX(-20px)}@media (max-width:768px){.sidebar-container[data-v-5734bca2]{position:fixed;left:0;top:0;bottom:0;z-index:1000}.top-header .header-content[data-v-5734bca2]{padding:0 16px}.top-header .tabs-section .tabs-wrapper[data-v-5734bca2]{gap:6px}.top-header .tabs-section .tabs-wrapper .nav-tab[data-v-5734bca2]{padding:0 12px;font-size:13px}.router-view-container .router-scroll .content-padding[data-v-5734bca2]{padding:12px}}