#app{height:100vh;margin:0;padding:0}.app-wrapper[data-v-7fc6f865]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;background-color:#f4f7f9}.sidebar-container[data-v-7fc6f865]{width:210px;background-color:#1f2d3d;height:100%;position:relative;border-right:1px solid #e6e6e6}.logo-container[data-v-7fc6f865]{height:60px;padding:8px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#1f2d3d}.logo[data-v-7fc6f865]{height:34px;width:auto;-o-object-fit:contain;object-fit:contain}.logo--login2[data-v-7fc6f865]{height:30px;max-width:100%}.main-container[data-v-7fc6f865]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.navbar[data-v-7fc6f865]{height:60px;background-color:#fff;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px}.navbar .left[data-v-7fc6f865]{color:#606266;font-size:14px}.avatar-container[data-v-7fc6f865],.navbar .right[data-v-7fc6f865]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-container[data-v-7fc6f865]{cursor:pointer;padding:0 8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px}.avatar-container i[data-v-7fc6f865]{font-size:20px;color:#606266;margin-right:8px}.username[data-v-7fc6f865]{font-size:14px;color:#606266}.app-main[data-v-7fc6f865]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px;overflow-y:auto}.el-menu[data-v-7fc6f865]{border-right:none}.el-submenu .el-menu-item[data-v-7fc6f865]{background-color:#15212d!important}.el-submenu .el-menu-item[data-v-7fc6f865]:hover{background-color:#0d151e!important}@media (max-width:768px){.app-wrapper[data-v-7fc6f865]{position:relative}.sidebar-container[data-v-7fc6f865]{position:fixed;top:0;left:0;bottom:0;width:240px;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;z-index:1001;border-right:none;-webkit-box-shadow:2px 0 8px rgba(0,0,0,.2);box-shadow:2px 0 8px rgba(0,0,0,.2)}.sidebar-container.open[data-v-7fc6f865]{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-mask[data-v-7fc6f865]{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:1000}.navbar[data-v-7fc6f865]{padding:0 12px}.app-main[data-v-7fc6f865]{padding:12px}.menu-btn[data-v-7fc6f865]{margin-right:8px}}