.admin-trends{margin:28px 0 30px;min-width:0}
.trend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.trend-toolbar h2{font-size:19px;margin:0;color:var(--ink)}
.trend-toolbar p,.trend-period{color:var(--muted);font-size:12px;margin:6px 0 0}
.trend-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trend-period{margin:16px 0 12px}
.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trend-card{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:20px 18px 14px;box-shadow:0 3px 16px #142d4a04}
.trend-card-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}
.trend-card h3{font-size:14px;margin:0;color:var(--ink)}
.trend-card-heading span{font-size:11px;color:var(--muted)}
.trend-total{display:block;font-size:27px;letter-spacing:-.7px;line-height:1.35;margin:12px 0 5px;color:var(--trend-color);overflow-wrap:anywhere}
.trend-subtitle{font-size:11px;color:var(--muted);margin:0 0 16px;min-height:18px}
.trend-chart{display:block;width:100%;height:auto;overflow:visible;outline-offset:3px;border-radius:4px;touch-action:pan-y}
.trend-chart:focus-visible{outline:2px solid var(--trend-color)}
.trend-chart text{fill:#6f7e91;font:12px Inter,'Microsoft YaHei',sans-serif}
.trend-grid-line{stroke:#e8edf3;stroke-dasharray:3 4;stroke-width:1}
.trend-line{fill:none;stroke:var(--trend-color);stroke-width:2.3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.trend-area{fill:var(--trend-color);opacity:.07}
.trend-guide{stroke:var(--trend-color);stroke-dasharray:3 3;opacity:.35}
.trend-dot{fill:white;stroke:var(--trend-color);stroke-width:2}
.trend-readout{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:8px;font-size:12px;color:var(--muted)}
.trend-readout strong{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.trend-hint{font-size:10px;color:var(--muted);margin:8px 0 0}
.trend-state{margin-top:16px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:1100px){.trend-grid{grid-template-columns:1fr}.trend-chart{max-width:600px;margin-inline:auto}.trend-total{font-size:30px}}
@media(max-width:600px){.trend-controls{gap:8px}.trend-controls .el-radio-button__inner{padding:9px 12px}.trend-card{padding:18px 14px 14px}.trend-toolbar{gap:14px}.admin-trends{margin-block:24px}}