Panels redesign.

src/app/(main)/reports/[reportId]/FieldFilterEditForm.tsx

@@ -134,7 +134,7 @@ export function FieldFilterEditForm({
     <Column>
       <Row className={styles.filter}>
         <Label>{label}</Label>
-        <Flexbox gap={10}>
+        <Flexbox gap="3">
           {allowFilterSelect && (
             <Select
               className={styles.dropdown}

src/app/(main)/reports/journey/JourneyView.module.css

@@ -4,7 +4,7 @@
   position: relative;
 
   --journey-line-color: var(--base600);
-  --journey-active-color: var(--primary400);
+  --journey-active-color: var(--primary-color);
   --journey-faded-color: var(--base300);
 }
 
@@ -108,7 +108,7 @@
 
 .node.active {
   color: var(--light50);
-  background: var(--primary400);
+  background: var(--primary-color);
 }
 
 .node.selected .count {

src/app/(main)/reports/revenue/RevenueView.tsx

@@ -4,7 +4,7 @@ import { BarChart } from '@/components/charts/BarChart';
 import { PieChart } from '@/components/charts/PieChart';
 import { TypeIcon } from '@/components/common/TypeIcon';
 import { useCountryNames, useLocale, useMessages } from '@/components/hooks';
-import { GridRow } from '@/components/layout/Grid';
+import { GridRow } from '@/components/layout/GridRow';
 import { ListTable } from '@/components/metrics/ListTable';
 import { MetricCard } from '@/components/metrics/MetricCard';
 import { MetricsBar } from '@/components/metrics/MetricsBar';
@@ -133,7 +133,7 @@ export function RevenueView({ isLoading }: RevenueViewProps) {
               renderXLabel={renderDateLabels(dateRange?.unit, locale)}
               isLoading={isLoading}
             />
-            <GridRow columns="two">
+            <GridRow layout="two">
               <ListTable
                 metric={formatMessage(labels.country)}
                 data={data?.country.map(({ name, value }) => ({