#app,body,html{height:100%;margin:0}.app-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;overflow:hidden}.el-dialog__wrapper{left:240px!important}.sidebar-collapsed .el-dialog__wrapper{left:64px!important}@media (max-width:768px){.el-dialog{width:100%!important}.el-dialog__wrapper,.sidebar-collapsed .el-dialog__wrapper{left:0!important}}.sidebar-wrapper{width:240px;background:#1d2b3e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:width .3s;transition:width .3s;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.sidebar-collapsed .sidebar-wrapper{width:64px}.logo-area{height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;background:rgba(0,0,0,.15);gap:10px}.logo-area,.logo-img{-ms-flex-negative:0;flex-shrink:0}.logo-img{width:32px;height:32px}.logo-text{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.sidebar-wrapper .el-menu{border-right:none;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-wrapper .el-menu::-webkit-scrollbar{width:4px}.sidebar-wrapper .el-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.sidebar-wrapper .el-menu-item,.sidebar-wrapper .el-submenu__title{height:40px;line-height:40px}.sidebar-wrapper .el-menu-item i,.sidebar-wrapper .el-submenu__title i{line-height:40px}.sidebar-wrapper .el-menu--inline .el-menu-item{height:36px;line-height:36px}.sidebar-wrapper .el-menu--inline .el-menu-item i{line-height:36px}.main-wrapper{-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;min-width:0}.topbar{height:56px;background:#fff;border-bottom:1px solid #e6e9f0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;-ms-flex-negative:0;flex-shrink:0}.topbar,.topbar-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar-left{gap:16px}.collapse-btn{font-size:20px;cursor:pointer;color:#5a6a7e}.collapse-btn:hover{color:#409eff}.topbar-right .user-info{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:#5a6a7e}.topbar-right .user-info:hover{color:#409eff}.content-area{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#f0f2f5}.page-card{background:#fff;border-radius:4px;padding:20px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08)}.page-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;gap:12px}.toolbar-left{-ms-flex-wrap:wrap;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.toolbar-right{-ms-flex-negative:0;flex-shrink:0}.page-title{font-size:16px;font-weight:600;color:#303133;white-space:nowrap}.page-title-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.mobile-menu-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.35)}@media (max-width:768px){.app-container:not(.sidebar-collapsed) .sidebar-wrapper{position:fixed;top:0;bottom:0;left:0;z-index:2001;width:240px;-webkit-box-shadow:2px 0 12px rgba(0,0,0,.3);box-shadow:2px 0 12px rgba(0,0,0,.3)}}