*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app-root{height:100%}.auth-container{height:100%;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.main-container{height:100%}.sidebar{background-color:#304156;display:flex;flex-direction:column;overflow:hidden}.sidebar .logo{padding:20px 16px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .logo h2{font-size:16px;font-weight:600}.sidebar .el-menu{border-right:none;flex:1}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.page-header-bar{background:#fff;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;padding:0 24px;height:50px}.header-title{font-size:16px;font-weight:600;color:#303133}.page-main{background:#f5f7fa;padding:20px;overflow-y:auto}