.statistics-kpis .stat small { display:block; margin-top:4px; color:#61728f; font-weight:600; }
.statistics-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin-top:20px; }
.statistics-wide { grid-column:1 / -1; }
.statistics-wide .section-head { margin-bottom:8px; }
.statistics-wide .section-head h3 { margin-bottom:2px; }
.statistics-wide .section-head p { margin:0; color:#61728f; }
.monthly-chart { min-height:250px; display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); align-items:end; gap:8px; padding:24px 4px 0; border-bottom:1px solid #dfe7f2; }
.monthly-bar { min-width:0; height:225px; display:grid; grid-template-rows:24px 1fr 27px; align-items:end; gap:5px; text-align:center; }
.monthly-bar i { display:block; min-height:4px; width:100%; border-radius:7px 7px 0 0; background:linear-gradient(180deg, #2871c6, #0b4b91); }
.monthly-bar-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#506581; font-size:.7rem; }
.monthly-bar span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#506581; font-size:.72rem; font-weight:700; }
.statistics-list { display:grid; gap:0; }
.statistics-list > div { display:flex; justify-content:space-between; gap:16px; align-items:baseline; padding:11px 0; border-bottom:1px solid #e1e8f2; }
.statistics-list > div:last-child { border-bottom:0; }
.statistics-list span { min-width:0; overflow-wrap:anywhere; color:#334d71; }
.statistics-list b { white-space:nowrap; color:#073f80; }
.statistics-note { margin-top:18px; }
@media (max-width:900px) { .statistics-grid { grid-template-columns:1fr; } }
@media (max-width:640px) { .monthly-chart { grid-template-columns:repeat(6, minmax(0, 1fr)); gap:6px; } .monthly-bar { height:180px; grid-template-rows:20px 1fr 22px; } .monthly-bar-value { font-size:.62rem; } .monthly-bar span { font-size:.65rem; } }