diff --git a/src/modules/crm/zoho/screens/CrmDashboardScreen.tsx b/src/modules/crm/zoho/screens/CrmDashboardScreen.tsx
index 0be55a3..6bf40cb 100644
--- a/src/modules/crm/zoho/screens/CrmDashboardScreen.tsx
+++ b/src/modules/crm/zoho/screens/CrmDashboardScreen.tsx
@@ -1,17 +1,14 @@
-import React, { useEffect } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity, RefreshControl, ScrollView } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, RefreshControl, ScrollView, ActivityIndicator } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import { useSelector, useDispatch } from 'react-redux';
 import { Container } from '@/shared/components/ui';
 import { PieChart, DonutChart, FunnelChart, StackedBarChart, PipelineFlow, PipelineCards, CompactPipeline } from '@/shared/components/charts';
 import { useTheme } from '@/shared/styles/useTheme';
 import { useNavigation } from '@react-navigation/native';
-import { fetchAllCrmData } from '../store/crmSlice';
+import { fetchCrmKPIs } from '../store/crmSlice';
 import { 
-  selectDashboardData, 
-  selectIsAnyLoading, 
-  selectHasAnyError,
-  selectCrmStats
+  selectCrmKPIs
 } from '../store/selectors';
 import type { RootState } from '@/store/store';
 import type { AppDispatch } from '@/store/store';
@@ -22,24 +19,42 @@ const CrmDashboardScreen: React.FC = () => {
   const dispatch = useDispatch<AppDispatch>();
 
   // Redux selectors
-  const dashboardData = useSelector(selectDashboardData);
-  const crmStats = useSelector(selectCrmStats);
-  const isLoading = useSelector(selectIsAnyLoading);
-  const hasError = useSelector(selectHasAnyError);
+  const crmKPIs = useSelector(selectCrmKPIs);
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasError, setHasError] = useState(false);
 
-  // Fetch data on component mount
+  // Fetch KPIs data on component mount
   useEffect(() => {
-    dispatch(fetchAllCrmData());
+    fetchKPIsData();
   }, [dispatch]);
 
