#app {
  height: 100%;
}

*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;color:#303133;background-color:#f0f2f5}a{text-decoration:none;color:inherit}ul,li{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#909399}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.el-button{border-radius:4px;font-weight:500}.el-button--primary{background-color:#5b8ff9;border-color:#5b8ff9}.el-button--primary:hover,.el-button--primary:focus{background-color:#85a9fa;border-color:#85a9fa}.el-button--primary:active{background-color:#3d7bf7;border-color:#3d7bf7}.el-button--success{background-color:#52c41a;border-color:#52c41a}.el-button--warning{background-color:#faad14;border-color:#faad14}.el-button--danger{background-color:#ff4d4f;border-color:#ff4d4f}.el-button--text{color:#5b8ff9}.el-input__inner,.el-textarea__inner{border-radius:4px;border-color:#ebeef5}.el-input__inner:focus,.el-textarea__inner:focus{border-color:#5b8ff9}.el-table th.el-table__cell{background-color:#fafafa !important;color:#303133;font-weight:600}.el-table tr:hover>td.el-table__cell{background-color:#f5f7fa !important}.el-pagination .el-pager li.active{background-color:#5b8ff9;color:#fff}.el-pagination .el-pager li:hover{color:#5b8ff9}.el-pagination button:hover{color:#5b8ff9}.el-tag{border-radius:4px}.el-dialog{border-radius:4px}.el-dialog .el-dialog__header{padding:16px 20px;border-bottom:1px solid #ebeef5}.el-dialog .el-dialog__body{padding:20px}.el-dialog .el-dialog__footer{padding:12px 20px;border-top:1px solid #ebeef5}.el-menu{border-right:none}.el-switch.is-checked .el-switch__core{border-color:#5b8ff9;background-color:#5b8ff9}.page-container{padding:16px;min-height:100%}.page-tabs{display:flex;gap:24px;margin-bottom:16px;border-bottom:1px solid #ebeef5}.page-tabs .tab-item{padding:12px 0;color:#606266;cursor:pointer;position:relative;transition:color .2s}.page-tabs .tab-item:hover{color:#5b8ff9}.page-tabs .tab-item.active{color:#5b8ff9;font-weight:500}.page-tabs .tab-item.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#5b8ff9}.filter-section{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:16px 20px;margin-bottom:16px}.filter-section .filter-title{font-size:14px;font-weight:600;color:#303133;margin-bottom:16px;padding-left:12px;position:relative}.filter-section .filter-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background-color:#5b8ff9;border-radius:2px}.filter-section .filter-form .el-form-item{margin-bottom:16px}.filter-section .filter-actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #f2f6fc;margin-top:8px}.filter-section .filter-actions .el-button{min-width:80px}.table-section{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.table-section .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #ebeef5}.table-section .table-header .table-title{font-size:14px;font-weight:600;color:#303133;padding-left:12px;position:relative}.table-section .table-header .table-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background-color:#5b8ff9;border-radius:2px}.table-section .el-table{width:100%}.table-section .table-pagination{display:flex;justify-content:center;padding:16px;border-top:1px solid #ebeef5}.status-tag{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px}.status-tag.pending{background-color:rgba(91,143,249,.1);color:#5b8ff9}.status-tag.processing{background-color:rgba(250,140,22,.1);color:#fa8c16}.status-tag.completed{background-color:rgba(82,196,26,.1);color:#52c41a}.status-tag.delayed{background-color:rgba(255,77,79,.1);color:#ff4d4f}.card{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}.card .card-header{font-size:14px;font-weight:600;color:#303133;margin-bottom:16px;padding-left:12px;position:relative}.card .card-header::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background-color:#5b8ff9;border-radius:2px}.stat-card{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#303133}.stat-card .stat-extra{font-size:12px;color:#909399;margin-top:8px}.stat-card.primary .stat-value{color:#5b8ff9}.stat-card.success .stat-value{color:#52c41a}.stat-card.warning .stat-value{color:#faad14}.stat-card.danger .stat-value{color:#ff4d4f}.table-actions .el-button{padding:5px 10px;font-size:12px}@media screen and (max-width: 768px){.table-section .el-table{overflow-x:auto}.filter-section .el-col{width:100% !important;max-width:100% !important;flex:0 0 100% !important}.el-dialog{width:92% !important;margin:5vh auto !important}.el-button{min-height:40px}.page-container{padding:12px}}