:root{--bg-base:#f4f7f5;--bg-soft:#f8fbf9;--surface:#fff;--surface-2:#fafafa;--line:#e8eef2;--text-main:#18241d;--text-sub:#5f6f7f;--text-muted:#8a9890;--brand:#28a464;--brand-soft:#e7f7ef;--success:#2db55d;--danger:#ff4d4f;--warning:#faad14;--shadow-card:0 10px 28px rgba(31,45,61,.05);--radius-sm:6px;--radius-md:8px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px}*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-base)}.page-shell{display:flex;flex-direction:column;gap:var(--space-2)}.page-container{padding:var(--space-3)}.page-head{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;flex-wrap:wrap}.page-title{font-size:20px;font-weight:600;line-height:28px}.page-desc{margin-top:2px;color:var(--text-sub);font-size:14px;line-height:22px}.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.card-surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.filter-bar{padding:var(--space-2);border-bottom:1px solid var(--line)}.filter-bar,.toolbar-left{flex-wrap:wrap}.filter-bar,.toolbar-left,.toolbar-right{display:flex;gap:var(--space-1);align-items:center}.toolbar-right{margin-left:auto}.table-card{padding:var(--space-1) var(--space-2) var(--space-2)}.kpi-cards{width:100%}.kpi-card{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;min-height:110px}.kpi-label{font-size:13px;color:var(--text-muted)}.kpi-value{margin-top:var(--space-1);font-size:28px;line-height:1;font-weight:600;color:var(--text-main)}.chart-row{width:100%}.chart-card{padding:var(--space-2)}.table-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 4px}.table-meta-left{color:var(--text-sub);font-size:13px}.table-empty{padding:var(--space-3) 0 var(--space-1);color:var(--text-muted);text-align:center}.el-button,.el-card,.el-input__inner,.el-pagination button,.el-select .el-input__inner,.el-table,.el-textarea__inner{border-radius:var(--radius-sm)}.el-button{font-weight:500;border-radius:8px}.el-button--primary{background-color:var(--brand);border-color:var(--brand)}.el-button--primary:focus,.el-button--primary:hover{background-color:#219258;border-color:#219258}.el-table{border-color:var(--line);font-size:13px}.el-table th.el-table__cell{background:#f7faf8;color:var(--text-sub);font-weight:600;height:44px}.el-table td.el-table__cell,.el-table th.el-table__cell{border-bottom-color:var(--line)}.el-table tr{transition:background-color .2s ease}.el-table tr:hover>td.el-table__cell{background:#f6fbf8}.el-form-item{margin-bottom:var(--space-2)}.el-input__inner,.el-textarea__inner{border-color:#d9d9d9}.el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-textarea__inner:focus{border-color:var(--brand)}.el-pagination{margin-top:var(--space-2);text-align:right}@media(max-width:1100px){.chart-row{margin:0}}@media(max-width:768px){.page-container{padding:var(--space-2)}.page-title{font-size:18px;line-height:26px}.page-head-actions{width:100%;justify-content:flex-start}}