+  // Debug log to check KPIs data
+  useEffect(() => {
+    // console.log('CRM KPIs Data:', crmKPIs);
+  }, [crmKPIs]);
+
+  // Fetch KPIs data
+  const fetchKPIsData = async () => {
+    try {
+      setIsLoading(true);
+      setHasError(false);
+      await dispatch(fetchCrmKPIs()).unwrap();
+    } catch (error) {
+      console.error('Failed to fetch KPIs data:', error);
+      setHasError(true);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   // Handle refresh
   const handleRefresh = () => {
-    dispatch(fetchAllCrmData());
+    fetchKPIsData();
   };
   return (
-    <Container>
       <ScrollView 
         style={[styles.wrap, { backgroundColor: colors.background }]}
+        contentContainerStyle={styles.scrollContent}
         refreshControl={
           <RefreshControl refreshing={isLoading} onRefresh={handleRefresh} />
         }
@@ -57,218 +72,342 @@ const CrmDashboardScreen: React.FC = () => {
           </TouchableOpacity>
         </View>
 
-        {/* Error State */}
-        {hasError && (
-          <View style={[styles.errorCard, { borderColor: colors.error, backgroundColor: colors.surface }]}>
-            <Icon name="alert-circle" size={20} color={colors.error} />
-            <Text style={[styles.errorText, { color: colors.error, fontFamily: fonts.medium }]}>
-              Failed to load CRM data. Pull to refresh.
+        {/* Loading State */}
+        {isLoading && !crmKPIs && (
+          <View style={[styles.loadingCard, { borderColor: colors.primary, backgroundColor: colors.surface }]}>
+            <ActivityIndicator size="large" color={colors.primary} />
+            <Text style={[styles.loadingText, { color: colors.primary, fontFamily: fonts.medium }]}>
+              Loading comprehensive KPIs data...
             </Text>
           </View>
         )}
 
-        {/* KPIs */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="Total Leads" 
-            value={String(crmStats.leads.total)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#3AA0FF" 
-          />
-          <Kpi 
-            label="Active Tasks" 
-            value={String(crmStats.tasks.total - crmStats.tasks.completed)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#6366F1" 
-          />
-          <Kpi 
-            label="Won Deals" 
-            value={String(crmStats.deals.won)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#10B981" 
-          />
-          <Kpi 
-            label="Pipeline Value" 
-            value={formatCurrency(crmStats.deals.pipelineValue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#F59E0B" 
-          />
+        {/* Error State */}
+        {hasError && (
+          <View style={[styles.errorCard, { borderColor: colors.error, backgroundColor: colors.surface, marginBottom: 20 }]}>
+            <Icon name="alert-circle" size={20} color={colors.error} />
+            <Text style={[styles.errorText, { color: colors.error, fontFamily: fonts.medium }]}>
+              Failed to load KPIs data. Pull to refresh.
+            </Text>
+          </View>
+        )}
+
+        {/* No Data State */}
+        {!crmKPIs && !isLoading && !hasError && (
+          <View style={[styles.errorCard, { borderColor: colors.textLight, backgroundColor: colors.surface, marginBottom: 20 }]}>
+            <Icon name="information" size={20} color={colors.textLight} />
+            <Text style={[styles.errorText, { color: colors.textLight, fontFamily: fonts.medium }]}>
+              No KPIs data available. Pull to refresh.
+            </Text>
+          </View>
+        )}
+
+        {/* Refresh Indicator */}
+        {isLoading && crmKPIs && (
+          <View style={[styles.refreshIndicator, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <ActivityIndicator size="small" color={colors.primary} />
+            <Text style={[styles.refreshText, { color: colors.textLight, fontFamily: fonts.regular }]}>
+              Refreshing data...
+            </Text>
+          </View>
+        )}
+
+        {/* Hero Stats - Large Cards */}
+        <View style={styles.heroStatsContainer}>
+          <View style={[styles.heroCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <View style={styles.heroCardHeader}>
+              <Icon name="account-heart" size={24} color="#3B82F6" />
+              <Text style={[styles.heroCardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Leads</Text>
+            </View>
+            <Text style={[styles.heroCardValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.leads || 0}
+            </Text>
+            <Text style={[styles.heroCardSubtitle, { color: colors.textLight, fontFamily: fonts.regular }]}>
+              Total Leads
+            </Text>
         </View>
 
-        {/* Additional Stats Row */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="New Leads" 
-            value={String(crmStats.leads.new)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#22C55E" 
-          />
-          <Kpi 
-            label="Overdue Tasks" 
-            value={String(crmStats.tasks.overdue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#EF4444" 
-          />
-          <Kpi 
-            label="Active Contacts" 
-            value={String(crmStats.contacts.active)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#8B5CF6" 
-          />
-          <Kpi 
-            label="Avg Deal Size" 
-            value={formatCurrency(crmStats.deals.averageDealSize)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#06B6D4" 
-          />
+          <View style={[styles.heroCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <View style={styles.heroCardHeader}>
+              <Icon name="handshake" size={24} color="#10B981" />
+              <Text style={[styles.heroCardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Deals</Text>
+            </View>
+            <Text style={[styles.heroCardValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.deals || 0}
+            </Text>
+            <Text style={[styles.heroCardSubtitle, { color: colors.textLight, fontFamily: fonts.regular }]}>
+              Total Deals
+            </Text>
+          </View>
         </View>
 
-        {/* Sales Orders & Purchase Orders Row */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="Sales Orders" 
-            value={String(crmStats.salesOrders.total)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#3B82F6" 
-          />
-          <Kpi 
-            label="Sales Value" 
-            value={formatCurrency(crmStats.salesOrders.totalValue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#10B981" 
-          />
-          <Kpi 
-            label="Purchase Orders" 
-            value={String(crmStats.purchaseOrders.total)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#F59E0B" 
-          />
-          <Kpi 
-            label="Purchase Value" 
-            value={formatCurrency(crmStats.purchaseOrders.totalValue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#EF4444" 
-          />
+        {/* Revenue Overview - Large Card */}
+        <View style={[styles.revenueCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+          <View style={styles.revenueHeader}>
+            <Icon name="trending-up" size={28} color="#10B981" />
+            <Text style={[styles.revenueTitle, { color: colors.text, fontFamily: fonts.bold }]}>Revenue Overview</Text>
+          </View>
+          <View style={styles.revenueStats}>
+            <View style={styles.revenueItem}>
+              <Text style={[styles.revenueLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Total Revenue</Text>
+              <Text style={[styles.revenueValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {formatCurrency(crmKPIs?.businessOverview?.revenueMetrics?.totalRevenue || 0)}
+              </Text>
+            </View>
+            <View style={styles.revenueItem}>
+              <Text style={[styles.revenueLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Pipeline Value</Text>
+              <Text style={[styles.revenueValue, { color: colors.primary, fontFamily: fonts.bold }]}>
+                {formatCurrency(crmKPIs?.salesPipeline?.totalPipelineValue || 0)}
+              </Text>
+            </View>
+            <View style={styles.revenueItem}>
+              <Text style={[styles.revenueLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Avg Invoice</Text>
+              <Text style={[styles.revenueValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {formatCurrency(crmKPIs?.businessOverview?.revenueMetrics?.averageInvoiceValue || 0)}
+              </Text>
+            </View>
+          </View>
         </View>
 
-        {/* Invoices Row */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="Total Invoices" 
-            value={String(crmStats.invoices.total)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#8B5CF6" 
-          />
-          <Kpi 
-            label="Invoice Value" 
-            value={formatCurrency(crmStats.invoices.totalValue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#06B6D4" 
-          />
-          <Kpi 
-            label="Overdue Invoices" 
-            value={String(crmStats.invoices.overdue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#EF4444" 
-          />
-          <Kpi 
-            label="Paid Invoices" 
-            value={String(crmStats.invoices.paid)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#22C55E" 
-          />
+        {/* Module Counts - Compact Grid */}
+        <View style={styles.compactGrid}>
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="check-circle" size={20} color="#10B981" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.tasks || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Tasks</Text>
+        </View>
+          
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="account-group" size={20} color="#8B5CF6" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.contacts || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Contacts</Text>
+          </View>
+          
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="domain" size={20} color="#F59E0B" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.accounts || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Accounts</Text>
+          </View>
+          
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="receipt" size={20} color="#22C55E" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.invoices || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Invoices</Text>
+          </View>
+          
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="shopping" size={20} color="#06B6D4" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.salesOrders || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Sales Orders</Text>
+          </View>
+          
+          <View style={[styles.compactCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="cart" size={20} color="#8B5CF6" />
+            <Text style={[styles.compactValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.businessOverview?.moduleCounts?.purchaseOrders || 0}
+            </Text>
+            <Text style={[styles.compactLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Purchase Orders</Text>
+          </View>
         </View>
 
-        {/* Customer & Sales KPIs Row 1 */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="Sales Cycle (Days)" 
-            value={String(crmStats.customerKPIs.salesCycleLength)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#3B82F6" 
-          />
-          <Kpi 
-            label="Avg Revenue/Account" 
-            value={formatCurrency(crmStats.customerKPIs.averageRevenuePerAccount)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#10B981" 
-          />
-          <Kpi 
-            label="Churn Rate" 
-            value={`${crmStats.customerKPIs.churnRate}%`} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#EF4444" 
-          />
-          <Kpi 
-            label="Customer LTV" 
-            value={formatCurrency(crmStats.customerKPIs.customerLifetimeValue)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#8B5CF6" 
-          />
+        {/* Sales Pipeline Progress - Progress Bars */}
+        <View style={[styles.progressCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+          <Text style={[styles.progressTitle, { color: colors.text, fontFamily: fonts.bold }]}>Sales Pipeline Progress</Text>
+          
+          <View style={styles.progressItem}>
+            <View style={styles.progressHeader}>
+              <Text style={[styles.progressLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Qualified Leads</Text>
+              <Text style={[styles.progressValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.qualifiedLeads || 0}
+              </Text>
+            </View>
+            <View style={[styles.progressBar, { backgroundColor: colors.background }]}>
+              <View style={[styles.progressFill, { 
+                backgroundColor: '#22C55E', 
+                width: `${Math.min(100, ((crmKPIs?.salesPipeline?.qualifiedLeads || 0) / Math.max(1, crmKPIs?.salesPipeline?.totalLeads || 1)) * 100)}%` 
+              }]} />
+            </View>
+          </View>
+          
+          <View style={styles.progressItem}>
+            <View style={styles.progressHeader}>
+              <Text style={[styles.progressLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Converted Leads</Text>
+              <Text style={[styles.progressValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.convertedLeads || 0}
+              </Text>
+            </View>
+            <View style={[styles.progressBar, { backgroundColor: colors.background }]}>
+              <View style={[styles.progressFill, { 
+                backgroundColor: '#3B82F6', 
+                width: `${Math.min(100, ((crmKPIs?.salesPipeline?.convertedLeads || 0) / Math.max(1, crmKPIs?.salesPipeline?.totalLeads || 1)) * 100)}%` 
+              }]} />
+            </View>
+          </View>
+          
+          <View style={styles.progressItem}>
+            <View style={styles.progressHeader}>
+              <Text style={[styles.progressLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Closed Won Deals</Text>
+              <Text style={[styles.progressValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.closedWonDeals || 0}
+              </Text>
+            </View>
+            <View style={[styles.progressBar, { backgroundColor: colors.background }]}>
+              <View style={[styles.progressFill, { 
+                backgroundColor: '#10B981', 
+                width: `${Math.min(100, ((crmKPIs?.salesPipeline?.closedWonDeals || 0) / Math.max(1, crmKPIs?.salesPipeline?.totalDeals || 1)) * 100)}%` 
+              }]} />
+            </View>
+          </View>
         </View>
 
-        {/* Customer & Sales KPIs Row 2 */}
-        <View style={styles.kpiGrid}>
-          <Kpi 
-            label="LTV/CAC Ratio" 
-            value={String(crmStats.customerKPIs.ltvToCacRatio)} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#F59E0B" 
-          />
-          <Kpi 
-            label="Retention Rate" 
-            value={`${crmStats.customerKPIs.customerRetentionRate}%`} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#22C55E" 
-          />
-          <Kpi 
-            label="Conversion Rate" 
-            value={`${crmStats.customerKPIs.conversionRate}%`} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#06B6D4" 
-          />
-          <Kpi 
-            label="Win Rate" 
-            value={`${crmStats.customerKPIs.winRate}%`} 
-            color={colors.text} 
-            fonts={fonts} 
-            accent="#10B981" 
-          />
+        {/* Task Performance - Circular Progress */}
+        <View style={[styles.taskCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+          <Text style={[styles.taskTitle, { color: colors.text, fontFamily: fonts.bold }]}>Task Performance</Text>
+          
+          <View style={styles.taskStats}>
+            <View style={styles.taskStatItem}>
+              <View style={[styles.circularProgress, { borderColor: '#10B981' }]}>
+                <Text style={[styles.circularValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                  {crmKPIs?.operationalEfficiency?.taskCompletionRate || "0%"}
+                </Text>
+              </View>
+              <Text style={[styles.circularLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Completion Rate</Text>
+            </View>
+            
+            <View style={styles.taskStatItem}>
+              <View style={[styles.circularProgress, { borderColor: '#EF4444' }]}>
+                <Text style={[styles.circularValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                  {crmKPIs?.operationalEfficiency?.overdueRate || "0%"}
+                </Text>
+              </View>
+              <Text style={[styles.circularLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Overdue Rate</Text>
+            </View>
+          </View>
+          
+          <View style={styles.taskNumbers}>
+            <View style={styles.taskNumberItem}>
+              <Text style={[styles.taskNumberValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.operationalEfficiency?.totalTasks || 0}
+              </Text>
+              <Text style={[styles.taskNumberLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Total Tasks</Text>
+            </View>
+            <View style={styles.taskNumberItem}>
+              <Text style={[styles.taskNumberValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.operationalEfficiency?.completedTasks || 0}
+              </Text>
+              <Text style={[styles.taskNumberLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Completed</Text>
+            </View>
+            <View style={styles.taskNumberItem}>
+              <Text style={[styles.taskNumberValue, { color: '#EF4444', fontFamily: fonts.bold }]}>
+                {crmKPIs?.operationalEfficiency?.overdueTasks || 0}
+              </Text>
+              <Text style={[styles.taskNumberLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Overdue</Text>
+            </View>
+          </View>
         </View>
 
-        {/* Lead Status Distribution - Pie Chart */}
+        {/* Key Metrics - Side by Side */}
+        <View style={styles.metricsRow}>
+          <View style={[styles.metricCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="target" size={24} color="#F59E0B" />
+            <Text style={[styles.metricValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.salesPipeline?.conversionRate || "0%"}
+            </Text>
+            <Text style={[styles.metricLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Conversion Rate</Text>
+          </View>
+          
+          <View style={[styles.metricCard, { backgroundColor: colors.surface, borderColor: colors.border }]}>
+            <Icon name="trophy" size={24} color="#22C55E" />
+            <Text style={[styles.metricValue, { color: colors.text, fontFamily: fonts.bold }]}>
+              {crmKPIs?.salesPipeline?.winRate || "0%"}
+            </Text>
+            <Text style={[styles.metricLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Win Rate</Text>
+          </View>
+        </View>
+
+
+
+
+
+        {/* Conversion Funnel */}
         <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Lead Status Distribution</Text>
+          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Sales Conversion Funnel</Text>
+          
+          <View style={styles.funnelContainer}>
+            <View style={styles.funnelStage}>
+              <Text style={[styles.funnelStageLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Leads</Text>
+              <Text style={[styles.funnelStageValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.leads?.count || 0}
+              </Text>
+              <Text style={[styles.funnelStagePercent, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.leads?.percentage || "0"}%
+              </Text>
+            </View>
+            
+            <View style={styles.funnelArrow}>
+              <Text style={[styles.funnelArrowText, { color: colors.textLight }]}>→</Text>
+            </View>
+            
+            <View style={styles.funnelStage}>
+              <Text style={[styles.funnelStageLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Qualified</Text>
+              <Text style={[styles.funnelStageValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.qualified?.count || 0}
+              </Text>
+              <Text style={[styles.funnelStagePercent, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.qualified?.percentage || "0"}%
+              </Text>
+            </View>
+            
+            <View style={styles.funnelArrow}>
+              <Text style={[styles.funnelArrowText, { color: colors.textLight }]}>→</Text>
+            </View>
+            
+            <View style={styles.funnelStage}>
+              <Text style={[styles.funnelStageLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Converted</Text>
+              <Text style={[styles.funnelStageValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.converted?.count || 0}
+              </Text>
+              <Text style={[styles.funnelStagePercent, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.converted?.percentage || "0"}%
+              </Text>
+            </View>
+            
+            <View style={styles.funnelArrow}>
+              <Text style={[styles.funnelArrowText, { color: colors.textLight }]}>→</Text>
+            </View>
+            
+            <View style={styles.funnelStage}>
+              <Text style={[styles.funnelStageLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Closed Won</Text>
+              <Text style={[styles.funnelStageValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.closedWon?.count || 0}
+              </Text>
+              <Text style={[styles.funnelStagePercent, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.salesPipeline?.conversionFunnel?.closedWon?.percentage || "0"}%
+              </Text>
+            </View>
+          </View>
+        </View>
+
+        {/* Lead Sources Distribution */}
+        <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
+          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Lead Sources Distribution</Text>
           
           <View style={styles.chartContainer}>
             <PieChart 
-              data={Object.entries(crmStats.leads.byStatus).map(([status, count]) => ({
-                label: status,
-                value: count,
-                color: getStatusColor(status)
+              data={Object.entries(crmKPIs?.salesPipeline?.leadSources || {}).map(([source, count]) => ({
+                label: source,
+                value: Number(count) || 0,
+                color: getStatusColor(source)
               }))}
               colors={colors}
               fonts={fonts}
@@ -277,11 +416,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.pieLegend}>
-              {Object.entries(crmStats.leads.byStatus).map(([status, count]) => (
-                <View key={status} style={styles.legendItem}>
-                  <View style={[styles.legendDot, { backgroundColor: getStatusColor(status) }]} />
+              {Object.entries(crmKPIs?.salesPipeline?.leadSources || {}).map(([source, count]) => (
+                <View key={source} style={styles.legendItem}>
+                  <View style={[styles.legendDot, { backgroundColor: getStatusColor(source) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {status} ({count})
+                    {source} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -294,10 +433,10 @@ const CrmDashboardScreen: React.FC = () => {
           <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Deal Pipeline Stages</Text>
           
           <CompactPipeline 
-            data={dashboardData.pipeline.map(stage => ({
-              label: stage.label,
-              value: stage.value,
-              color: stage.color
+            data={Object.entries(crmKPIs?.salesPipeline?.dealStages || {}).map(([stage, count]) => ({
+              label: stage,
+              value: Number(count) || 0,
+              color: getStatusColor(stage)
             }))}
             colors={colors}
             fonts={fonts}
@@ -310,10 +449,10 @@ const CrmDashboardScreen: React.FC = () => {
           
           <View style={styles.chartContainer}>
             <DonutChart 
-              data={dashboardData.sourceDist.map(source => ({
-                label: source.label,
-                value: source.value,
-                color: source.color
+              data={Object.entries(crmKPIs?.salesPipeline?.leadSources || {}).map(([source, count]) => ({
+                label: source,
+                value: Number(count) || 0,
+                color: getStatusColor(source)
               }))}
               colors={colors}
               fonts={fonts}
@@ -322,11 +461,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.pieLegend}>
-              {dashboardData.sourceDist.map(source => (
-                <View key={source.label} style={styles.legendItem}>
-                  <View style={[styles.legendDot, { backgroundColor: source.color }]} />
+              {Object.entries(crmKPIs?.salesPipeline?.leadSources || {}).map(([source, count]) => (
+                <View key={source} style={styles.legendItem}>
+                  <View style={[styles.legendDot, { backgroundColor: getStatusColor(source) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {source.label} ({source.value})
+                    {source} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -336,14 +475,14 @@ const CrmDashboardScreen: React.FC = () => {
 
         {/* Tasks by Priority - Stacked Bar Chart */}
         <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Tasks by Priority</Text>
+          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Tasks by Status</Text>
           
           <View style={styles.chartContainer}>
             <StackedBarChart 
-              data={Object.entries(crmStats.tasks.byPriority).map(([priority, count]) => ({
-                label: priority,
-                value: count,
-                color: getPriorityColor(priority)
+              data={Object.entries(crmKPIs?.operationalEfficiency?.taskStatus || {}).map(([status, count]) => ({
+                label: status,
+                value: Number(count) || 0,
+                color: getPriorityColor(status)
               }))}
               colors={colors}
               fonts={fonts}
@@ -352,11 +491,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.barLegend}>
-              {Object.entries(crmStats.tasks.byPriority).map(([priority, count]) => (
-                <View key={priority} style={styles.legendItem}>
-                  <View style={[styles.legendDot, { backgroundColor: getPriorityColor(priority) }]} />
+              {Object.entries(crmKPIs?.operationalEfficiency?.taskStatus || {}).map(([status, count]) => (
+                <View key={status} style={styles.legendItem}>
+                  <View style={[styles.legendDot, { backgroundColor: getPriorityColor(status) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {priority} ({count})
+                    {status} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -370,9 +509,9 @@ const CrmDashboardScreen: React.FC = () => {
           
           <View style={styles.chartContainer}>
             <DonutChart 
-              data={Object.entries(crmStats.salesOrders.byStatus).map(([status, count]) => ({
+              data={Object.entries(crmKPIs?.operationalEfficiency?.orderStatus?.salesOrders || {}).map(([status, count]) => ({
                 label: status,
-                value: count,
+                value: Number(count) || 0,
                 color: getStatusColor(status)
               }))}
               colors={colors}
@@ -382,11 +521,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.pieLegend}>
-              {Object.entries(crmStats.salesOrders.byStatus).map(([status, count]) => (
+              {Object.entries(crmKPIs?.operationalEfficiency?.orderStatus?.salesOrders || {}).map(([status, count]) => (
                 <View key={status} style={styles.legendItem}>
                   <View style={[styles.legendDot, { backgroundColor: getStatusColor(status) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {status} ({count})
+                    {status} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -394,16 +533,16 @@ const CrmDashboardScreen: React.FC = () => {
           </View>
         </View>
 
-        {/* Purchase Orders by Vendor - Pie Chart */}
+        {/* Purchase Orders by Status - Pie Chart */}
         <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Purchase Orders by Vendor</Text>
+          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Purchase Orders by Status</Text>
           
           <View style={styles.chartContainer}>
             <PieChart 
-              data={Object.entries(crmStats.purchaseOrders.byVendor).map(([vendor, count]) => ({
-                label: vendor,
-                value: count,
-                color: getStatusColor(vendor)
+              data={Object.entries(crmKPIs?.operationalEfficiency?.orderStatus?.purchaseOrders || {}).map(([status, count]) => ({
+                label: status,
+                value: Number(count) || 0,
+                color: getStatusColor(status)
               }))}
               colors={colors}
               fonts={fonts}
@@ -412,11 +551,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.pieLegend}>
-              {Object.entries(crmStats.purchaseOrders.byVendor).map(([vendor, count]) => (
-                <View key={vendor} style={styles.legendItem}>
-                  <View style={[styles.legendDot, { backgroundColor: getStatusColor(vendor) }]} />
+              {Object.entries(crmKPIs?.operationalEfficiency?.orderStatus?.purchaseOrders || {}).map(([status, count]) => (
+                <View key={status} style={styles.legendItem}>
+                  <View style={[styles.legendDot, { backgroundColor: getStatusColor(status) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {vendor} ({count})
+                    {status} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -430,9 +569,9 @@ const CrmDashboardScreen: React.FC = () => {
           
           <View style={styles.chartContainer}>
             <StackedBarChart 
-              data={Object.entries(crmStats.invoices.byStatus).map(([status, count]) => ({
+              data={Object.entries(crmKPIs?.operationalEfficiency?.invoiceStatus || {}).map(([status, count]) => ({
                 label: status,
-                value: count,
+                value: Number(count) || 0,
                 color: getStatusColor(status)
               }))}
               colors={colors}
@@ -442,11 +581,11 @@ const CrmDashboardScreen: React.FC = () => {
             
             {/* Legend */}
             <View style={styles.barLegend}>
-              {Object.entries(crmStats.invoices.byStatus).map(([status, count]) => (
+              {Object.entries(crmKPIs?.operationalEfficiency?.invoiceStatus || {}).map(([status, count]) => (
                 <View key={status} style={styles.legendItem}>
                   <View style={[styles.legendDot, { backgroundColor: getStatusColor(status) }]} />
                   <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                    {status} ({count})
+                    {status} ({Number(count) || 0})
                   </Text>
                 </View>
               ))}
@@ -454,97 +593,247 @@ const CrmDashboardScreen: React.FC = () => {
           </View>
         </View>
 
-        {/* Customer & Sales KPIs Summary */}
+        {/* Advanced Financial KPIs */}
         <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Customer & Sales KPIs Summary</Text>
+          <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Advanced Financial KPIs</Text>
           
-          <View style={styles.kpiSummaryGrid}>
-            <View style={styles.kpiSummaryItem}>
-              <Text style={[styles.kpiSummaryLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Sales Cycle Length</Text>
-              <Text style={[styles.kpiSummaryValue, { color: colors.text, fontFamily: fonts.bold }]}>
-                {crmStats.customerKPIs.salesCycleLength} days
+          <View style={styles.financialKPIsGrid}>
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Revenue Growth Rate</Text>
+              <Text style={[styles.financialKPIValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                {crmKPIs?.advancedFinancialKPIs?.revenueGrowthRate?.percentage || "0%"}
               </Text>
-              <Text style={[styles.kpiSummaryDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                Avg. time from first touch to close
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.advancedFinancialKPIs?.revenueGrowthRate?.trend || "stable"} trend
               </Text>
             </View>
             
-            <View style={styles.kpiSummaryItem}>
-              <Text style={[styles.kpiSummaryLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Customer LTV</Text>
-              <Text style={[styles.kpiSummaryValue, { color: colors.primary, fontFamily: fonts.bold }]}>
-                {formatCurrency(crmStats.customerKPIs.customerLifetimeValue)}
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Gross Margin</Text>
+              <Text style={[styles.financialKPIValue, { color: colors.primary, fontFamily: fonts.bold }]}>
+                {crmKPIs?.advancedFinancialKPIs?.grossMargin?.percentage || "0%"}
               </Text>
-              <Text style={[styles.kpiSummaryDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                Average lifetime value per customer
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {formatCurrency(crmKPIs?.advancedFinancialKPIs?.grossMargin?.grossProfit || 0)} profit
               </Text>
             </View>
             
-            <View style={styles.kpiSummaryItem}>
-              <Text style={[styles.kpiSummaryLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>LTV/CAC Ratio</Text>
-              <Text style={[styles.kpiSummaryValue, { color: crmStats.customerKPIs.ltvToCacRatio >= 3 ? '#22C55E' : '#EF4444', fontFamily: fonts.bold }]}>
-                {crmStats.customerKPIs.ltvToCacRatio}x
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Net Profit Margin</Text>
+              <Text style={[styles.financialKPIValue, { color: '#22C55E', fontFamily: fonts.bold }]}>
+                {crmKPIs?.advancedFinancialKPIs?.netProfitMargin?.percentage || "0%"}
               </Text>
-              <Text style={[styles.kpiSummaryDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                {crmStats.customerKPIs.ltvToCacRatio >= 3 ? 'Healthy ratio' : 'Needs improvement'}
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {formatCurrency(crmKPIs?.advancedFinancialKPIs?.netProfitMargin?.netProfit || 0)} net profit
               </Text>
             </View>
             
-            <View style={styles.kpiSummaryItem}>
-              <Text style={[styles.kpiSummaryLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Churn Rate</Text>
-              <Text style={[styles.kpiSummaryValue, { color: crmStats.customerKPIs.churnRate <= 5 ? '#22C55E' : '#EF4444', fontFamily: fonts.bold }]}>
-                {crmStats.customerKPIs.churnRate}%
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>EBITDA</Text>
+              <Text style={[styles.financialKPIValue, { color: '#10B981', fontFamily: fonts.bold }]}>
+                {formatCurrency(crmKPIs?.advancedFinancialKPIs?.ebitda?.value || 0)}
               </Text>
-              <Text style={[styles.kpiSummaryDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                {crmStats.customerKPIs.churnRate <= 5 ? 'Low churn' : 'High churn risk'}
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.advancedFinancialKPIs?.ebitda?.margin || "0%"} margin
+              </Text>
+            </View>
+            
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Cash Runway</Text>
+              <Text style={[styles.financialKPIValue, { color: crmKPIs?.advancedFinancialKPIs?.cashRunway?.status === 'critical' ? '#EF4444' : '#22C55E', fontFamily: fonts.bold }]}>
+                {crmKPIs?.advancedFinancialKPIs?.cashRunway?.months || "0"} months
+              </Text>
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.advancedFinancialKPIs?.cashRunway?.status || "unknown"} status
+              </Text>
+            </View>
+            
+            <View style={styles.financialKPIItem}>
+              <Text style={[styles.financialKPILabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Days Sales Outstanding</Text>
+              <Text style={[styles.financialKPIValue, { color: crmKPIs?.advancedFinancialKPIs?.daysSalesOutstanding?.status === 'needs_attention' ? '#EF4444' : '#22C55E', fontFamily: fonts.bold }]}>
+                {crmKPIs?.advancedFinancialKPIs?.daysSalesOutstanding?.days || 0} days
+              </Text>
+              <Text style={[styles.financialKPIDesc, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                {crmKPIs?.advancedFinancialKPIs?.daysSalesOutstanding?.status || "unknown"} status
               </Text>
             </View>
           </View>
         </View>
 
-        {/* Lists */}
+        {/* Business Health Score */}
+        {crmKPIs?.businessInsights?.businessHealth && (
+          <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Business Health Score</Text>
+            
+            <View style={styles.healthScoreContainer}>
+              <View style={styles.healthScoreMain}>
+                <Text style={[styles.healthScoreValue, { color: colors.primary, fontFamily: fonts.bold }]}>
+                  {crmKPIs.businessInsights.businessHealth.overallScore}/100
+                </Text>
+                <Text style={[styles.healthScoreLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                  Overall Score
+                </Text>
+              </View>
+              
+              <View style={styles.healthScoreBreakdown}>
+                <View style={styles.healthScoreItem}>
+                  <Text style={[styles.healthScoreItemLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Lead Generation</Text>
+                  <Text style={[styles.healthScoreItemValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                    {crmKPIs.businessInsights.businessHealth.leadGeneration}%
+                  </Text>
+                </View>
+                <View style={styles.healthScoreItem}>
+                  <Text style={[styles.healthScoreItemLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Process Efficiency</Text>
+                  <Text style={[styles.healthScoreItemValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                    {crmKPIs.businessInsights.businessHealth.processEfficiency}%
+                  </Text>
+                </View>
+                <View style={styles.healthScoreItem}>
+                  <Text style={[styles.healthScoreItemLabel, { color: colors.textLight, fontFamily: fonts.regular }]}>Quality Metrics</Text>
+                  <Text style={[styles.healthScoreItemValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                    {crmKPIs.businessInsights.businessHealth.qualityMetrics}%
+                  </Text>
+                </View>
+              </View>
+            </View>
+          </View>
+        )}
+
+        {/* Industry Distribution */}
+        {crmKPIs?.customerRelationships?.industryDistribution && (
+          <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Industry Distribution</Text>
+            
+            <View style={styles.chartContainer}>
+              <DonutChart 
+                data={Object.entries(crmKPIs.customerRelationships.industryDistribution).map(([industry, count]) => ({
+                  label: industry,
+                  value: Number(count) || 0,
+                  color: getStatusColor(industry)
+                }))}
+                colors={colors}
+                fonts={fonts}
+                size={140}
+              />
+              
+              {/* Legend */}
+              <View style={styles.pieLegend}>
+                {Object.entries(crmKPIs.customerRelationships.industryDistribution).map(([industry, count]) => (
+                  <View key={industry} style={styles.legendItem}>
+                    <View style={[styles.legendDot, { backgroundColor: getStatusColor(industry) }]} />
+                    <Text style={[styles.legendText, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                      {industry} ({Number(count) || 0})
+                    </Text>
+                  </View>
+                ))}
+              </View>
+            </View>
+          </View>
+        )}
+
+        {/* Revenue Trends - Only show months with revenue */}
+        {crmKPIs?.businessOverview?.revenueMetrics?.revenueByMonth && (
+          <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Revenue Trends</Text>
+            
+            <View style={styles.revenueTrendsContainer}>
+              {crmKPIs.businessOverview.revenueMetrics.revenueByMonth
+                .filter((month: any) => month.revenue > 0)
+                .slice(-6)
+                .map((month: any, index: number) => (
+                <View key={month.month} style={styles.revenueTrendItem}>
+                  <Text style={[styles.revenueTrendMonth, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                    {new Date(month.month).toLocaleDateString('en-US', { month: 'short', year: '2-digit' })}
+                  </Text>
+                  <Text style={[styles.revenueTrendValue, { color: colors.text, fontFamily: fonts.bold }]}>
+                    {formatCurrency(month.revenue)}
+                  </Text>
+                </View>
+              ))}
+              {crmKPIs.businessOverview.revenueMetrics.revenueByMonth.filter((month: any) => month.revenue > 0).length === 0 && (
+                <Text style={[styles.emptyText, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                  No revenue data available for the selected period
+                </Text>
+              )}
+            </View>
+          </View>
+        )}
+
+        {/* Top Revenue Accounts */}
         <View style={styles.row}> 
           <View style={[styles.card, styles.col, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Top Opportunities</Text>
-            {dashboardData.topOpps.length > 0 ? dashboardData.topOpps.map(o => (
-              <View key={o.name} style={styles.listRow}>
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Top Revenue Accounts</Text>
+            {crmKPIs?.businessOverview?.revenueMetrics?.topRevenueAccounts?.length > 0 ? crmKPIs.businessOverview.revenueMetrics.topRevenueAccounts.slice(0, 5).map((account: any, index: number) => (
+              <View key={account.account} style={styles.listRow}>
                 <Text style={[styles.listPrimary, { color: colors.text, fontFamily: fonts.regular }]} numberOfLines={1}>
-                  {o.name}
+                  {account.account}
                 </Text>
                 <Text style={[styles.listSecondary, { color: colors.primary, fontFamily: fonts.bold }]}>
-                  {formatCurrency(o.value)}
+                  {formatCurrency(account.revenue)}
                 </Text>
               </View>
             )) : (
               <Text style={[styles.emptyText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                No opportunities found
+                No revenue data available
               </Text>
             )}
           </View>
           <View style={[styles.card, styles.col, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
-            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Recent Activity</Text>
-            {dashboardData.recent.length > 0 ? dashboardData.recent.map(r => (
-              <View key={`${r.who}-${r.when}`} style={styles.listRow}>
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Top Performing Sources</Text>
+            {crmKPIs?.businessInsights?.topPerformingSources?.length > 0 ? crmKPIs.businessInsights.topPerformingSources.slice(0, 5).map((source: any, index: number) => (
+              <View key={source.source} style={styles.listRow}>
                 <Text style={[styles.listPrimary, { color: colors.text, fontFamily: fonts.regular }]} numberOfLines={1}>
-                  {r.who}
+                  {source.source}
                 </Text>
                 <Text style={[styles.listSecondary, { color: colors.textLight, fontFamily: fonts.regular }]} numberOfLines={1}>
-                  {r.what} · {r.when}
+                  {source.totalLeads} leads · {source.avgQuality}% quality
                 </Text>
               </View>
             )) : (
               <Text style={[styles.emptyText, { color: colors.textLight, fontFamily: fonts.regular }]}>
-                No recent activity
+                No source data available
               </Text>
             )}
           </View>
         </View>
+
+        {/* Recommendations */}
+        {crmKPIs?.businessInsights?.recommendations && crmKPIs.businessInsights.recommendations.length > 0 && (
+          <View style={[styles.card, { borderColor: colors.border, backgroundColor: colors.surface }]}> 
+            <Text style={[styles.cardTitle, { color: colors.text, fontFamily: fonts.medium }]}>Business Recommendations</Text>
+            
+            {crmKPIs.businessInsights.recommendations.map((recommendation: any, index: number) => (
+              <View key={index} style={styles.recommendationItem}>
+                <View style={styles.recommendationHeader}>
+                  <Text style={[styles.recommendationTitle, { color: colors.text, fontFamily: fonts.bold }]}>
+                    {recommendation.title}
+                  </Text>
+                  <View style={[
+                    styles.recommendationPriority, 
+                    { backgroundColor: recommendation.priority === 'High' ? colors.error : recommendation.priority === 'Medium' ? '#F59E0B' : '#22C55E' }
+                  ]}>
+                    <Text style={[styles.recommendationPriorityText, { color: colors.surface, fontFamily: fonts.medium }]}>
+                      {recommendation.priority}
+                    </Text>
+                  </View>
+                </View>
+                <Text style={[styles.recommendationDescription, { color: colors.textLight, fontFamily: fonts.regular }]}>
+                  {recommendation.description}
+                </Text>
+                <Text style={[styles.recommendationAction, { color: colors.primary, fontFamily: fonts.medium }]}>
+                  Action: {recommendation.action}
+                </Text>
+              </View>
+            ))}
+          </View>
+        )}
       </ScrollView>
-    </Container>
   );
 };
 
 const styles = StyleSheet.create({
   wrap: { flex: 1, padding: 16 },
+  scrollContent: { paddingBottom: 20 },
   header: {
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -576,6 +865,32 @@ const styles = StyleSheet.create({
     fontSize: 14,
     flex: 1,
   },
+  loadingCard: {
+    borderRadius: 12,
+    borderWidth: 1,
+    padding: 20,
+    marginTop: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  loadingText: {
+    marginTop: 12,
+    fontSize: 14,
+    textAlign: 'center',
+  },
+  refreshIndicator: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 12,
+    marginBottom: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+  },
+  refreshText: {
+    marginLeft: 8,
+    fontSize: 14,
+  },
   kpiGrid: { flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-between' },
   kpiCard: { width: '48%', borderRadius: 12, borderWidth: 1, borderColor: '#E2E8F0', backgroundColor: '#FFFFFF', padding: 12, marginBottom: 12 },
   kpiLabel: { fontSize: 12, opacity: 0.8 },
@@ -645,6 +960,373 @@ const styles = StyleSheet.create({
     fontSize: 11,
     lineHeight: 14,
   },
+  healthScoreContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 8,
+  },
+  healthScoreMain: {
+    alignItems: 'center',
+    marginRight: 24,
+  },
+  healthScoreValue: {
+    fontSize: 32,
+    marginBottom: 4,
+  },
+  healthScoreLabel: {
+    fontSize: 12,
+  },
+  healthScoreBreakdown: {
+    flex: 1,
+  },
+  healthScoreItem: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  healthScoreItemLabel: {
+    fontSize: 12,
+    flex: 1,
+  },
+  healthScoreItemValue: {
+    fontSize: 14,
+  },
+  revenueTrendsContainer: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    marginTop: 8,
+  },
+  revenueTrendItem: {
+    width: '33%',
+    alignItems: 'center',
+    marginBottom: 12,
+  },
+  revenueTrendMonth: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  revenueTrendValue: {
+    fontSize: 14,
+  },
+  recommendationItem: {
+    marginBottom: 16,
+    paddingBottom: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+  },
+  recommendationHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  recommendationTitle: {
+    fontSize: 14,
+    flex: 1,
+    marginRight: 8,
+  },
+  recommendationPriority: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 12,
+  },
+  recommendationPriorityText: {
+    fontSize: 10,
+  },
+  recommendationDescription: {
+    fontSize: 12,
+    marginBottom: 8,
+    lineHeight: 16,
+  },
+  recommendationAction: {
+    fontSize: 12,
+    fontStyle: 'italic',
+  },
+  funnelContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginTop: 8,
+    paddingHorizontal: 8,
+  },
+  funnelStage: {
+    alignItems: 'center',
+    flex: 1,
+  },
+  funnelStageLabel: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  funnelStageValue: {
+    fontSize: 18,
+    marginBottom: 2,
+  },
+  funnelStagePercent: {
+    fontSize: 10,
+  },
+  funnelArrow: {
+    marginHorizontal: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  funnelArrowText: {
+    fontSize: 16,
+  },
+  financialKPIsGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    marginTop: 8,
+  },
+  financialKPIItem: {
+    width: '48%',
+    marginBottom: 16,
+    padding: 12,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 8,
+  },
+  financialKPILabel: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  financialKPIValue: {
+    fontSize: 16,
+    marginBottom: 4,
+  },
+  financialKPIDesc: {
+    fontSize: 10,
+    lineHeight: 12,
+  },
+  dealStagesGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    marginTop: 8,
+  },
+  dealStageItem: {
+    width: '48%',
+    marginBottom: 12,
+    padding: 8,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 6,
+  },
+  dealStageLabel: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  dealStageValue: {
+    fontSize: 16,
+  },
+  leadSourcesGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    marginTop: 8,
+  },
+  leadSourceItem: {
+    width: '48%',
+    marginBottom: 12,
+    padding: 8,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 6,
+  },
+  leadSourceLabel: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  leadSourceValue: {
+    fontSize: 16,
+  },
+  // Hero Stats Styles
+  heroStatsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 16,
+  },
+  heroCard: {
+    flex: 1,
+    marginHorizontal: 4,
+    padding: 20,
+    borderRadius: 16,
+    borderWidth: 1,
+    alignItems: 'center',
+  },
+  heroCardHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 12,
+  },
+  heroCardTitle: {
+    fontSize: 16,
+    marginLeft: 8,
+  },
+  heroCardValue: {
+    fontSize: 32,
+    marginBottom: 4,
+  },
+  heroCardSubtitle: {
+    fontSize: 12,
+  },
+  // Revenue Card Styles
+  revenueCard: {
+    padding: 20,
+    borderRadius: 16,
+    borderWidth: 1,
+    marginBottom: 16,
+  },
+  revenueHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 16,
+  },
+  revenueTitle: {
+    fontSize: 20,
+    marginLeft: 12,
+  },
+  revenueStats: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  revenueItem: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  revenueLabel: {
+    fontSize: 12,
+    marginBottom: 4,
+  },
+  revenueValue: {
+    fontSize: 18,
+  },
+  // Compact Grid Styles
+  compactGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'space-between',
+    marginBottom: 16,
+  },
+  compactCard: {
+    width: '30%',
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: 1,
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  compactValue: {
+    fontSize: 18,
+    marginVertical: 4,
+  },
+  compactLabel: {
+    fontSize: 10,
+    textAlign: 'center',
+  },
+  // Progress Card Styles
+  progressCard: {
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    marginBottom: 16,
+  },
+  progressTitle: {
+    fontSize: 16,
+    marginBottom: 16,
+  },
+  progressItem: {
+    marginBottom: 12,
+  },
+  progressHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 6,
+  },
+  progressLabel: {
+    fontSize: 14,
+  },
+  progressValue: {
+    fontSize: 14,
+  },
+  progressBar: {
+    height: 8,
+    borderRadius: 4,
+    overflow: 'hidden',
+  },
+  progressFill: {
+    height: '100%',
+    borderRadius: 4,
+  },
+  // Task Card Styles
+  taskCard: {
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    marginBottom: 16,
+  },
+  taskTitle: {
+    fontSize: 16,
+    marginBottom: 16,
+  },
+  taskStats: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginBottom: 16,
+  },
+  taskStatItem: {
+    alignItems: 'center',
+  },
+  circularProgress: {
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    borderWidth: 4,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  circularValue: {
+    fontSize: 12,
+  },
+  circularLabel: {
+    fontSize: 10,
+    textAlign: 'center',
+  },
+  taskNumbers: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+  },
+  taskNumberItem: {
+    alignItems: 'center',
+  },
+  taskNumberValue: {
+    fontSize: 18,
+    marginBottom: 4,
+  },
+  taskNumberLabel: {
+    fontSize: 12,
+  },
+  // Metrics Row Styles
+  metricsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 16,
+  },
+  metricCard: {
+    flex: 1,
+    marginHorizontal: 4,
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: 1,
+    alignItems: 'center',
+  },
+  metricValue: {
+    fontSize: 20,
+    marginVertical: 8,
+  },
+  metricLabel: {
+    fontSize: 12,
+    textAlign: 'center',
+  },
 });
 
 // Helper functions for color coding
diff --git a/src/modules/crm/zoho/screens/ZohoCrmDataScreen.tsx b/src/modules/crm/zoho/screens/ZohoCrmDataScreen.tsx
index 54956ea..42809a8 100644
--- a/src/modules/crm/zoho/screens/ZohoCrmDataScreen.tsx
+++ b/src/modules/crm/zoho/screens/ZohoCrmDataScreen.tsx
@@ -34,7 +34,8 @@ import {
   selectDealsPagination,
   selectSalesOrdersPagination,
   selectPurchaseOrdersPagination,
-  selectInvoicesPagination
+  selectInvoicesPagination,
+  selectCrmCounts
 } from '../store/selectors';
 import { 
   fetchAllCrmData, 
@@ -45,6 +46,7 @@ import {
   fetchSalesOrders,
   fetchPurchaseOrders,
   fetchInvoices,
+  fetchCrmCounts,
   resetLeadsPagination,
   resetTasksPagination,
   resetContactsPagination,
@@ -80,6 +82,7 @@ const ZohoCrmDataScreen: React.FC = () => {
   const salesOrdersPagination = useSelector(selectSalesOrdersPagination);
   const purchaseOrdersPagination = useSelector(selectPurchaseOrdersPagination);
   const invoicesPagination = useSelector(selectInvoicesPagination);
+  const counts = useSelector(selectCrmCounts);
 
   // Create CRM data object from Redux state
   const crmData: CrmData = useMemo(() => ({
@@ -184,6 +187,8 @@ const ZohoCrmDataScreen: React.FC = () => {
 
   useEffect(() => {
     fetchCrmData();
+    // Fetch counts in parallel
+    dispatch(fetchCrmCounts());
   }, []);
 
   const handleRefresh = useCallback(() => {
@@ -196,8 +201,9 @@ const ZohoCrmDataScreen: React.FC = () => {
     dispatch(resetPurchaseOrdersPagination());
     dispatch(resetInvoicesPagination());
     
-    // Then fetch fresh data
+    // Then fetch fresh data and counts
     fetchCrmData(true);
+    dispatch(fetchCrmCounts());
   }, [fetchCrmData, dispatch]);
 
   const handleRetry = useCallback(() => {
@@ -230,26 +236,52 @@ const ZohoCrmDataScreen: React.FC = () => {
                   errors.salesOrders || errors.purchaseOrders || errors.invoices;
 
 
-  // Tab configuration
+  // Tab configuration with counts from API
   const tabs = [
-    { key: 'leads', label: 'Leads', icon: 'account-heart', count: crmData.leads.length },
-    { key: 'tasks', label: 'Tasks', icon: 'check-circle', count: crmData.tasks.length },
-    { key: 'contacts', label: 'Contacts', icon: 'account-group', count: crmData.contacts.length },
-    { key: 'deals', label: 'Deals', icon: 'handshake', count: crmData.deals.length },
-    { key: 'salesOrders', label: 'Sales Orders', icon: 'shopping', count: crmData.salesOrders.length },
-    { key: 'purchaseOrders', label: 'Purchase Orders', icon: 'cart', count: crmData.purchaseOrders.length },
-    { key: 'invoices', label: 'Invoices', icon: 'receipt', count: crmData.invoices.length },
+    { 
+      key: 'leads', 
+      label: 'Leads', 
+      icon: 'account-heart', 
+      count: counts?.leads || crmData.leads.length 
+    },
+    { 
+      key: 'tasks', 
+      label: 'Tasks', 
+      icon: 'check-circle', 
+      count: counts?.tasks || crmData.tasks.length 
+    },
+    { 
+      key: 'contacts', 
+      label: 'Contacts', 
+      icon: 'account-group', 
+      count: counts?.contacts || crmData.contacts.length 
+    },
+    { 
+      key: 'deals', 
+      label: 'Deals', 
+      icon: 'handshake', 
+      count: counts?.deals || crmData.deals.length 
+    },
+    { 
+      key: 'salesOrders', 
+      label: 'Sales Orders', 
+      icon: 'shopping', 
+      count: counts?.salesOrders || crmData.salesOrders.length 
+    },
+    { 
+      key: 'purchaseOrders', 
+      label: 'Purchase Orders', 
+      icon: 'cart', 
+      count: counts?.purchaseOrders || crmData.purchaseOrders.length 
+    },
+    { 
+      key: 'invoices', 
+      label: 'Invoices', 
+      icon: 'receipt', 
+      count: counts?.invoices || crmData.invoices.length 
+    },
   ] as const;
 
-  if (isLoading && !crmData.leads.length) {
-    return <LoadingSpinner />;
-  }
-
-  if (hasError && !crmData.leads.length) {
-    return <ErrorState onRetry={handleRetry} />;
-  }
-
-
   const renderTabContent = useCallback(() => {
     const commonFlatListProps = {
       numColumns: 1,
@@ -385,6 +417,15 @@ const ZohoCrmDataScreen: React.FC = () => {
     }
   }, [selectedTab, crmData, handleCardPress, loadMoreData, renderFooter, refreshing, handleRefresh]);
 
+  // Conditional returns after all hooks
+  if (isLoading && !crmData.leads.length) {
+    return <LoadingSpinner />;
+  }
+
+  if (hasError && !crmData.leads.length) {
+    return <ErrorState onRetry={handleRetry} />;
+  }
+
   return (
       <View style={[styles.container, { backgroundColor: colors.background }]}>
         {/* Fixed Header */}
diff --git a/src/modules/crm/zoho/services/crmAPI.ts b/src/modules/crm/zoho/services/crmAPI.ts
index 8c196bc..7c26f20 100644
--- a/src/modules/crm/zoho/services/crmAPI.ts
+++ b/src/modules/crm/zoho/services/crmAPI.ts
@@ -76,5 +76,181 @@ export const crmAPI = {
     };
     return http.get<CrmApiResponse<CrmPaginatedResponse<any>>>(`/api/v1/integrations/zoho/crm/invoices`, queryParams);
   },
+
+  // Get counts for all CRM modules
+  getCrmCounts: () => {
+    return http.get<{
+      status: string;
+      message: string;
+      data: {
+        data: {
+          accounts: { count: number; success: boolean };
+          leads: { count: number; success: boolean };
+          tasks: { count: number; success: boolean };
+          invoices: { count: number; success: boolean };
+          sales_orders: { count: number; success: boolean };
+          purchase_orders: { count: number; success: boolean };
+          deals: { count: number; success: boolean };
+          contacts: { count: number; success: boolean };
+          vendors: { count: number; success: boolean };
+        };
+        info: {
+          totalModules: number;
+          successfulModules: number;
+          failedModules: number;
+        };
+      };
+      timestamp: string;
+    }>('/api/v1/integrations/zoho/crm/counts', { provider: 'zoho' });
+  },
+
+  // Get comprehensive CRM KPIs report
+  getCrmKPIs: () => {
+    return http.get<{
+      status: string;
+      message: string;
+      data: {
+        businessOverview: {
+          totalRecords: number;
+          moduleCounts: {
+            leads: number;
+            contacts: number;
+            accounts: number;
+            deals: number;
+            tasks: number;
+            vendors: number;
+            invoices: number;
+            salesOrders: number;
+            purchaseOrders: number;
+          };
+          revenueMetrics: {
+            totalRevenue: number;
+            totalDealValue: number;
+            totalInvoices: number;
+            averageInvoiceValue: number;
+            overdueAmount: number;
+            overdueCount: number;
+            revenueByMonth: Array<{ month: string; revenue: number }>;
+            topRevenueAccounts: Array<{ account: string; revenue: number }>;
+          };
+          growthMetrics: {
+            recentLeads: number;
+            previousLeads: number;
+            recentDeals: number;
+            previousDeals: number;
+            leadGrowthRate: string;
+            dealGrowthRate: string;
+          };
+        };
+        salesPipeline: {
+          totalLeads: number;
+          totalDeals: number;
+          qualifiedLeads: number;
+          convertedLeads: number;
+          openDeals: number;
+          closedWonDeals: number;
+          totalPipelineValue: number;
+          conversionRate: string;
+          qualificationRate: string;
+          winRate: string;
+          dealStages: Record<string, number>;
+          leadSources: Record<string, number>;
+          conversionFunnel: {
+            leads: { count: number; percentage: number };
+            qualified: { count: number; percentage: string };
+            converted: { count: number; percentage: string };
+            deals: { count: number; percentage: number };
+            closedWon: { count: number; percentage: string };
+          };
+        };
+        operationalEfficiency: {
+          totalTasks: number;
+          completedTasks: number;
+          overdueTasks: number;
+          highPriorityTasks: number;
+          taskCompletionRate: string;
+          overdueRate: string;
+          taskStatus: Record<string, number>;
+          invoiceStatus: Record<string, number>;
+          orderStatus: {
+            salesOrders: Record<string, number>;
+            purchaseOrders: Record<string, number>;
+          };
+        };
+        customerRelationships: {
+          totalContacts: number;
+          totalAccounts: number;
+          totalVendors: number;
+          recentContacts: number;
+          accountsWithRevenue: number;
+          contactToAccountRatio: string;
+          industryDistribution: Record<string, number>;
+          contactSources: Record<string, number>;
+          accountOwnership: Record<string, number>;
+        };
+        financialHealth: {
+          totalRevenue: number;
+          totalInvoices: number;
+          averageInvoiceValue: number;
+          overdueAmount: number;
+          revenueByMonth: Array<{ month: string; revenue: number }>;
+          topRevenueAccounts: Array<{ account: string; revenue: number }>;
+        };
+        businessInsights: {
+          topPerformingSources: Array<{
+            source: string;
+            totalLeads: number;
+            qualifiedLeads: number;
+            conversionRate: string;
+            avgQuality: string;
+          }>;
+          topRevenueOwners: Array<{
+            owner: string;
+            count: number;
+            total: number;
+          }>;
+          mostActiveOwners: Array<{
+            owner: string;
+            count: number;
+            value: number;
+          }>;
+          businessHealth: {
+            overallScore: number;
+            leadGeneration: number;
+            processEfficiency: number;
+            qualityMetrics: number;
+          };
+          recommendations: Array<{
+            category: string;
+            priority: string;
+            title: string;
+            description: string;
+            action: string;
+          }>;
+        };
+        generatedAt: string;
+        advancedFinancialKPIs: {
+          revenueGrowthRate: { value: number; percentage: string; trend: string };
+          grossMargin: { value: number; percentage: string; totalRevenue: number; totalCOGS: number; grossProfit: number };
+          netProfitMargin: { value: number; percentage: string; totalRevenue: number; totalCosts: number; netProfit: number };
+          operatingCashFlow: { cashIn: number; cashOut: number; netCashFlow: number; cashFlowRatio: string };
+          cashRunway: { months: string; status: string; monthlyCashIn: number; monthlyCashOut: number };
+          customerAcquisitionCost: { value: number; marketingSpend: number; newCustomers: number; status: string };
+          customerLifetimeValue: { value: number; totalRevenue: number; totalCustomers: number; status: string };
+          ltvToCacRatio: { ratio: string; status: string };
+          netRevenueRetention: { percentage: string; recurringRevenue: number; currentCustomers: number; status: string };
+          churnRate: { percentage: string; lostCustomers: number; totalCustomers: number; status: string };
+          averageRevenuePerAccount: { value: number; totalRevenue: number; totalAccounts: number; status: string };
+          burnMultiple: { multiple: string; totalBurn: number; newARR: number; status: string };
+          salesCycleLength: { averageDays: number; status: string };
+          netPromoterScore: { score: number; promoters: number; totalCustomers: number; status: string; note: string };
+          daysSalesOutstanding: { days: number; totalOutstanding: number; averageDailySales: number; status: string };
+          growthEfficiencyRatio: { ratio: string; status: string };
+          ebitda: { value: number; totalRevenue: number; totalCosts: number; margin: string; status: string };
+        };
+      };
+      timestamp: string;
+    }>('/api/v1/reports/crm/kpis');
+  },
 };
 
diff --git a/src/modules/crm/zoho/store/crmSlice.ts b/src/modules/crm/zoho/store/crmSlice.ts
index 745712c..b0a252d 100644
--- a/src/modules/crm/zoho/store/crmSlice.ts
+++ b/src/modules/crm/zoho/store/crmSlice.ts
@@ -63,6 +63,22 @@ export interface CrmState {
   // Statistics
   stats: CrmStats | null;
   
+  // Module counts
+  counts: {
+    leads: number;
+    tasks: number;
+    contacts: number;
+    deals: number;
+    salesOrders: number;
+    purchaseOrders: number;
+    invoices: number;
+    accounts: number;
+    vendors: number;
+  } | null;
+  
+  // Comprehensive KPIs report
+  kpis: any | null;
+  
   // Last updated timestamps
   lastUpdated: {
     leads: string | null;
@@ -115,6 +131,8 @@ const initialState: CrmState = {
     invoices: { page: 1, count: 0, moreRecords: false },
   },
   stats: null,
+  counts: null,
+  kpis: null,
   lastUpdated: {
     leads: null,
     tasks: null,
@@ -205,6 +223,41 @@ export const fetchInvoices = createAsyncThunk(
   }
 );
 
+// Fetch CRM counts
+export const fetchCrmCounts = createAsyncThunk(
+  'crm/fetchCounts',
+  async () => {
+    const response = await crmAPI.getCrmCounts();
+    return response.data?.data || {
+      data: {
+        accounts: { count: 0, success: false },
+        leads: { count: 0, success: false },
+        tasks: { count: 0, success: false },
+        invoices: { count: 0, success: false },
+        sales_orders: { count: 0, success: false },
+        purchase_orders: { count: 0, success: false },
+        deals: { count: 0, success: false },
+        contacts: { count: 0, success: false },
+        vendors: { count: 0, success: false },
+      },
+      info: {
+        totalModules: 0,
+        successfulModules: 0,
+        failedModules: 0,
+      }
+    };
+  }
+);
+
+// Fetch comprehensive CRM KPIs
+export const fetchCrmKPIs = createAsyncThunk(
+  'crm/fetchKPIs',
+  async () => {
+    const response = await crmAPI.getCrmKPIs();
+    return response.data?.data || null;
+  }
+);
+
 // Fetch all CRM data
 export const fetchAllCrmData = createAsyncThunk(
   'crm/fetchAllData',
@@ -564,6 +617,41 @@ const crmSlice = createSlice({
         state.errors.salesOrders = errorMessage;
         state.errors.purchaseOrders = errorMessage;
         state.errors.invoices = errorMessage;
+      })
+      
+      // Fetch CRM counts
+      .addCase(fetchCrmCounts.pending, (state) => {
+        // No loading state needed for counts as it's fetched in background
+      })
+      .addCase(fetchCrmCounts.fulfilled, (state, action) => {
+        const { data } = action.payload;
+        state.counts = {
+          leads: data.leads?.count || 0,
+          tasks: data.tasks?.count || 0,
+          contacts: data.contacts?.count || 0,
+          deals: data.deals?.count || 0,
+          salesOrders: data.sales_orders?.count || 0,
+          purchaseOrders: data.purchase_orders?.count || 0,
+          invoices: data.invoices?.count || 0,
+          accounts: data.accounts?.count || 0,
+          vendors: data.vendors?.count || 0,
+        };
+      })
+      .addCase(fetchCrmCounts.rejected, (state) => {
+        // Keep existing counts on error
+        console.warn('Failed to fetch CRM counts');
+      })
+      
+      // Fetch CRM KPIs
+      .addCase(fetchCrmKPIs.pending, (state) => {
+        // No loading state needed for KPIs as it's fetched in background
+      })
+      .addCase(fetchCrmKPIs.fulfilled, (state, action) => {
+        state.kpis = action.payload;
+      })
+      .addCase(fetchCrmKPIs.rejected, (state) => {
+        // Keep existing KPIs on error
+        console.warn('Failed to fetch CRM KPIs');
       });
   },
 });
diff --git a/src/modules/crm/zoho/store/selectors.ts b/src/modules/crm/zoho/store/selectors.ts
index ba9615b..c00866d 100644
--- a/src/modules/crm/zoho/store/selectors.ts
+++ b/src/modules/crm/zoho/store/selectors.ts
@@ -45,6 +45,12 @@ export const selectPurchaseOrdersError = (state: RootState) => state.crm.errors.
 export const selectInvoicesError = (state: RootState) => state.crm.errors.invoices;
 
 // Computed selectors for dashboard
+// Counts selector
+export const selectCrmCounts = (state: RootState) => state.crm.counts;
+
+// KPIs selector
+export const selectCrmKPIs = (state: RootState) => state.crm.kpis;
+
 export const selectCrmStats = createSelector(
   [selectLeads, selectTasks, selectContacts, selectDeals, selectSalesOrders, selectPurchaseOrders, selectInvoices],
   (leads, tasks, contacts, deals, salesOrders, purchaseOrders, invoices): CrmStats => {
diff --git a/src/modules/integrations/screens/ZohoAuth.tsx b/src/modules/integrations/screens/ZohoAuth.tsx
index f266ef2..50b7348 100644
--- a/src/modules/integrations/screens/ZohoAuth.tsx
+++ b/src/modules/integrations/screens/ZohoAuth.tsx
@@ -15,6 +15,7 @@ import { useNavigation } from '@react-navigation/native';
 import { manageToken } from '../services/integrationAPI';
 import { useSelector } from 'react-redux';
 import { RootState } from '@/store/store';
+import http from '@/services/http';
 
 // Types
 type ServiceKey = 'zohoProjects' | 'zohoCRM' | 'zohoBooks' | 'zohoPeople';
@@ -38,6 +39,8 @@ interface ZohoAuthState {
   loading: boolean;
   error: string | null;
   currentUrl: string;
+  processing: boolean;
+  processingStep: string;
 }
 
 // Zoho OAuth Configuration
@@ -174,23 +177,98 @@ const ZohoAuth: React.FC<ZohoAuthProps> = ({
     loading: true,
     error: null,
     currentUrl: buildZohoAuthUrl(currentScope),
+    processing: false,
+    processingStep: '',
   });
 
   // Backend exchange mode: only log and return the authorization code to the caller
   const handleAuthorizationCode = useCallback(async (authCode: string) => {
     console.log('[ZohoAuth] Authorization code received:', authCode);
     console.log('[ZohoAuth] Send this code to your backend to exchange for tokens.',user);
-    const response = await manageToken.manageToken({ authorization_code: authCode, id: user?.uuid, service_name: 'zoho', access_token: accessToken });
-    console.log('[ZohoAuth] Response from manageToken:', response);
-    // Return the code via onAuthSuccess using the existing shape
-    onAuthSuccess?.({
-      accessToken: authCode, // This is the AUTHORIZATION CODE, not an access token
-      tokenType: 'authorization_code',
-      scope: currentScope,
-      expiresIn: undefined,
-      refreshToken: undefined,
-    });
-  }, [onAuthSuccess, currentScope]);
+    
+    // Show processing modal
+    setState(prev => ({ 
+      ...prev, 
+      processing: true, 
+      processingStep: 'Storing credentials and preparing data setup...' 
+    }));
+    
+    try {
+      const response = await manageToken.manageToken({ 
+        authorization_code: authCode, 
+        id: user?.uuid || '', 
+        service_name: 'zoho', 
+        access_token: accessToken || '' 
+      });
+      
+      console.log('[ZohoAuth] Response from manageToken:', response);
+      
+      // Check if response status is success
+      if (response?.data && typeof response.data === 'object' && 'status' in response.data && response.data.status === 'success') {
+        console.log('[ZohoAuth] Token exchange successful, scheduling bulk read job...');
+        
+        // Update processing step
+        setState(prev => ({ 
+          ...prev, 
+          processingStep: 'Initializing data import and bulk read job...' 
+        }));
+        
+        try {
+          // Schedule bulk read job
+          const bulkReadResponse = await http.post('/api/v1/integrations/zoho/bulk-read/schedule?provider=zoho', {}, {
+            headers: {
+              'Authorization': `Bearer ${accessToken}`,
+            },
+          });
+          
+          console.log('[ZohoAuth] Bulk read job scheduled:', bulkReadResponse.data);
+          
+          // Update processing step
+          setState(prev => ({ 
+            ...prev, 
+            processingStep: 'Data import process initiated successfully!' 
+          }));
+          
+          // Wait a moment to show success message
+          await new Promise<void>(resolve => setTimeout(resolve, 1500));
+        } catch (bulkReadError) {
+          console.warn('[ZohoAuth] Failed to schedule bulk read job:', bulkReadError);
+          // Don't fail the auth process if bulk read scheduling fails
+        }
+      } else {
+        const errorMessage = response?.data && typeof response.data === 'object' && 'message' in response.data 
+          ? response.data.message 
+          : 'Unknown error';
+        console.warn('[ZohoAuth] Token exchange failed:', errorMessage);
+      }
+      
+      // Hide processing modal and call success callback
+      setState(prev => ({ ...prev, processing: false, processingStep: '' }));
+      
+      // Return the code via onAuthSuccess using the existing shape
+      onAuthSuccess?.({
+        accessToken: authCode, // This is the AUTHORIZATION CODE, not an access token
+        tokenType: 'authorization_code',
+        scope: currentScope,
+        expiresIn: undefined,
+        refreshToken: undefined,
+      });
+    } catch (error) {
+      console.error('[ZohoAuth] Error during token exchange:', error);
+      
+      // Hide processing modal and call success callback
+      setState(prev => ({ ...prev, processing: false, processingStep: '' }));
+      
+      // Still call onAuthSuccess with the auth code even if bulk read fails
+      onAuthSuccess?.({
+        accessToken: authCode,
+        tokenType: 'authorization_code',
+        scope: currentScope,
+        expiresIn: undefined,
+        refreshToken: undefined,
+      });
+    }
+  }, [onAuthSuccess, currentScope, user?.uuid, accessToken]);
 
   // Handle WebView navigation state changes
   const handleNavigationStateChange = useCallback((navState: any) => {
@@ -372,6 +450,28 @@ const ZohoAuth: React.FC<ZohoAuthProps> = ({
         </View>
       )}
 
+      {/* Processing Modal */}
+      {state.processing && (
+        <View style={[styles.processingOverlay, { backgroundColor: 'rgba(0, 0, 0, 0.7)' }]}>
+          <View style={[styles.processingModal, { backgroundColor: colors.surface }]}>
+            <View style={styles.processingIconContainer}>
+              <ActivityIndicator size="large" color={colors.primary} />
+            </View>
+            <Text style={[styles.processingTitle, { color: colors.text, fontFamily: fonts.bold }]}>
+              Setting Up Integration
+            </Text>
+            <Text style={[styles.processingStep, { color: colors.textLight, fontFamily: fonts.regular }]}>
+              {state.processingStep}
+            </Text>
+            <View style={styles.processingDots}>
+              <View style={[styles.dot, { backgroundColor: colors.primary }]} />
+              <View style={[styles.dot, { backgroundColor: colors.primary }]} />
+              <View style={[styles.dot, { backgroundColor: colors.primary }]} />
+            </View>
+          </View>
+        </View>
+      )}
+
       {/* Loading Overlay */}
       {state.loading && !state.error && (
         <View style={[styles.loadingOverlay, { backgroundColor: colors.background }]}>
@@ -383,7 +483,7 @@ const ZohoAuth: React.FC<ZohoAuthProps> = ({
       )}
 
       {/* WebView */}
-      {!state.error && (
+      {!state.error && !state.processing && (
         <WebView
           ref={webViewRef}
           source={{ uri: state.currentUrl }}
@@ -502,6 +602,53 @@ const styles = StyleSheet.create({
     fontSize: 14,
     marginTop: 8,
   },
+  processingOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 2000,
+  },
+  processingModal: {
+    borderRadius: 16,
+    padding: 32,
+    alignItems: 'center',
+    minWidth: 280,
+    maxWidth: 320,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.2,
+    shadowRadius: 8,
+    elevation: 8,
+  },
+  processingIconContainer: {
+    marginBottom: 20,
+  },
+  processingTitle: {
+    fontSize: 20,
+    marginBottom: 12,
+    textAlign: 'center',
+  },
+  processingStep: {
+    fontSize: 14,
+    textAlign: 'center',
+    lineHeight: 20,
+    marginBottom: 20,
+  },
+  processingDots: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginHorizontal: 4,
+  },
 });
 
 export default ZohoAuth;
diff --git a/src/services/http.ts b/src/services/http.ts
index f29cbb6..ffe7536 100644
--- a/src/services/http.ts
+++ b/src/services/http.ts
@@ -8,9 +8,9 @@ import { clearSelectedService } from '@/modules/integrations/store/integrationsS
 let pendingRequest: any = null;
 
 const http = create({
-  // baseURL: 'http://10.175.59.235:4000',
-  // baseURL: 'http://160.187.167.216',
-  baseURL: 'https://gold-tires-sniff.loca.lt',
+  // baseURL: 'http://192.168.1.20:4000',
+  baseURL: 'http://160.187.167.216',
+  // baseURL: 'https://angry-gifts-shave.loca.lt',
   timeout: 10000,
 });