.report-toolbar{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.report-toolbar h2{margin:0}.period-switch{display:flex;border:1px solid var(--line);background:#fff}.period-switch a{padding:.65rem 1rem;color:var(--muted);font-weight:700}.period-switch a:hover{text-decoration:none}.period-switch a.active{background:var(--forest);color:#fff}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:1.5rem}.report-metrics article{background:var(--paper);padding:1.3rem}.report-metrics span,.report-metrics small{display:block;color:var(--muted)}.report-metrics strong{display:block;font:700 2.2rem "Fraunces",serif;margin:.15rem 0}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chart-panel{background:var(--paper);border:1px solid var(--line);padding:1.25rem}.chart-panel h3{margin:.1rem 0 1rem}.chart-frame{height:320px;width:100%;position:relative}.chart-frame canvas{display:block;width:100%;height:100%}.status.logged{background:#e4e7e3;color:#33483e}.status.sent{background:#d5eadf;color:#14513a}.status.failed{background:#f3d6cf;color:#812c1a}
@media(max-width:850px){.chart-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr}.report-toolbar{align-items:start;flex-direction:column}.chart-frame{height:270px}}