#app{height:100vh;overflow:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.el-main{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;font-size:24px;color:#303133}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stat-card .el-card__body{padding:20px}.stat-card .stat-content{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-content .stat-info .stat-title{font-size:14px;color:#909399;margin-bottom:8px}.stat-card .stat-content .stat-info .stat-value{font-size:28px;font-weight:700;color:#303133}.stat-card .stat-content .stat-icon{font-size:40px;opacity:.8}.table-container .el-table .el-table__header th{background-color:#fafafa;color:#606266;font-weight:600}.form-container{max-width:600px}.form-container .el-form-item{margin-bottom:24px}.status-tag.success{background-color:#f0f9ff;color:#67c23a;border-color:#e1f3d8}.status-tag.warning{background-color:#fdf6ec;color:#e6a23c;border-color:#faecd8}.status-tag.danger{background-color:#fef0f0;color:#f56c6c;border-color:#fde2e2}.status-tag.info{background-color:#f4f4f5;color:#909399;border-color:#e9e9eb}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.success-color{color:#67c23a}.warning-color{color:#e6a23c}.danger-color{color:#f56c6c}.info-color{color:#909399}.card-shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:768px){.card-container{grid-template-columns:1fr}.el-main{padding:10px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}}