Funnel report styling.

src/app/(main)/reports/funnel/FunnelChart.module.css

@@ -37,12 +37,12 @@
 .card {
   display: grid;
   gap: 20px;
+  margin-top: 8px;
 }
 
 .header {
   display: flex;
-  align-items: center;
-  font-weight: 700;
+  flex-direction: column;
   gap: 20px;
 }
 
@@ -58,7 +58,9 @@
 }
 
 .label {
-  color: var(--base700);
+  color: var(--base600);
+  font-weight: 700;
+  text-transform: uppercase;
 }
 
 .track {
@@ -71,9 +73,9 @@
 }
 
 .item {
-  padding: 6px 10px;
-  border-radius: 4px;
-  border: 1px solid var(--base300);
+  font-size: 24px;
+  color: var(--base900);
+  font-weight: 700;
 }
 
 .metric {
@@ -88,6 +90,7 @@
 
 .visitors {
   color: var(--base900);
+  font-size: 32px;
   font-weight: 900;
   margin-right: 10px;
 }

src/app/(main)/reports/funnel/FunnelChart.tsx

@@ -25,7 +25,7 @@ export function FunnelChart({ className }: FunnelChartProps) {
             <div className={styles.card}>
               <div className={styles.header}>
                 <span className={styles.label}>
-                  {formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}:
+                  {formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}
                 </span>
                 <span className={styles.item}>{value}</span>
               </div>