#app{height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-main{padding:16px;background-color:#f5f7fa}.el-aside{background-color:#304156;transition:width .3s}.el-header{border-bottom:1px solid #dcdfe6;padding:0}.el-header,.page-container{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.page-container{border-radius:4px;padding:24px;margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .page-title{font-size:18px;font-weight:600;color:#303133}.table-container .el-table{border:1px solid #dcdfe6;border-radius:4px}.table-container .table-pagination{margin-top:16px;text-align:right}.form-container .el-form-item{margin-bottom:16px}.form-container .form-actions{text-align:center;margin-top:24px}.form-container .form-actions .el-button+.el-button{margin-left:16px}.search-form{background-color:#fff;padding:16px;margin-bottom:16px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.search-form .el-form-item{margin-bottom:0}.search-form .search-actions{text-align:right}.search-form .search-actions .el-button+.el-button{margin-left:8px}.card-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);padding:24px;margin-bottom:16px}.card-container .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #dcdfe6}.card-container .card-header .card-title{font-size:16px;font-weight:600;color:#303133}.status-tag.status-active{background-color:#f0f9ff;color:#67c23a;border-color:#67c23a}.status-tag.status-inactive{background-color:#fef2f2;color:#f56c6c;border-color:#f56c6c}.status-tag.status-pending{background-color:#fffbeb;color:#e6a23c;border-color:#e6a23c}.text-muted{color:#909399;font-size:12px}.text-center{text-align:center}.text-right{text-align:right}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-1{flex:1}.m-0{margin:0}.m-1{margin:8px}.m-2{margin:16px}.m-3{margin:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}