:root{--app-bg: #f4f7fb;--app-dark: #122033;--app-dark-soft: #1c2d44;--app-accent: #1d7afc;--app-success: #16a34a;--app-warning: #d97706;--app-danger: #dc2626}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:#1f2a37;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.page{display:flex;flex-direction:column;gap:18px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{margin:0;color:#132238;font-size:22px;font-weight:700}.page-description{margin:6px 0 0;color:#637083;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{border:0!important;border-radius:18px!important;box-shadow:0 12px 30px #1c2d4414}.metric-label{color:#6b7280;font-size:13px}.metric-value{margin-top:8px;color:#101827;font-size:28px;font-weight:800;line-height:1.15}.metric-hint{margin-top:8px;color:#7a8797;font-size:12px}.toolbar{display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.full-width{width:100%}.danger-text{color:var(--app-danger)}.success-text{color:var(--app-success)}.warning-text{color:var(--app-warning)}.table-actions{display:flex;gap:8px}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-item{border-radius:14px;background:#f8fafc;padding:14px 16px}.summary-item span{display:block;color:#708097;font-size:12px}.summary-item strong{display:block;margin-top:6px;font-size:20px}@media(max-width:1180px){.metric-grid,.form-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page{gap:14px}.page-header,.toolbar{align-items:stretch;flex-direction:column}.metric-grid,.form-grid,.summary-strip{grid-template-columns:1fr}.metric-value{font-size:24px}.el-card{--el-card-padding: 14px}}