#app{width:100%}.app-wrapper[data-v-6deba8eb]{display:flex;width:100%;height:100vh}.sidebar-container[data-v-6deba8eb]{width:220px;height:100%;background-color:#304156;transition:width .28s}.sidebar-container .logo-container[data-v-6deba8eb]{height:70px;padding:10px 15px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s ease}.sidebar-container .logo-container[data-v-6deba8eb]:hover{background-color:hsla(0,0%,100%,.1)}.sidebar-container .logo-container .logo-icon[data-v-6deba8eb],.sidebar-container .logo-container .logo[data-v-6deba8eb]{max-width:50px;max-height:50px;width:auto;height:auto;border-radius:8px;margin-right:12px;-o-object-fit:contain;object-fit:contain;background:transparent;transform:scale(1.7);transform-origin:center}.sidebar-container .logo-container .logo-title[data-v-6deba8eb]{display:inline-block;margin:0;color:#fff;font-weight:600;line-height:40px;font-size:16px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}.sidebar-container .sidebar-menu[data-v-6deba8eb]{border:none;width:100%}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-sub-menu__title{color:#bfcbd9!important}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-sub-menu__title:hover{background-color:hsla(0,0%,100%,.1)!important;color:#409eff!important}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-menu-item.is-active{background-color:#409eff!important;color:#fff!important}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-sub-menu .el-menu-item{padding-left:50px!important;min-height:40px;line-height:40px;background-color:rgba(0,0,0,.1)}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-sub-menu .el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important}.sidebar-container .sidebar-menu[data-v-6deba8eb] .el-sub-menu .el-menu-item.is-active{background-color:#409eff!important;color:#fff!important}.main-container[data-v-6deba8eb]{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-container .navbar[data-v-6deba8eb]{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #e6e6e6}.main-container .navbar .right-menu[data-v-6deba8eb]{margin-left:auto}.main-container .navbar .right-menu .avatar-wrapper[data-v-6deba8eb]{display:flex;align-items:center;cursor:pointer}.main-container .navbar .right-menu .avatar-wrapper .user-name[data-v-6deba8eb]{margin:0 5px}.main-container .app-main[data-v-6deba8eb]{flex:1;padding:20px;overflow-y:auto}body,html{margin:0;padding:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;color:#333}#app,body,html{height:100%}*,:after,:before{box-sizing:border-box}a,a:focus,a:hover{color:inherit;text-decoration:none}.clearfix:after{content:"";display:table;clear:both}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-30{margin:30px!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-30{margin-right:30px!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-30{margin-left:30px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.text-primary{color:#409eff!important}.text-success{color:#67c23a!important}.text-warning{color:#e6a23c!important}.text-danger{color:#f56c6c!important}.text-info{color:#909399!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-bold{font-weight:700!important}.font-normal{font-weight:400!important}.flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-stretch{align-items:stretch!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}