:root{--app-bg: #f0f2f5;--app-primary: #409eff;--app-sidebar-bg: #1f2d3d;--app-sidebar-text: #ecf0f1;--app-header-bg: #1f2d3d;--app-header-text: #ecf0f1;--menu-hover-bg: rgba(255, 255, 255, .08);--menu-active-bg: rgba(64, 158, 255, .2)}html,body,#app{height:100%;background:var(--app-bg)}.app-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar header" "sidebar content";height:100vh;background:var(--app-bg)}.app-sidebar{grid-area:sidebar;background:var(--app-sidebar-bg);color:var(--app-sidebar-text)}.app-header{grid-area:header;background:var(--app-header-bg);color:var(--app-header-text);display:flex;align-items:center;padding:0 16px}.app-content{grid-area:content;padding:16px 20px;overflow:auto}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.w-160{width:160px}.w-100{width:100%}.max-w-640{max-width:640px}.flex-between{display:flex;align-items:center;justify-content:space-between}.chart{height:320px;margin-top:8px}.app-sidebar .el-menu-item:hover,.app-sidebar .el-sub-menu__title:hover{background-color:var(--menu-hover-bg)!important}.app-sidebar .el-menu-item.is-active{background-color:var(--menu-active-bg)!important;color:#fff!important}.sidebar-menu{border-right:none;background:var(--app-sidebar-bg);color:var(--app-sidebar-text);--el-menu-text-color: var(--app-sidebar-text);--el-menu-hover-text-color: #ffffff;--el-menu-bg-color: var(--app-sidebar-bg);--el-menu-hover-bg-color: var(--menu-hover-bg);--el-menu-active-color: #ffffff}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu__title{color:var(--app-sidebar-text)!important}.table-bordered{border-radius:6px;overflow:hidden}.el-image-viewer__img{width:50vw!important;height:55vh!important;max-width:50vw!important;max-height:55vh!important;object-fit:contain}