Build a real-time analytics card (dark, rounded, soft shadow) with a LIVE indicator, featuring a real-time animated 12×8 heatmap grid of rounded cells at the top, followed by two KPI blocks (Monthly + Yearly totals with % change), and a compact city leaderboard list at the bottom, in a minimal, monochrome, dashboard-widget style, targeting [target framework]. – Heatmap: ItemsRepeater + UniformGridLayout, bound with ObservableCollection – Smooth number transitions (professional counting effect) and animated heatmap value changes – Custom grayscale intensity mapping from sales values using 8 IValueConverter implementations – Timers: one for frequent heatmap animation, one for periodic data refresh – ToolTipService on cells for details – Live indicator with a pulsing dot – City-level breakdown list with colored category dots – Design: dark monochrome Background #0F172A, surface #1E293B, white/gray accents, grayscale gradients