body,html{height:100%;margin:0;padding:0}button,div,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,span,textarea,ul{box-sizing:border-box;margin:0;padding:0}.menu-wrapper .el-menu-item i[data-v-196a83e4],.menu-wrapper .el-submenu__title i[data-v-196a83e4]{margin-right:10px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.menu-wrapper .el-menu-item span[data-v-196a83e4],.menu-wrapper .el-submenu__title span[data-v-196a83e4]{vertical-align:middle}.layout-container{height:100vh;background-color:var(--bg-color)}.layout-container .aside{background-color:var(--primary-color);border-right:1px solid var(--border-color);transition:width .3s;display:flex;flex-direction:column;position:relative;overflow:unset}.layout-container .aside .collapse-btn{position:absolute;top:48px;right:-12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:var(--primary-color);border-radius:50%;cursor:pointer;z-index:100;transition:all .3s;box-shadow:0 2px 8px rgba(88,73,168,.3)}.layout-container .aside .collapse-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(88,73,168,.4)}.layout-container .aside .collapse-btn i{font-size:14px}.layout-container .aside .logo{height:60px;display:flex;align-items:center;padding:0 20px;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1);overflow:hidden;flex-shrink:0}.layout-container .aside .logo img{height:32px;margin-right:12px}.layout-container .aside .logo h1{margin:0;font-size:18px;font-weight:600;white-space:nowrap;color:#fff}.layout-container .aside .menu{border-right:none;flex:1;overflow-y:auto;overflow-x:hidden}.layout-container .aside .menu:not(.el-menu--collapse){width:200px}.layout-container .aside .menu.el-menu--collapse{width:64px!important}.layout-container .aside .menu.el-menu--collapse .el-menu-item,.layout-container .aside .menu.el-menu--collapse .el-submenu__title{padding-left:20px!important}.layout-container .aside .menu.el-menu--collapse .el-menu-item span,.layout-container .aside .menu.el-menu--collapse .el-submenu__icon-arrow,.layout-container .aside .menu.el-menu--collapse .el-submenu__title span{display:none}.layout-container .aside .menu .el-menu-item,.layout-container .aside .menu .el-submenu__title{height:50px;line-height:50px}.layout-container .aside .menu .el-menu-item i,.layout-container .aside .menu .el-submenu__title i{margin-right:16px;font-size:18px;width:24px;text-align:center}.layout-container .aside .sidebar-footer{padding:16px;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.layout-container .aside .sidebar-footer .user-info{display:flex;align-items:center;gap:12px;cursor:pointer}.layout-container .aside .sidebar-footer .user-info .user-detail{flex:1;overflow:hidden}.layout-container .aside .sidebar-footer .user-info .user-detail .username{display:block;font-size:14px;color:#fff;white-space:nowrap}.layout-container .aside .sidebar-footer .user-info .user-detail .user-role{display:block;font-size:12px;color:hsla(0,0%,100%,.7)}.layout-container .header{background-color:var(--component-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 20px}.layout-container .header,.layout-container .header .header-left{display:flex;align-items:center}.layout-container .header .header-right{display:flex;align-items:center;gap:16px}.layout-container .header .header-right .theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s;color:var(--text-regular);background-color:var(--bg-color)}.layout-container .header .header-right .theme-toggle:hover{color:var(--primary-color);background-color:var(--primary-color);color:#fff}.layout-container .header .header-right .theme-toggle i{font-size:18px;transition:transform .3s ease}.layout-container .header .header-right .theme-toggle:hover i{transform:rotate(30deg)}.layout-container .main{background-color:var(--bg-color);padding:20px}.el-menu{transition:width .3s;border-right:none!important}.el-menu,.el-menu--vertical .el-menu{background-color:#5849a8!important}.el-menu--vertical .el-menu-item,.el-menu--vertical .el-submenu__title{transition:width .3s;background-color:#5849a8!important;color:hsla(0,0%,100%,.8)!important}.el-menu--vertical .el-menu-item:hover,.el-menu--vertical .el-submenu__title:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fff!important}.el-menu--vertical .el-menu-item.is-active,.el-menu--vertical .el-submenu__title.is-active{background-color:hsla(0,0%,100%,.15)!important;color:#fff!important}.el-menu--popup{background-color:#5849a8!important;border:1px solid hsla(0,0%,100%,.1)}.el-menu--popup .el-menu-item{background-color:#5849a8!important;color:hsla(0,0%,100%,.8)!important}.el-menu--popup .el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fff!important}.el-menu--popup .el-menu-item.is-active{background-color:hsla(0,0%,100%,.15)!important;color:#fff!important}.el-menu--vertical .el-menu--popup{min-width:160px}.el-menu--vertical .el-menu--popup .el-menu-item{height:40px;line-height:40px;padding:0 20px}:root{--primary-color:#5849a8;--primary-light:#8067d8;--primary-dark:#463985;--bg-color:#f5f7fa;--component-bg:#fff;--text-primary:#333;--text-regular:#666;--text-secondary:#999;--border-color:#dcdfe6;--border-light:#e4e7ed;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399}html.dark{--primary-color:#5849a8;--primary-light:#8067d8;--primary-dark:#463985;--bg-color:#1a1a1a;--component-bg:#2b2b2b;--text-primary:#fff;--text-regular:#e0e0e0;--text-secondary:#909399;--border-color:#4c4c4c;--border-light:#363636;--success-color:#529b2e;--warning-color:#b88230;--danger-color:#c45656;--info-color:#737373}html.dark .el-card{border-color:var(--border-color)}html.dark .el-card,html.dark .el-table{background-color:var(--component-bg);color:var(--text-regular)}html.dark .el-table td,html.dark .el-table th{background-color:var(--component-bg);border-bottom-color:var(--border-color)}html.dark .el-table thead{color:var(--text-primary)}html.dark .el-table:before{background-color:var(--border-color)}html.dark .el-pagination{color:var(--text-regular)}html.dark .el-pagination button{background-color:var(--component-bg);color:var(--text-regular)}html.dark .el-pagination button:disabled{background-color:var(--bg-color);color:var(--text-secondary)}html.dark .el-pagination .el-pager li{background-color:var(--component-bg);color:var(--text-regular)}html.dark .el-pagination .el-pager li.active{color:var(--primary-color)}html.dark .el-dialog{background-color:var(--component-bg)}html.dark .el-dialog__title{color:var(--text-primary)}html.dark .el-dialog__body,html.dark .el-form .el-form-item__label{color:var(--text-regular)}html.dark .el-input .el-input__inner{background-color:var(--component-bg);border-color:var(--border-color);color:var(--text-regular)}html.dark .el-input .el-input__inner:focus,html.dark .el-input .el-input__inner:hover{border-color:var(--primary-color)}html.dark .el-select-dropdown{background-color:var(--component-bg);border-color:var(--border-color)}html.dark .el-select-dropdown .el-select-dropdown__item{color:var(--text-regular)}html.dark .el-select-dropdown .el-select-dropdown__item.hover,html.dark .el-select-dropdown .el-select-dropdown__item:hover{background-color:var(--bg-color)}html.dark .el-select-dropdown .el-select-dropdown__item.selected{color:var(--primary-color)}html.dark .el-tabs__item{color:var(--text-regular)}html.dark .el-tabs__item.is-active{color:var(--primary-color)}html.dark .el-tabs__nav-wrap:after{background-color:var(--border-color)}html.dark .el-tree{background-color:var(--component-bg);color:var(--text-regular)}html.dark .el-tree .el-tree-node__content:hover{background-color:var(--bg-color)}html.dark .el-button--default{background-color:var(--component-bg);border-color:var(--border-color);color:var(--text-regular)}html.dark .el-button--default:focus,html.dark .el-button--default:hover{background-color:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color)}html.dark .el-button--primary.is-plain,html.dark .el-message{background-color:var(--component-bg)}html.dark .el-message{border-color:var(--border-color)}html.dark .el-message--success{background-color:rgba(var(--success-color),.1);border-color:var(--success-color)}html.dark .el-message--warning{background-color:rgba(var(--warning-color),.1);border-color:var(--warning-color)}html.dark .el-message--error{background-color:rgba(var(--danger-color),.1);border-color:var(--danger-color)}html.dark .el-dropdown-menu{background-color:var(--component-bg);border-color:var(--border-color)}html.dark .el-dropdown-menu .el-dropdown-menu__item{color:var(--text-regular)}html.dark .el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--bg-color);color:var(--primary-color)}html.dark .el-dropdown-menu .el-dropdown-menu__item.is-disabled{color:var(--text-secondary)}