<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px">
<.card title="Payments by method" description="October 2026">
<.pie_chart label="Payments by method, October 2026" unit="payments" total="1,284" values={vec![("Card".to_owned(), 745.0), ("Bank transfer".to_owned(), 308.0), ("Direct debit".to_owned(), 154.0), ("Other".to_owned(), 77.0)]} />
</.card>
<.card title="Plans" description="Active subscriptions">
<.pie_chart label="Active subscriptions by plan" variant="pie" values={vec![("Business".to_owned(), 52.0), ("Team".to_owned(), 31.0), ("Starter".to_owned(), 17.0)]} />
</.card>
</div>