html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f6fa}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.money-pos{color:#3f8600}.money-neg{color:#cf1322}.money-num{font-variant-numeric:tabular-nums}.clickable-row{cursor:pointer}.bar-chart{display:flex;align-items:flex-end;height:236px;padding:24px 8px 0}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-pair{display:flex;align-items:flex-end;gap:6px;height:100%}.bar-wrap{position:relative;display:flex;align-items:flex-end;height:100%}.bar{width:26px;border-radius:3px 3px 0 0;position:relative}.bar-paid{background:#1677ff}.bar-qualified{background:#faad14}.bar-num{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;color:#666;white-space:nowrap}.bar-label{margin-top:8px;font-size:12px;color:#888;height:18px}.chart-legend{display:flex;gap:16px;font-size:12px;color:#666;padding:0 8px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}