.statistics-page { padding: 4rem 0 6rem; }
.statistics-legend { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 2rem; }
.statistics-legend span { align-items: center; display: inline-flex; font-size: .85rem; gap: .45rem; }
.statistics-legend i { border-radius: 50%; height: .7rem; width: .7rem; }
.athletes { background: #ab1d31; }
.clubs { background: #d9a71b; }
.competitions { background: #14243a; }
.competitors { background: #337a7b; }
.registrations { background: #7d4e8d; }
.affiliated-competitors { background: #2b6cb0; }
.non-affiliated-competitors { background: #b65c35; }
.statistics-chart { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.statistics-season { border: 1px solid var(--aal-line); padding: 1.25rem; }
.statistics-season h2 { color: var(--aal-navy); font-size: 1rem; margin: 0 0 1.2rem; }
.statistics-metrics { display: grid; gap: .85rem; }
.statistics-metric { align-items: center; display: grid; gap: .65rem; grid-template-columns: 5.5rem 1fr auto; }
.statistics-metric > span { color: var(--aal-muted); font-size: .76rem; }
.statistics-track { background: #edf0f3; height: .65rem; overflow: hidden; }
.statistics-track i { display: block; height: 100%; min-width: .35rem; }
.statistics-metric b { color: var(--aal-navy); font-size: .8rem; min-width: 3.2rem; text-align: right; }
.statistics-empty { color: var(--aal-muted); }
.statistics-trends { margin-top: 5rem; }.statistics-trends h2 { color: var(--aal-navy); font-family: Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.4rem); margin: .15rem 0 1.8rem; }.trend-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); }.trend-card { border: 1px solid var(--aal-line); padding: 1.25rem; }.trend-card h3 { color: var(--aal-navy); font-size: 1rem; margin: 0 0 1rem; }.trend-rows { display: grid; gap: .7rem; }.trend-row { align-items: center; display: grid; gap: .6rem; grid-template-columns: 4.5rem 1fr auto; }.trend-row > span { color: var(--aal-muted); font-size: .68rem; line-height: 1.15; }.trend-track { background: #edf0f3; height: .75rem; overflow: hidden; }.trend-track i { display: block; height: 100%; min-width: .35rem; }.trend-row b { color: var(--aal-navy); font-size: .76rem; min-width: 3.2rem; text-align: right; }
@media (max-width: 900px) { .trend-grid { grid-template-columns: 1fr; } }
@media (max-width: 500px) { .statistics-chart { grid-template-columns: 1fr; }.statistics-metric { grid-template-columns: 4.6rem 1fr auto; gap: .45rem; } }