.navbar[data-v-a4c67ef2]{height:60px;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:relative;z-index:1000}.navbar-left[data-v-a4c67ef2]{display:flex;align-items:center;flex:1}.navbar-left .logo[data-v-a4c67ef2]{display:flex;align-items:center;margin-right:40px}.navbar-left .logo i[data-v-a4c67ef2]{font-size:28px;color:#fff;margin-right:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.navbar-left .logo img[data-v-a4c67ef2]{width:36px;height:36px;margin-right:12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.navbar-left .logo .title[data-v-a4c67ef2]{font-size:22px;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.navbar-left .breadcrumb[data-v-a4c67ef2] .el-breadcrumb__item .el-breadcrumb__inner{color:hsla(0,0%,100%,.8);font-weight:400}.navbar-left .breadcrumb[data-v-a4c67ef2] .el-breadcrumb__item .el-breadcrumb__inner:hover{color:#fff}.navbar-left .breadcrumb[data-v-a4c67ef2] .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#fff;font-weight:500}.navbar-left .breadcrumb[data-v-a4c67ef2] .el-breadcrumb__separator{color:hsla(0,0%,100%,.6)}.navbar-right[data-v-a4c67ef2]{display:flex;align-items:center}.navbar-right .user-dropdown[data-v-a4c67ef2]{cursor:pointer}.navbar-right .user-dropdown .user-info[data-v-a4c67ef2]{display:flex;align-items:center;padding:10px 12px;border-radius:20px;transition:all .3s ease;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.navbar-right .user-dropdown .user-info[data-v-a4c67ef2]:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.navbar-right .user-dropdown .user-info .user-details[data-v-a4c67ef2]{margin:0 12px;text-align:right}.navbar-right .user-dropdown .user-info .user-details .user-name[data-v-a4c67ef2]{font-size:14px;font-weight:600;color:#fff;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar-right .user-dropdown .user-info .user-details .user-role[data-v-a4c67ef2]{font-size:12px;color:hsla(0,0%,100%,.8);line-height:1.1}.navbar-right .user-dropdown .user-info .el-icon-caret-bottom[data-v-a4c67ef2]{font-size:12px;color:hsla(0,0%,100%,.8);transition:transform .3s ease}.navbar-right .user-dropdown .user-info:hover .el-icon-caret-bottom[data-v-a4c67ef2]{transform:rotate(180deg);color:#fff}[data-v-a4c67ef2] .user-dropdown-menu{margin-top:8px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e4e7ed}[data-v-a4c67ef2] .user-dropdown-menu .el-dropdown-menu__item{padding:12px 20px;font-size:14px}[data-v-a4c67ef2] .user-dropdown-menu .el-dropdown-menu__item i{margin-right:8px;width:16px;text-align:center}[data-v-a4c67ef2] .user-dropdown-menu .el-dropdown-menu__item:hover{background-color:#f5f7fa;color:#409eff}@media(max-width:768px){.navbar[data-v-a4c67ef2]{height:56px;padding:0 16px}.navbar-left .logo[data-v-a4c67ef2]{margin-right:20px}.navbar-left .logo .title[data-v-a4c67ef2]{font-size:18px}.navbar-left .breadcrumb[data-v-a4c67ef2],.navbar-right .user-info .user-details[data-v-a4c67ef2]{display:none}}@media(max-width:480px){.navbar[data-v-a4c67ef2]{padding:0 12px}.navbar-left .logo .title[data-v-a4c67ef2]{display:none}}.sidebar-container[data-v-0c65127b]{height:100%;background:transparent}.sidebar-container .sidebar-menu[data-v-0c65127b]{height:100%;border-right:none;background:transparent;padding:16px 0}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom{margin:6px 16px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:70%;background:#fff;border-radius:0 10px 10px 0;transition:width .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom:hover{background:hsla(0,0%,100%,.15)!important;transform:translateX(2px)}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom:hover:before{width:4px}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom:hover .menu-icon{transform:translateX(2px) scale(1.05)}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom.is-active{background:hsla(0,0%,100%,.25)!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateX(0)}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom.is-active:before{width:4px;background:#fff}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom.is-active .menu-icon{color:#fff!important;transform:scale(1.1)}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom .menu-icon{font-size:18px;margin-right:12px;color:hsla(0,0%,100%,.95)!important;transition:all .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom span{font-size:14px;font-weight:500;letter-spacing:.3px}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom{margin:6px 16px;border-radius:10px}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title{border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:70%;background:#fff;border-radius:0 10px 10px 0;transition:width .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title:hover{background:hsla(0,0%,100%,.15)!important;transform:translateX(2px)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title:hover:before{width:4px}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title:hover .menu-icon{transform:translateX(2px) scale(1.05)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title .menu-icon{font-size:18px;margin-right:12px;color:hsla(0,0%,100%,.95)!important;transition:all .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-submenu__title span{font-size:14px;font-weight:500;letter-spacing:.3px}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom.is-opened .el-submenu__title{background:hsla(0,0%,100%,.1)!important}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu{background:rgba(0,0,0,.08);border-radius:0 0 10px 10px;margin-top:4px;padding:4px 0}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item{margin:3px 12px;border-radius:8px;transition:all .3s ease;position:relative;padding-left:32px!important}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:hsla(0,0%,100%,.4);border-radius:50%;transition:all .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item:hover{background:hsla(0,0%,100%,.12)!important;transform:translateX(2px)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item:hover:before{background:hsla(0,0%,100%,.8);transform:translateY(-50%) scale(1.3)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item:hover .submenu-icon{transform:scale(1.05)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item.is-active{background:hsla(0,0%,100%,.2)!important;color:#fff!important}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item.is-active:before{background:#fff;transform:translateY(-50%) scale(1.5)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item.is-active .submenu-icon{color:#fff!important;transform:scale(1.1)}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item .submenu-icon{font-size:16px;margin-right:10px;color:hsla(0,0%,100%,.9)!important;transition:all .3s ease}.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom .el-menu .submenu-item span{font-size:13px;font-weight:500}.sidebar-container[data-v-0c65127b] .el-menu{border-right:none}.sidebar-container[data-v-0c65127b] .el-submenu__icon-arrow{color:hsla(0,0%,100%,.8)!important;font-weight:700;transition:transform .3s ease}@media(max-width:768px){.sidebar-container .sidebar-menu[data-v-0c65127b]{padding:12px 0}.sidebar-container .sidebar-menu[data-v-0c65127b] .menu-item-custom,.sidebar-container .sidebar-menu[data-v-0c65127b] .submenu-custom{margin:4px 12px}}.app-container[data-v-f8227a4c]{height:100vh;width:100%}.app-container .fixed-header[data-v-f8227a4c]{position:fixed;top:0;left:0;right:0;height:60px;padding:0;background:#45465e;box-shadow:0 4px 20px rgba(64,158,255,.3);z-index:1001;backdrop-filter:blur(10px)}.app-container .main-wrapper[data-v-f8227a4c]{margin-top:60px;height:calc(100vh - 60px)}.app-container .fixed-aside[data-v-f8227a4c]{position:fixed;top:60px;left:0;width:220px;height:calc(100vh - 60px);background:linear-gradient(180deg,#409eff,#337ecc);overflow-y:auto;overflow-x:hidden;z-index:1000;border-right:1px solid hsla(0,0%,100%,.15)}.app-container .fixed-aside[data-v-f8227a4c]::-webkit-scrollbar{width:4px}.app-container .fixed-aside[data-v-f8227a4c]::-webkit-scrollbar-track{background:transparent}.app-container .fixed-aside[data-v-f8227a4c]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.app-container .fixed-aside[data-v-f8227a4c]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.app-container .scrollable-main[data-v-f8227a4c]{margin-left:220px;height:calc(100vh - 60px);background:linear-gradient(135deg,#ecf5ff,#d9ecff);padding:24px;overflow-x:hidden}.app-container .scrollable-main[data-v-f8227a4c]::-webkit-scrollbar{width:6px}.app-container .scrollable-main[data-v-f8227a4c]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.app-container .scrollable-main[data-v-f8227a4c]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#409eff,#79bbff);border-radius:3px}.app-container .scrollable-main[data-v-f8227a4c]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#66b1ff,#a0cfff)}@media(max-width:768px){.app-container .fixed-aside[data-v-f8227a4c]{width:200px}.app-container .scrollable-main[data-v-f8227a4c]{margin-left:200px;padding:16px}}@media(max-width:576px){.app-container .fixed-aside[data-v-f8227a4c]{transform:translateX(-100%);transition:transform .3s ease}.app-container .fixed-aside.mobile-open[data-v-f8227a4c]{transform:translateX(0)}.app-container .scrollable-main[data-v-f8227a4c]{margin-left:0;padding:12px}}