#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}.container{padding:20px}.page-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e4e7ed}.page-header h2{color:#303133;font-size:20px;font-weight:500}.search-form{margin-bottom:20px;padding:20px;background:#f5f7fa;border-radius:4px}.table-container{background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.pagination-container{margin-top:20px;text-align:right}.status-tag{font-size:12px}.status-success{background-color:#f0f9ff;color:#67c23a;border:1px solid #b3e19d}.status-warning{background-color:#fdf6ec;color:#e6a23c;border:1px solid #f5dab1}.status-danger{background-color:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}.status-info{background-color:#f4f4f5;color:#909399;border:1px solid #d3d4d6}.action-buttons .el-button{margin-left:5px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;text-align:center;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px 0 rgba(0,0,0,.15)}.stat-card .stat-number{font-size:32px;font-weight:700;margin-bottom:8px}.stat-card .stat-label{color:#606266;font-size:14px}.stat-card.primary .stat-number{color:#409eff}.stat-card.success .stat-number{color:#67c23a}.stat-card.warning .stat-number{color:#e6a23c}.stat-card.danger .stat-number{color:#f56c6c}