html,body{height:100%;margin:0;padding:0}:root{--primary-color:#4468eb;--primary-light:#6a8fff;--primary-dark:#3a5ad9;--app-bg:#f5f7fa;--menu-bg:#fff;--menu-hover:#f5f7fa;--menu-active:#e6efff;--text-primary:#1d2129;--text-regular:#4e5969;--text-secondary:#86909c;--border-color:#e5e6eb}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}#app{height:100%}.el-button--primary{--el-button-bg-color:var(--primary-color);--el-button-border-color:var(--primary-color);--el-button-hover-bg-color:var(--primary-light);--el-button-hover-border-color:var(--primary-light);--el-button-active-bg-color:var(--primary-dark);--el-button-active-border-color:var(--primary-dark)}.el-menu{border-right:none!important}.el-card{border-radius:8px}.el-card .el-card__header{border-bottom:1px solid var(--border-color);padding:16px 20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cfd3dc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3a6ad}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html.dark{--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-border-color:#363637;--el-border-color-light:#363637;--el-border-color-lighter:#363637;--el-fill-color:#262727;--el-fill-color-light:#1d1d1d;--el-fill-color-lighter:#262727;--el-fill-color-blank:#000;--app-bg:#141414;--menu-bg:#1d1d1d;--menu-hover:#262727;--menu-active:#262727;--text-primary:var(--el-text-color-primary);--text-regular:var(--el-text-color-regular);--text-secondary:var(--el-text-color-secondary);--border-color:var(--el-border-color)}html.dark .layout-container{background-color:var(--app-bg)}html.dark .layout-container .header{background-color:var(--el-bg-color-overlay);border-bottom:1px solid var(--el-border-color)}html.dark .layout-container .header .fold-icon,html.dark .layout-container .header .el-dropdown-link .username{color:var(--el-text-color-primary)!important}html.dark .layout-container .first-menu{background-color:var(--menu-bg);border-right:1px solid var(--el-border-color)}html.dark .layout-container .first-menu .first-menu-vertical{background-color:#0000}html.dark .layout-container .first-menu .first-menu-vertical .el-menu-item{background-color:#0000!important}html.dark .layout-container .first-menu .first-menu-vertical .el-menu-item:hover{background-color:var(--menu-hover)!important}html.dark .layout-container .first-menu .first-menu-vertical .el-menu-item.is-active{background-color:var(--menu-active)!important}html.dark .layout-container .first-menu .first-menu-vertical .el-menu-item .el-icon,html.dark .layout-container .first-menu .first-menu-vertical .el-menu-item span{color:var(--el-text-color-regular)}html.dark .layout-container .first-menu .menu-footer{border-top:1px solid var(--el-border-color)}html.dark .layout-container .first-menu .menu-footer .back-button{color:var(--el-text-color-regular)}html.dark .layout-container .first-menu .menu-footer .back-button:hover{background-color:var(--menu-hover);color:var(--primary-color)}html.dark .layout-container .first-menu .menu-footer .back-button:hover .el-icon{color:var(--primary-color)}html.dark .layout-container .first-menu .menu-footer .back-button .el-icon{color:var(--el-text-color-regular)}html.dark .layout-container .second-menu{background-color:var(--menu-bg);border-right:1px solid var(--el-border-color)}html.dark .layout-container .second-menu .menu-title{color:var(--el-text-color-primary);border-bottom:1px solid var(--el-border-color)}html.dark .layout-container .second-menu .second-menu-vertical{background-color:#0000}html.dark .layout-container .second-menu .second-menu-vertical .el-menu-item:hover{background-color:var(--menu-hover)!important}html.dark .layout-container .second-menu .second-menu-vertical .el-menu-item.is-active{color:var(--primary-color);background-color:var(--menu-active)!important}html.dark .layout-container .second-menu .second-menu-vertical .el-menu-item.is-active:before{background-color:var(--primary-color)}html.dark .layout-container .second-menu .second-menu-vertical .el-sub-menu .el-sub-menu__title:hover{background-color:var(--menu-hover)!important}html.dark .layout-container .main{background-color:var(--app-bg)}html.dark .el-button.is-link{color:var(--el-text-color-regular)}html.dark .el-button.is-link:hover{color:var(--primary-color)}html.dark .el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}html.dark .el-dropdown-menu .el-dropdown-menu__item{color:var(--el-text-color-regular)}html.dark .el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--menu-hover)}html.dark .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{color:var(--primary-color)}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay);border-color:var(--el-border-color)}html.dark .el-table{--el-table-bg-color:var(--el-bg-color-overlay);--el-table-tr-bg-color:var(--el-bg-color-overlay);--el-table-header-bg-color:var(--el-fill-color);--el-table-border-color:var(--el-border-color)}html.dark .login-container{background:linear-gradient(135deg,#1a1a1a 0%,#141414 100%)}html.dark .login-container .tech-background .grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px)}html.dark .login-container .tech-background .circle{background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#ffffff05 100%);border-color:#ffffff1a}html.dark .login-container .login-card{background:#1d1e1fcc;border-color:#ffffff1a}.sub-el-icon,.nav-icon{margin-right:12px;font-size:15px;display:inline-block;position:relative}.svg-icon{fill:currentColor;vertical-align:-2px;width:1em;height:1em;position:relative}