html,body,#app{height:100%;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#333;background-color:#f5f7fa}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}::-webkit-scrollbar-track{background-color:#f5f7fa}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-20{padding:20px}.page-container{padding:20px;background-color:#fff;border-radius:4px;min-height:calc(100vh - 130px)}.search-form{padding:20px 20px 0;background-color:#fff;border-radius:4px;margin-bottom:16px}.search-form .el-form-item{margin-bottom:16px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px}.status-tag.success{color:#67c23a}.status-tag.warning{color:#e6a23c}.status-tag.danger{color:#f56c6c}.status-tag.info{color:#909399}.stat-card{padding:20px;background:#fff;border-radius:4px}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#303133}.stat-card .stat-footer{margin-top:10px;font-size:12px;color:#909399}.chart-container{width:100%;height:350px}