diff --git a/app/screens/AnalyticsDashboard.tsx b/app/screens/AnalyticsDashboard.tsx
index 68833ba0..96d53ef5 100644
--- a/app/screens/AnalyticsDashboard.tsx
+++ b/app/screens/AnalyticsDashboard.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import {
   View,
   Text,
@@ -17,6 +17,7 @@ import { Button } from '../../src/components/common/Button';
 import { CohortChart } from '../../src/components/analytics/CohortChart';
 import { RetentionHeatmap } from '../../src/components/analytics/RetentionHeatmap';
 import { SankeyDiagram } from '../../src/components/analytics/SankeyDiagram';
+import { WidgetCustomizationModal } from '../../src/components/analytics/WidgetCustomizationModal';
 import { useThemeColors } from '../../src/hooks/useThemeColors';
 import { spacing, typography } from '../../src/utils/constants';
 import { formatCurrency } from '../../src/utils/formatting';
@@ -31,6 +32,9 @@ const AnalyticsDashboard: React.FC = () => {
   const {
     report,
     granularity,
+    forecastModel,
+    enabledWidgets,
+    widgetOrder,
     cohortBuckets,
     retentionCurve,
     churnBreakdown,
@@ -42,11 +46,15 @@ const AnalyticsDashboard: React.FC = () => {
     exportCSV,
     exportCohortCsv,
     exportCohortPdf,
+    exportSummaryCsv,
+    exportSummaryText,
   } = useAnalyticsStore();
 
+  const [modalVisible, setModalVisible] = useState(false);
+
   useEffect(() => {
     compute(subscriptions);
-  }, [subscriptions, compute]);
+  }, [subscriptions, compute, forecastModel]);
 
   const handleSetGranularity = (next: CohortGranularity) => {
     setGranularity(next);
@@ -78,6 +86,24 @@ const AnalyticsDashboard: React.FC = () => {
     }
   };
 
+  const handleExportSummaryCsv = async () => {
+    try {
+      const csv = exportSummaryCsv();
+      await Share.share({ message: csv, title: 'MRR & ARR Summary Report (CSV)' });
+    } catch {
+      Alert.alert('Export Failed', 'Could not export summary report');
+    }
+  };
+
+  const handleExportSummaryText = async () => {
+    try {
+      const txt = exportSummaryText();
+      await Share.share({ message: txt, title: 'MRR & ARR Summary Report (PDF/Text)' });
+    } catch {
+      Alert.alert('Export Failed', 'Could not export summary report');
+    }
+  };
+
   const currency = preferredCurrency ?? 'USD';
 
   if (!report) {
@@ -88,189 +114,289 @@ const AnalyticsDashboard: React.FC = () => {
     );
   }
 
-  return (
-    <SafeAreaView style={styles.container}>
-      <ScrollView style={styles.scrollView}>
-        <View style={styles.header}>
-          <Text style={styles.title}>Analytics Dashboard</Text>
-          <Text style={styles.subtitle}>
-            {report.subscriberCount} active subscriber
-            {report.subscriberCount !== 1 ? 's' : ''}
-          </Text>
-        </View>
-
-        <View style={styles.row}>
-          <Card style={styles.metricCard}>
-            <Text style={styles.metricLabel}>MRR</Text>
-            <Text style={styles.metricValue}>{formatCurrency(report.mrr, currency)}</Text>
-          </Card>
-          <Card style={styles.metricCard}>
-            <Text style={styles.metricLabel}>ARR</Text>
-            <Text style={styles.metricValue}>{formatCurrency(report.arr, currency)}</Text>
-          </Card>
-        </View>
+  const renderWidget = (widgetId: string) => {
+    if (!enabledWidgets.includes(widgetId)) return null;
 
-        <View style={styles.row}>
-          <Card style={styles.metricCard}>
-            <Text style={styles.metricLabel}>ARPU</Text>
-            <Text style={styles.metricValue}>{formatCurrency(report.arpu, currency)}</Text>
-          </Card>
-          <Card style={styles.metricCard}>
-            <Text style={styles.metricLabel}>LTV</Text>
-            <Text style={styles.metricValue}>{formatCurrency(report.ltv, currency)}</Text>
-          </Card>
-        </View>
+    switch (widgetId) {
+      case 'overview':
+        return (
+          <View key="overview">
+            <View style={styles.row}>
+              <Card style={styles.metricCard}>
+                <View style={styles.badgeRow}>
+                  <Text style={styles.metricLabel}>MRR</Text>
+                  <View
+                    style={[
+                      styles.growthBadge,
+                      report.mrrGrowthRate >= 0 ? styles.badgeSuccess : styles.badgeDanger,
+                    ]}
+                  >
+                    <Text
+                      style={[
+                        styles.growthText,
+                        report.mrrGrowthRate >= 0 ? styles.textSuccess : styles.textDanger,
+                      ]}
+                    >
+                      {report.mrrGrowthRate >= 0 ? '+' : ''}
+                      {report.mrrGrowthRate.toFixed(1)}% MoM
+                    </Text>
+                  </View>
+                </View>
+                <Text style={styles.metricValue}>{formatCurrency(report.mrr, currency)}</Text>
+              </Card>
+              <Card style={styles.metricCard}>
+                <View style={styles.badgeRow}>
+                  <Text style={styles.metricLabel}>ARR</Text>
+                  <View
+                    style={[
+                      styles.growthBadge,
+                      report.arrGrowthRate >= 0 ? styles.badgeSuccess : styles.badgeDanger,
+                    ]}
+                  >
+                    <Text
+                      style={[
+                        styles.growthText,
+                        report.arrGrowthRate >= 0 ? styles.textSuccess : styles.textDanger,
+                      ]}
+                    >
+                      {report.arrGrowthRate >= 0 ? '+' : ''}
+                      {report.arrGrowthRate.toFixed(1)}% YoY
+                    </Text>
+                  </View>
+                </View>
+                <Text style={styles.metricValue}>{formatCurrency(report.arr, currency)}</Text>
+              </Card>
+            </View>
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Churn</Text>
-          <View style={styles.statRow}>
-            <Text style={styles.statLabel}>Gross Churn Rate</Text>
-            <Text style={styles.statValue}>
-              {(report.churn.grossChurnRate * 100).toFixed(1)}%
-            </Text>
-          </View>
-          <View style={styles.statRow}>
-            <Text style={styles.statLabel}>Net Churn Rate</Text>
-            <Text style={styles.statValue}>
-              {(report.churn.netChurnRate * 100).toFixed(1)}%
-            </Text>
-          </View>
-          <View style={styles.statRow}>
-            <Text style={styles.statLabel}>Active Subscribers</Text>
-            <Text style={styles.statValue}>{report.churn.activeSubscriptions}</Text>
-          </View>
-          <View style={[styles.statRow, styles.lastRow]}>
-            <Text style={styles.statLabel}>Churned Subscribers</Text>
-            <Text style={styles.statValue}>{report.churn.churnedSubscriptions}</Text>
+            <View style={styles.row}>
+              <Card style={styles.metricCard}>
+                <Text style={styles.metricLabel}>ARPU</Text>
+                <Text style={styles.metricValue}>{formatCurrency(report.arpu, currency)}</Text>
+              </Card>
+              <Card style={styles.metricCard}>
+                <Text style={styles.metricLabel}>LTV</Text>
+                <Text style={styles.metricValue}>{formatCurrency(report.ltv, currency)}</Text>
+              </Card>
+            </View>
           </View>
-        </Card>
+        );
+
+      case 'revenueTrend':
+        return (
+          <Card key="revenueTrend" style={styles.card}>
+            <Text style={styles.sectionTitle}>Revenue Trend (last 6 months)</Text>
+            {revenueTrendWithAnomalies.length === 0 ? (
+              <Text style={styles.emptyText}>No trend data yet</Text>
+            ) : (
+              revenueTrendWithAnomalies.map((point, index, arr) => (
+                <View
+                  key={point.label}
+                  style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}
+                >
+                  <Text style={styles.statLabel}>
+                    {point.label}
+                    {point.isAnomaly ? ' ⚠️' : ''}
+                  </Text>
+                  <Text style={[styles.statValue, point.isAnomaly && styles.anomalyValue]}>
+                    {formatCurrency(point.value, currency)}
+                  </Text>
+                </View>
+              ))
+            )}
+            {revenueTrendWithAnomalies.some((point) => point.isAnomaly) && (
+              <Text style={styles.anomalyNote}>
+                ⚠️ flagged points are statistical outliers vs. the rest of the trend
+              </Text>
+            )}
+          </Card>
+        );
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Revenue Trend (last 6 months)</Text>
-          {revenueTrendWithAnomalies.length === 0 ? (
-            <Text style={styles.emptyText}>No trend data yet</Text>
-          ) : (
-            revenueTrendWithAnomalies.map((point, index, arr) => (
-              <View key={point.label} style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}>
-                <Text style={styles.statLabel}>
-                  {point.label}
-                  {point.isAnomaly ? ' ⚠️' : ''}
-                </Text>
-                <Text style={[styles.statValue, point.isAnomaly && styles.anomalyValue]}>
-                  {formatCurrency(point.value, currency)}
-                </Text>
+      case 'forecast':
+        return (
+          <Card key="forecast" style={styles.card}>
+            <View style={styles.rowBetween}>
+              <Text style={styles.sectionTitle}>Revenue Forecast</Text>
+              <View style={styles.modelBadge}>
+                <Text style={styles.modelBadgeText}>{forecastModel.toUpperCase()} MODEL</Text>
               </View>
-            ))
-          )}
-          {revenueTrendWithAnomalies.some((point) => point.isAnomaly) && (
-            <Text style={styles.anomalyNote}>⚠️ flagged points are statistical outliers vs. the rest of the trend</Text>
-          )}
-        </Card>
+            </View>
+            {report.forecast.map((point, index) => (
+              <View
+                key={point.label}
+                style={[styles.statRow, index === report.forecast.length - 1 && styles.lastRow]}
+              >
+                <Text style={styles.statLabel}>{point.label}</Text>
+                <View style={styles.forecastRight}>
+                  <Text style={styles.statValue}>
+                    {formatCurrency(point.expectedRevenue, currency)}
+                  </Text>
+                  <Text style={styles.forecastRange}>
+                    ({formatCurrency(point.lowerBound, currency)} -{' '}
+                    {formatCurrency(point.upperBound, currency)})
+                  </Text>
+                </View>
+              </View>
+            ))}
+          </Card>
+        );
 
-        <Card style={styles.card}>
-          <View style={styles.rowBetween}>
-            <Text style={styles.sectionTitle}>Cohort Retention</Text>
-            <View style={styles.granularityToggle}>
-              {(['week', 'month'] as CohortGranularity[]).map((option) => (
-                <TouchableOpacity
-                  key={option}
-                  style={[styles.granularityButton, granularity === option && styles.granularityButtonActive]}
-                  onPress={() => handleSetGranularity(option)}
-                  accessibilityRole="button"
-                  accessibilityState={{ selected: granularity === option }}>
-                  <Text
-                    style={[
-                      styles.granularityButtonText,
-                      granularity === option && styles.granularityButtonTextActive,
-                    ]}>
-                    {option === 'week' ? 'Week' : 'Month'}
+      case 'cohortHeatmap':
+        return (
+          <View key="cohortHeatmap">
+            <Card style={styles.card}>
+              <View style={styles.rowBetween}>
+                <Text style={styles.sectionTitle}>Cohort Retention</Text>
+                <View style={styles.granularityToggle}>
+                  {(['week', 'month'] as CohortGranularity[]).map((option) => (
+                    <TouchableOpacity
+                      key={option}
+                      style={[
+                        styles.granularityButton,
+                        granularity === option && styles.granularityButtonActive,
+                      ]}
+                      onPress={() => handleSetGranularity(option)}
+                      accessibilityRole="button"
+                      accessibilityState={{ selected: granularity === option }}
+                    >
+                      <Text
+                        style={[
+                          styles.granularityButtonText,
+                          granularity === option && styles.granularityButtonTextActive,
+                        ]}
+                      >
+                        {option === 'week' ? 'Week' : 'Month'}
+                      </Text>
+                    </TouchableOpacity>
+                  ))}
+                </View>
+              </View>
+              <CohortChart buckets={cohortBuckets} />
+              {cohortBuckets.slice(-4).map((bucket, index, arr) => (
+                <View
+                  key={bucket.cohortKey}
+                  style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}
+                >
+                  <Text style={styles.statLabel}>{bucket.cohortKey}</Text>
+                  <Text style={styles.statValue}>
+                    {bucket.size} signups · {(bucket.retentionRate * 100).toFixed(0)}% retained ·{' '}
+                    {formatCurrency(bucket.currentMrr, currency)}
                   </Text>
-                </TouchableOpacity>
+                </View>
               ))}
-            </View>
+            </Card>
+
+            <Card style={styles.card}>
+              <Text style={styles.sectionTitle}>Retention Curve (Day 1 / 7 / 30 / 60 / 90)</Text>
+              <RetentionHeatmap points={retentionCurve} />
+            </Card>
           </View>
-          <CohortChart buckets={cohortBuckets} />
-          {cohortBuckets.slice(-4).map((bucket, index, arr) => (
-            <View key={bucket.cohortKey} style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}>
-              <Text style={styles.statLabel}>{bucket.cohortKey}</Text>
-              <Text style={styles.statValue}>
-                {bucket.size} signups · {(bucket.retentionRate * 100).toFixed(0)}% retained ·{' '}
-                {formatCurrency(bucket.currentMrr, currency)}
-              </Text>
-            </View>
-          ))}
-        </Card>
+        );
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Retention Curve (Day 1 / 7 / 30 / 60 / 90)</Text>
-          <RetentionHeatmap points={retentionCurve} />
-        </Card>
+      case 'churnBreakdown':
+        return (
+          <Card key="churnBreakdown" style={styles.card}>
+            <Text style={styles.sectionTitle}>Revenue vs. Logo Churn (last 30 days)</Text>
+            {!churnBreakdown || churnBreakdown.isEmpty ? (
+              <Text style={styles.emptyText}>
+                No subscribers active at the start of this period yet.
+              </Text>
+            ) : (
+              <>
+                <View style={styles.statRow}>
+                  <Text style={styles.statLabel}>Logo churn (subscribers)</Text>
+                  <Text style={styles.statValue}>
+                    {(churnBreakdown.logoChurnRate * 100).toFixed(1)}% ({churnBreakdown.churnedSubscribers}
+                    /{churnBreakdown.startingSubscribers})
+                  </Text>
+                </View>
+                <View style={[styles.statRow, styles.lastRow]}>
+                  <Text style={styles.statLabel}>Revenue churn (MRR)</Text>
+                  <Text style={styles.statValue}>
+                    {(churnBreakdown.revenueChurnRate * 100).toFixed(1)}% (
+                    {formatCurrency(churnBreakdown.churnedMrr, currency)})
+                  </Text>
+                </View>
+              </>
+            )}
+          </Card>
+        );
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Revenue vs. Logo Churn (last 30 days)</Text>
-          {!churnBreakdown || churnBreakdown.isEmpty ? (
-            <Text style={styles.emptyText}>No subscribers active at the start of this period yet.</Text>
-          ) : (
-            <>
-              <View style={styles.statRow}>
-                <Text style={styles.statLabel}>Logo churn (subscribers)</Text>
-                <Text style={styles.statValue}>
-                  {(churnBreakdown.logoChurnRate * 100).toFixed(1)}% ({churnBreakdown.churnedSubscribers}/
-                  {churnBreakdown.startingSubscribers})
-                </Text>
-              </View>
-              <View style={[styles.statRow, styles.lastRow]}>
-                <Text style={styles.statLabel}>Revenue churn (MRR)</Text>
-                <Text style={styles.statValue}>
-                  {(churnBreakdown.revenueChurnRate * 100).toFixed(1)}% (
-                  {formatCurrency(churnBreakdown.churnedMrr, currency)})
-                </Text>
-              </View>
-            </>
-          )}
-        </Card>
+      case 'planMigrations':
+        return (
+          <Card key="planMigrations" style={styles.card}>
+            <Text style={styles.sectionTitle}>Plan Migration & LTV by Channel</Text>
+            <SankeyDiagram flows={planMigrationFlows} />
+            <View style={styles.separator} />
+            <Text style={[styles.sectionTitle, { marginTop: spacing.md }]}>
+              LTV by Acquisition Source
+            </Text>
+            {ltvBySource.length === 0 ? (
+              <Text style={styles.emptyText}>No acquisition source data yet</Text>
+            ) : (
+              ltvBySource.map((row, index, arr) => (
+                <View
+                  key={row.acquisitionChannel}
+                  style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}
+                >
+                  <Text style={styles.statLabel}>{row.acquisitionChannel}</Text>
+                  <Text style={styles.statValue}>
+                    {formatCurrency(row.ltv, currency)} LTV · {row.subscriberCount} subs
+                  </Text>
+                </View>
+              ))
+            )}
+          </Card>
+        );
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Plan Migration</Text>
-          <SankeyDiagram flows={planMigrationFlows} />
-        </Card>
+      default:
+        return null;
+    }
+  };
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>LTV by Acquisition Source</Text>
-          {ltvBySource.length === 0 ? (
-            <Text style={styles.emptyText}>No acquisition source data yet</Text>
-          ) : (
-            ltvBySource.map((row, index, arr) => (
-              <View key={row.acquisitionChannel} style={[styles.statRow, index === arr.length - 1 && styles.lastRow]}>
-                <Text style={styles.statLabel}>{row.acquisitionChannel}</Text>
-                <Text style={styles.statValue}>
-                  {formatCurrency(row.ltv, currency)} LTV · {row.subscriberCount} subs
-                </Text>
-              </View>
-            ))
-          )}
-        </Card>
+  return (
+    <SafeAreaView style={styles.container}>
+      <ScrollView style={styles.scrollView}>
+        <View style={styles.header}>
+          <View>
+            <Text style={styles.title}>Analytics Dashboard</Text>
+            <Text style={styles.subtitle}>
+              {report.subscriberCount} active subscriber
+              {report.subscriberCount !== 1 ? 's' : ''}
+            </Text>
+          </View>
+          <TouchableOpacity style={styles.customizeBtn} onPress={() => setModalVisible(true)}>
+            <Text style={styles.customizeBtnText}>⚙️ Customize</Text>
+          </TouchableOpacity>
+        </View>
 
-        <Card style={styles.card}>
-          <Text style={styles.sectionTitle}>Revenue Forecast</Text>
-          {report.forecast.map((point, index) => (
-            <View
-              key={point.label}
-              style={[styles.statRow, index === report.forecast.length - 1 && styles.lastRow]}>
-              <Text style={styles.statLabel}>{point.label}</Text>
-              <Text style={styles.statValue}>
-                {formatCurrency(point.expectedRevenue, currency)}
-              </Text>
-            </View>
-          ))}
-        </Card>
+        {widgetOrder.map((widgetId) => renderWidget(widgetId))}
 
         <View style={styles.exportContainer}>
-          <Button title="Export CSV" onPress={handleExportCSV} variant="secondary" />
-          <Button title="Export Cohort CSV" onPress={handleExportCohortCsv} variant="secondary" />
-          <Button title="Export Cohort PDF" onPress={handleExportCohortPdf} variant="secondary" />
+          <Text style={styles.exportTitle}>📥 Export Reports</Text>
+          <View style={styles.exportGrid}>
+            <View style={styles.exportCol}>
+              <Button title="MRR/ARR Summary (CSV)" onPress={handleExportSummaryCsv} variant="primary" />
+            </View>
+            <View style={styles.exportCol}>
+              <Button title="MRR/ARR Summary (PDF)" onPress={handleExportSummaryText} variant="secondary" />
+            </View>
+          </View>
+          <View style={styles.exportGrid}>
+            <View style={styles.exportCol}>
+              <Button title="Cohort Report (CSV)" onPress={handleExportCohortCsv} variant="secondary" />
+            </View>
+            <View style={styles.exportCol}>
+              <Button title="Cohort Report (PDF)" onPress={handleExportCohortPdf} variant="secondary" />
+            </View>
+          </View>
+          <Button title="Raw Subscriptions Export" onPress={handleExportCSV} variant="secondary" />
         </View>
       </ScrollView>
+
+      <WidgetCustomizationModal
+        visible={modalVisible}
+        onClose={() => setModalVisible(false)}
+      />
     </SafeAreaView>
   );
 };
@@ -279,23 +405,59 @@ function createStyles(colors: ReturnType<typeof useThemeColors>) {
   return StyleSheet.create({
     container: { flex: 1, backgroundColor: colors.background.primary },
     scrollView: { flex: 1 },
-    header: { padding: spacing.lg, paddingBottom: spacing.sm },
+    header: {
+      padding: spacing.lg,
+      paddingBottom: spacing.sm,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+    },
     title: { ...typography.h1, color: colors.text.primary },
     subtitle: { ...typography.body, color: colors.textSecondary, marginTop: spacing.xs },
+    customizeBtn: {
+      backgroundColor: colors.surface,
+      paddingHorizontal: spacing.md,
+      paddingVertical: 8,
+      borderRadius: 20,
+      borderWidth: 1,
+      borderColor: colors.border.default,
+    },
+    customizeBtnText: {
+      ...typography.caption,
+      color: colors.text.primary,
+      fontWeight: '700',
+    },
     row: {
       flexDirection: 'row',
       paddingHorizontal: spacing.lg,
       marginBottom: spacing.md,
       gap: spacing.md,
     },
-    metricCard: { flex: 1, alignItems: 'center' },
-    metricLabel: { ...typography.caption, color: colors.textSecondary, marginBottom: spacing.xs },
+    metricCard: { flex: 1, padding: spacing.md },
+    badgeRow: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: spacing.xs,
+    },
+    metricLabel: { ...typography.caption, color: colors.textSecondary },
+    growthBadge: {
+      paddingHorizontal: 6,
+      paddingVertical: 2,
+      borderRadius: 10,
+    },
+    badgeSuccess: { backgroundColor: 'rgba(16, 185, 129, 0.15)' },
+    badgeDanger: { backgroundColor: 'rgba(239, 68, 68, 0.15)' },
+    growthText: { fontSize: 10, fontWeight: '700' },
+    textSuccess: { color: '#10B981' },
+    textDanger: { color: '#EF4444' },
     metricValue: { ...typography.h2, color: colors.text.primary },
-    card: { marginHorizontal: spacing.lg, marginBottom: spacing.md },
+    card: { marginHorizontal: spacing.lg, marginBottom: spacing.md, padding: spacing.md },
     sectionTitle: { ...typography.h3, color: colors.text.primary, marginBottom: spacing.md },
     statRow: {
       flexDirection: 'row',
       justifyContent: 'space-between',
+      alignItems: 'center',
       paddingVertical: spacing.sm,
       borderBottomWidth: 1,
       borderBottomColor: colors.border.default,
@@ -303,8 +465,22 @@ function createStyles(colors: ReturnType<typeof useThemeColors>) {
     lastRow: { borderBottomWidth: 0 },
     statLabel: { ...typography.body, color: colors.textSecondary },
     statValue: { ...typography.body, color: colors.text.primary, fontWeight: '600' },
+    forecastRight: { alignItems: 'flex-end' },
+    forecastRange: { fontSize: 11, color: colors.textSecondary, marginTop: 2 },
     emptyText: { ...typography.body, color: colors.textSecondary, textAlign: 'center' },
-    exportContainer: { padding: spacing.lg, paddingTop: 0, marginBottom: spacing.xl, gap: spacing.sm },
+    exportContainer: {
+      padding: spacing.lg,
+      marginBottom: spacing.xxl,
+      backgroundColor: colors.surface,
+      marginHorizontal: spacing.lg,
+      borderRadius: 12,
+      borderWidth: 1,
+      borderColor: colors.border.default,
+      gap: spacing.sm,
+    },
+    exportTitle: { ...typography.h3, color: colors.text.primary, marginBottom: spacing.xs },
+    exportGrid: { flexDirection: 'row', gap: spacing.sm },
+    exportCol: { flex: 1 },
     loadingText: { ...typography.body, color: colors.textSecondary, padding: spacing.lg },
     rowBetween: {
       flexDirection: 'row',
@@ -323,8 +499,24 @@ function createStyles(colors: ReturnType<typeof useThemeColors>) {
     granularityButtonActive: { backgroundColor: colors.primary, borderColor: colors.primary },
     granularityButtonText: { ...typography.caption, color: colors.textSecondary },
     granularityButtonTextActive: { color: colors.text.inverse, fontWeight: '600' },
+    modelBadge: {
+      backgroundColor: 'rgba(59, 130, 246, 0.15)',
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 6,
+    },
+    modelBadgeText: {
+      fontSize: 10,
+      fontWeight: '700',
+      color: '#3B82F6',
+    },
     anomalyValue: { color: colors.status.warning },
     anomalyNote: { ...typography.caption, color: colors.status.warning, marginTop: spacing.xs },
+    separator: {
+      height: 1,
+      backgroundColor: colors.border.default,
+      marginVertical: spacing.md,
+    },
   });
 }
 
diff --git a/app/stores/analyticsStore.ts b/app/stores/analyticsStore.ts
index adc21987..8b246b5f 100644
--- a/app/stores/analyticsStore.ts
+++ b/app/stores/analyticsStore.ts
@@ -21,12 +21,15 @@ import type {
 
 const DAY_MS = 24 * 60 * 60 * 1_000;
 
-/**
- * Adapts the app's personal Subscription model into merchant-style
- * SubscriberRecords so CohortService (built for the merchant analytics
- * platform) can compute cohort/retention/churn/LTV metrics on it. Each
- * tracked subscription stands in for a "subscriber" of this account.
- */
+export const DEFAULT_WIDGETS = [
+  'overview',
+  'revenueTrend',
+  'cohortHeatmap',
+  'churnBreakdown',
+  'forecast',
+  'planMigrations',
+];
+
 const toSubscriberRecords = (subscriptions: Subscription[]): SubscriberRecord[] =>
   subscriptions.map((subscription) => ({
     subscriberId: subscription.id,
@@ -49,6 +52,9 @@ const toSubscriberRecords = (subscriptions: Subscription[]): SubscriberRecord[]
 interface AnalyticsStoreState {
   report: SubscriptionAnalyticsReport | null;
   granularity: CohortGranularity;
+  forecastModel: 'linear' | 'exponential';
+  enabledWidgets: string[];
+  widgetOrder: string[];
   cohortBuckets: CohortBucket[];
   retentionCurve: RetentionCurvePoint[];
   churnBreakdown: ChurnBreakdown | null;
@@ -56,15 +62,24 @@ interface AnalyticsStoreState {
   ltvBySource: LtvSourceBreakdown[];
   revenueTrendWithAnomalies: AnomalyFlaggedPoint[];
   setGranularity: (granularity: CohortGranularity) => void;
+  setForecastModel: (model: 'linear' | 'exponential') => void;
+  toggleWidget: (widgetId: string) => void;
+  reorderWidgets: (newOrder: string[]) => void;
+  resetWidgetConfig: () => void;
   compute: (subscriptions: Subscription[]) => void;
   exportCSV: (subscriptions: Subscription[]) => string;
   exportCohortCsv: () => string;
   exportCohortPdf: () => string;
+  exportSummaryCsv: () => string;
+  exportSummaryText: () => string;
 }
 
 export const useAnalyticsStore = create<AnalyticsStoreState>()((set, get) => ({
   report: null,
   granularity: 'month',
+  forecastModel: 'exponential',
+  enabledWidgets: [...DEFAULT_WIDGETS],
+  widgetOrder: [...DEFAULT_WIDGETS],
   cohortBuckets: [],
   retentionCurve: [],
   churnBreakdown: null,
@@ -74,14 +89,34 @@ export const useAnalyticsStore = create<AnalyticsStoreState>()((set, get) => ({
 
   setGranularity: (granularity) => {
     set({ granularity });
-    // Recompute is cheap (in-memory, no I/O) — callers re-run `compute` with
-    // the latest subscriptions list whenever granularity changes.
+  },
+
+  setForecastModel: (forecastModel) => {
+    set({ forecastModel });
+  },
+
+  toggleWidget: (widgetId) => {
+    const { enabledWidgets } = get();
+    const isEnabled = enabledWidgets.includes(widgetId);
+    if (isEnabled && enabledWidgets.length <= 1) return; // Prevent disabling all widgets
+    const updated = isEnabled
+      ? enabledWidgets.filter((id) => id !== widgetId)
+      : [...enabledWidgets, widgetId];
+    set({ enabledWidgets: updated });
+  },
+
+  reorderWidgets: (newOrder) => {
+    set({ widgetOrder: newOrder });
+  },
+
+  resetWidgetConfig: () => {
+    set({ enabledWidgets: [...DEFAULT_WIDGETS], widgetOrder: [...DEFAULT_WIDGETS] });
   },
 
   compute: (subscriptions) => {
-    const report = calculateSubscriptionAnalytics(subscriptions);
+    const { granularity, forecastModel } = get();
+    const report = calculateSubscriptionAnalytics(subscriptions, new Date(), forecastModel, 3);
     const records = toSubscriberRecords(subscriptions);
-    const granularity = get().granularity;
     const now = Date.now();
     const periodStart = now - 30 * DAY_MS;
 
@@ -105,4 +140,50 @@ export const useAnalyticsStore = create<AnalyticsStoreState>()((set, get) => ({
   exportCohortCsv: () => cohortTableToCsv(get().cohortBuckets),
 
   exportCohortPdf: () => cohortTableToPdfText(get().cohortBuckets, 'Cohort Retention Report'),
+
+  exportSummaryCsv: () => {
+    const { report, forecastModel } = get();
+    if (!report) return '';
+    const headers = ['Metric', 'Value'];
+    const rows = [
+      ['MRR', report.mrr.toFixed(2)],
+      ['ARR', report.arr.toFixed(2)],
+      ['MRR Growth Rate (%)', report.mrrGrowthRate.toFixed(2)],
+      ['ARR Growth Rate (%)', report.arrGrowthRate.toFixed(2)],
+      ['ARPU', report.arpu.toFixed(2)],
+      ['LTV', report.ltv.toFixed(2)],
+      ['Active Subscribers', report.subscriberCount.toString()],
+      ['Gross Churn Rate (%)', (report.churn.grossChurnRate * 100).toFixed(2)],
+      ['Net Churn Rate (%)', (report.churn.netChurnRate * 100).toFixed(2)],
+      ['Forecast Model', forecastModel],
+    ];
+    report.forecast.forEach((f) => {
+      rows.push([`Forecast ${f.label} (Expected Revenue)`, f.expectedRevenue.toFixed(2)]);
+    });
+    return [headers.join(','), ...rows.map((r) => r.join(','))].join('\n');
+  },
+
+  exportSummaryText: () => {
+    const { report, forecastModel } = get();
+    if (!report) return 'No analytics computed yet.';
+    return [
+      '========================================',
+      '     SUBTRACKR ANALYTICS SUMMARY        ',
+      '========================================',
+      `Active MRR:           $${report.mrr.toFixed(2)} (${report.mrrGrowthRate >= 0 ? '+' : ''}${report.mrrGrowthRate.toFixed(1)}% MoM)`,
+      `Active ARR:           $${report.arr.toFixed(2)} (${report.arrGrowthRate >= 0 ? '+' : ''}${report.arrGrowthRate.toFixed(1)}% YoY)`,
+      `ARPU:                 $${report.arpu.toFixed(2)}`,
+      `Customer LTV:         $${report.ltv.toFixed(2)}`,
+      `Active Subscribers:   ${report.subscriberCount}`,
+      `Gross Churn Rate:     ${(report.churn.grossChurnRate * 100).toFixed(1)}%`,
+      `Net Churn Rate:       ${(report.churn.netChurnRate * 100).toFixed(1)}%`,
+      '----------------------------------------',
+      `Revenue Forecast (${forecastModel.toUpperCase()} MODEL):`,
+      ...report.forecast.map(
+        (f) =>
+          `  - ${f.label}: $${f.expectedRevenue.toFixed(2)} (Range: $${f.lowerBound.toFixed(2)} - $${f.upperBound.toFixed(2)})`
+      ),
+      '========================================',
+    ].join('\n');
+  },
 }));
diff --git a/backend/services/analytics/analyticsDashboardApi.ts b/backend/services/analytics/analyticsDashboardApi.ts
index 232181e8..675c24b7 100644
--- a/backend/services/analytics/analyticsDashboardApi.ts
+++ b/backend/services/analytics/analyticsDashboardApi.ts
@@ -115,6 +115,79 @@ export class AnalyticsDashboardApi {
       body: ltvBreakdownToCsv(CohortService.ltvByAcquisitionSource(records)),
     });
   }
+
+  getMrrArrReport(merchantId: string): ApiResponse<{
+    mrr: number;
+    arr: number;
+    arpu: number;
+    ltv: number;
+    subscriberCount: number;
+    activeCount: number;
+  }> {
+    const records = this.repository.getByMerchant(merchantId);
+    const active = records.filter((r) => r.churnedAt === undefined);
+    const churned = records.filter((r) => r.churnedAt !== undefined);
+    const mrr = active.reduce((sum, r) => sum + r.mrr, 0);
+    const arr = mrr * 12;
+    const arpu = active.length > 0 ? mrr / active.length : 0;
+    const grossChurnRate = records.length > 0 ? churned.length / records.length : 0;
+    const ltv = grossChurnRate > 0 ? arpu / grossChurnRate : arpu * 24;
+    return ok({
+      mrr,
+      arr,
+      arpu,
+      ltv,
+      subscriberCount: records.length,
+      activeCount: active.length,
+    });
+  }
+
+  getRevenueForecast(
+    merchantId: string,
+    model: 'linear' | 'exponential' = 'exponential',
+    monthsAhead: number = 3
+  ): ApiResponse<{ label: string; expectedRevenue: number; lowerBound: number; upperBound: number }[]> {
+    const records = this.repository.getByMerchant(merchantId);
+    const active = records.filter((r) => r.churnedAt === undefined);
+    const mrr = active.reduce((sum, r) => sum + r.mrr, 0);
+
+    const buckets = CohortService.buildCohortTable(records, 'month');
+    const retention = buckets.length
+      ? buckets.reduce((sum, b) => sum + b.retentionRate, 0) / buckets.length
+      : 0.95;
+    const confidenceBand = Math.max(0.1, 1 - Math.min(records.length / 50, 0.8));
+
+    let linearSlope = 0;
+    if (model === 'linear' && buckets.length >= 2) {
+      const n = buckets.length;
+      const sumX = buckets.reduce((sum, _, i) => sum + i, 0);
+      const sumY = buckets.reduce((sum, b) => sum + b.currentMrr, 0);
+      const sumXY = buckets.reduce((sum, b, i) => sum + i * b.currentMrr, 0);
+      const sumXX = buckets.reduce((sum, _, i) => sum + i * i, 0);
+      const denominator = n * sumXX - sumX * sumX;
+      if (denominator !== 0) {
+        linearSlope = (n * sumXY - sumX * sumY) / denominator;
+      }
+    }
+
+    const forecast = Array.from({ length: monthsAhead }, (_, index) => {
+      const monthAhead = index + 1;
+      let expectedRevenue = 0;
+      if (model === 'linear') {
+        expectedRevenue = Math.max(0, mrr + linearSlope * monthAhead);
+      } else {
+        expectedRevenue = mrr * Math.pow(retention || 0.95, monthAhead);
+      }
+      return {
+        label: `M+${monthAhead}`,
+        expectedRevenue,
+        lowerBound: expectedRevenue * (1 - confidenceBand),
+        upperBound: expectedRevenue * (1 + confidenceBand),
+      };
+    });
+
+    return ok(forecast);
+  }
 }
 
 export const analyticsDashboardApi = new AnalyticsDashboardApi();
diff --git a/docs/analytics-guide.md b/docs/analytics-guide.md
new file mode 100644
index 00000000..839008ed
--- /dev/null
+++ b/docs/analytics-guide.md
@@ -0,0 +1,84 @@
+# SubTrackr Subscription Analytics Guide
+
+The SubTrackr advanced analytics suite delivers enterprise-grade SaaS telemetry, providing deep visibility into Monthly Recurring Revenue (MRR), Annual Recurring Revenue (ARR), subscriber cohort retention curves, algorithmic revenue forecasting, and channel-based LTV attribution.
+
+---
+
+## 1. Key Metrics & Financial Formulas
+
+### Monthly Recurring Revenue (MRR)
+MRR represents the normalized monthly revenue contribution from all currently active subscriptions:
+- **Monthly Billing**: Contribution = `price`
+- **Yearly Billing**: Contribution = `price / 12`
+- **Weekly Billing**: Contribution = `price * 4.345` (average weeks per month)
+
+### Annual Recurring Revenue (ARR)
+ARR projects the annualized run-rate of current active subscriptions:
+$$\text{ARR} = \text{MRR} \times 12$$
+
+### Growth Rates (MoM / YoY)
+Period-over-period growth rates evaluate momentum across historical billing cycles:
+$$\text{MRR Growth Rate} = \left( \frac{\text{MRR}_{\text{current}} - \text{MRR}_{\text{previous}}}{\text{MRR}_{\text{previous}}} \right) \times 100$$
+
+### Customer Lifetime Value (LTV) & ARPU
+- **Average Revenue Per User (ARPU)**: $\text{MRR} / \text{Active Subscribers}$
+- **Customer Lifetime Value (LTV)**:
+  - If Gross Churn Rate $> 0$: $\text{ARPU} / \text{Gross Churn Rate}$
+  - If Churn Rate $= 0$: $\text{ARPU} \times 24 \text{ months}$ (default lifetime assumption)
+
+---
+
+## 2. Cohort Retention Curves & Heatmaps
+
+Subscribers are bucketed into signup cohorts based on their initial subscription timestamp (monthly or weekly granularity).
+- **Retention Curve**: Evaluates active status at Day 1, Day 7, Day 30, Day 60, and Day 90 relative to cohort signup date.
+- **Logo Churn vs. Revenue Churn**: Highlights divergence between subscriber count churn and monetary MRR churn (critical for identifying churn among high-value enterprise tiers).
+
+---
+
+## 3. Revenue Forecasting Models
+
+SubTrackr supports dual algorithmic models for predicting revenue trajectories over the next 3 to 12 months:
+
+### Exponential Decay Model (Default)
+Assumes future revenue compounds based on historical retention and natural net expansion:
+$$\text{Expected Revenue}_{M+k} = \text{MRR} \times (\text{Average Cohort Retention})^{k}$$
+
+### Linear Regression Model
+Fits a linear trend line across the last 6 months of observed MRR using ordinary least squares (OLS):
+$$\text{Slope } (m) = \frac{n \sum (xy) - \sum x \sum y}{n \sum (x^2) - (\sum x)^2}$$
+$$\text{Expected Revenue}_{M+k} = \max(0, \text{MRR} + m \times k)$$
+
+---
+
+## 4. Dashboard Customization & Widgets
+
+The **Analytics Dashboard** is fully modular. Via the `WidgetCustomizationModal` (powered by Zustand `analyticsStore`), administrators can:
+- **Toggle Visibility**: Enable/disable individual cards (`MRR & ARR Overview`, `Revenue Trend`, `Cohort Heatmap`, `Churn Breakdown`, `Revenue Forecast`, `Plan Migrations`).
+- **Reorder Layout**: Move widgets up or down to customize hierarchy.
+- **Switch Forecast Model**: Dynamically switch between Linear Regression and Exponential Decay across all forecasting views.
+
+---
+
+## 5. Multi-Format Report Exports
+
+Users can export telemetry in multiple standard formats directly from the dashboard or via API:
+1. **MRR/ARR Summary (CSV)**: Tabular KPI report with growth rates and forecast data.
+2. **MRR/ARR Summary (Text/PDF)**: Formatted executive briefing text suitable for PDF rendering or sharing.
+3. **Cohort Retention Report (CSV / PDF)**: Detailed breakdown of cohort sizes, starting MRR, and retention percentages.
+4. **Raw Subscriptions (CSV)**: Full export of underlying subscriber records.
+
+---
+
+## 6. REST API Reference (`AnalyticsDashboardApi`)
+
+The backend service exposes standard `ApiResponse<T>` endpoints for programmatic access:
+
+| Method | Endpoint / Method Name | Description |
+| :--- | :--- | :--- |
+| `GET` | `getCohortTable(merchantId, granularity)` | Serves nightly cohort table (cached or live compute). |
+| `GET` | `getRetentionCurve(merchantId)` | Returns Day 1/7/30/60/90 retention milestones. |
+| `GET` | `getMrrArrReport(merchantId)` | Returns active MRR, ARR, ARPU, LTV, and subscriber counts. |
+| `GET` | `getRevenueForecast(merchantId, model, monthsAhead)` | Calculates linear or exponential predictive trajectories. |
+| `GET` | `getChurnBreakdown(merchantId, start, end)` | Computes logo churn rate vs. revenue churn rate. |
+| `GET` | `exportCohortReport(merchantId, granularity, format)` | Returns CSV or PDF report buffer and headers. |
diff --git a/src/components/analytics/WidgetCustomizationModal.tsx b/src/components/analytics/WidgetCustomizationModal.tsx
new file mode 100644
index 00000000..b4d40447
--- /dev/null
+++ b/src/components/analytics/WidgetCustomizationModal.tsx
@@ -0,0 +1,457 @@
+import React from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  Modal,
+  TouchableOpacity,
+  ScrollView,
+  SafeAreaView,
+} from 'react-native';
+import { useAnalyticsStore } from '../../../app/stores/analyticsStore';
+import { spacing, typography, borderRadius } from '../../utils/constants';
+
+interface WidgetCustomizationModalProps {
+  visible: boolean;
+  onClose: () => void;
+}
+
+const WIDGET_LABELS: Record<string, { title: string; description: string; icon: string }> = {
+  overview: {
+    title: 'MRR & ARR Overview',
+    description: 'Key recurring revenue metrics and MoM growth rate badges',
+    icon: '💰',
+  },
+  revenueTrend: {
+    title: 'Historical Revenue Trend',
+    description: '6-month MRR/ARR trajectory chart with anomaly detection',
+    icon: '📈',
+  },
+  forecast: {
+    title: 'Revenue Forecasting',
+    description: 'Predictive 3-month trajectory with linear & exponential models',
+    icon: '🔮',
+  },
+  cohortHeatmap: {
+    title: 'Cohort Retention Heatmap',
+    description: 'Customer lifecycle retention curves across monthly cohorts',
+    icon: '🔥',
+  },
+  churnBreakdown: {
+    title: 'Churn vs. Logo Breakdown',
+    description: 'Comparison between revenue loss and subscriber churn',
+    icon: '📉',
+  },
+  planMigrations: {
+    title: 'Plan Migrations Flow',
+    description: 'Sankey diagram visualizing plan upgrades and downgrades',
+    icon: '🔀',
+  },
+};
+
+export const WidgetCustomizationModal: React.FC<WidgetCustomizationModalProps> = ({
+  visible,
+  onClose,
+}) => {
+  const {
+    enabledWidgets,
+    widgetOrder,
+    forecastModel,
+    toggleWidget,
+    reorderWidgets,
+    setForecastModel,
+    resetWidgetConfig,
+  } = useAnalyticsStore();
+
+  const handleMoveUp = (index: number) => {
+    if (index === 0) return;
+    const newOrder = [...widgetOrder];
+    const temp = newOrder[index - 1];
+    newOrder[index - 1] = newOrder[index];
+    newOrder[index] = temp;
+    reorderWidgets(newOrder);
+  };
+
+  const handleMoveDown = (index: number) => {
+    if (index === widgetOrder.length - 1) return;
+    const newOrder = [...widgetOrder];
+    const temp = newOrder[index + 1];
+    newOrder[index + 1] = newOrder[index];
+    newOrder[index] = temp;
+    reorderWidgets(newOrder);
+  };
+
+  return (
+    <Modal visible={visible} animationType="slide" transparent>
+      <View style={styles.modalOverlay}>
+        <SafeAreaView style={styles.modalContainer}>
+          <View style={styles.header}>
+            <View>
+              <Text style={styles.title}>Dashboard Customizer</Text>
+              <Text style={styles.subtitle}>Configure analytics widgets & forecast models</Text>
+            </View>
+            <TouchableOpacity onPress={onClose} style={styles.closeButton}>
+              <Text style={styles.closeButtonText}>✕</Text>
+            </TouchableOpacity>
+          </View>
+
+          <ScrollView style={styles.content} showsVerticalScrollIndicator={false}>
+            {/* Forecast Model Selection Section */}
+            <View style={styles.section}>
+              <Text style={styles.sectionTitle}>🔮 Revenue Forecasting Model</Text>
+              <Text style={styles.sectionDesc}>
+                Select the algorithmic model used to project future MRR and ARR trajectories.
+              </Text>
+              <View style={styles.modelSelectorContainer}>
+                <TouchableOpacity
+                  style={[
+                    styles.modelOption,
+                    forecastModel === 'exponential' && styles.modelOptionActive,
+                  ]}
+                  onPress={() => setForecastModel('exponential')}
+                >
+                  <Text
+                    style={[
+                      styles.modelOptionTitle,
+                      forecastModel === 'exponential' && styles.modelOptionTitleActive,
+                    ]}
+                  >
+                    Exponential Decay
+                  </Text>
+                  <Text
+                    style={[
+                      styles.modelOptionDesc,
+                      forecastModel === 'exponential' && styles.modelOptionDescActive,
+                    ]}
+                  >
+                    Compound retention & expansion rate model
+                  </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                  style={[
+                    styles.modelOption,
+                    forecastModel === 'linear' && styles.modelOptionActive,
+                  ]}
+                  onPress={() => setForecastModel('linear')}
+                >
+                  <Text
+                    style={[
+                      styles.modelOptionTitle,
+                      forecastModel === 'linear' && styles.modelOptionTitleActive,
+                    ]}
+                  >
+                    Linear Regression
+                  </Text>
+                  <Text
+                    style={[
+                      styles.modelOptionDesc,
+                      forecastModel === 'linear' && styles.modelOptionDescActive,
+                    ]}
+                  >
+                    Trend-line slope based on recent months
+                  </Text>
+                </TouchableOpacity>
+              </View>
+            </View>
+
+            {/* Widget Toggles & Order Section */}
+            <View style={styles.section}>
+              <View style={styles.sectionHeaderRow}>
+                <Text style={styles.sectionTitle}>🛠️ Widget Layout & Visibility</Text>
+                <TouchableOpacity onPress={resetWidgetConfig} style={styles.resetButton}>
+                  <Text style={styles.resetButtonText}>Reset Default</Text>
+                </TouchableOpacity>
+              </View>
+              <Text style={styles.sectionDesc}>
+                Toggle widgets on/off and use up/down arrows to reorder dashboard cards.
+              </Text>
+
+              {widgetOrder.map((widgetId, index) => {
+                const info = WIDGET_LABELS[widgetId] || {
+                  title: widgetId,
+                  description: 'Custom widget',
+                  icon: '📊',
+                };
+                const isEnabled = enabledWidgets.includes(widgetId);
+
+                return (
+                  <View
+                    key={widgetId}
+                    style={[styles.widgetItem, !isEnabled && styles.widgetItemDisabled]}
+                  >
+                    <View style={styles.widgetIconBox}>
+                      <Text style={styles.widgetIcon}>{info.icon}</Text>
+                    </View>
+
+                    <View style={styles.widgetInfo}>
+                      <Text style={[styles.widgetTitle, !isEnabled && styles.widgetTitleDisabled]}>
+                        {info.title}
+                      </Text>
+                      <Text style={styles.widgetDescription}>{info.description}</Text>
+                    </View>
+
+                    <View style={styles.widgetActions}>
+                      <View style={styles.reorderButtons}>
+                        <TouchableOpacity
+                          onPress={() => handleMoveUp(index)}
+                          disabled={index === 0}
+                          style={[styles.arrowBtn, index === 0 && styles.arrowBtnDisabled]}
+                        >
+                          <Text style={styles.arrowText}>▲</Text>
+                        </TouchableOpacity>
+                        <TouchableOpacity
+                          onPress={() => handleMoveDown(index)}
+                          disabled={index === widgetOrder.length - 1}
+                          style={[
+                            styles.arrowBtn,
+                            index === widgetOrder.length - 1 && styles.arrowBtnDisabled,
+                          ]}
+                        >
+                          <Text style={styles.arrowText}>▼</Text>
+                        </TouchableOpacity>
+                      </View>
+
+                      <TouchableOpacity
+                        style={[styles.toggleBtn, isEnabled && styles.toggleBtnActive]}
+                        onPress={() => toggleWidget(widgetId)}
+                      >
+                        <Text
+                          style={[styles.toggleBtnText, isEnabled && styles.toggleBtnTextActive]}
+                        >
+                          {isEnabled ? 'ON' : 'OFF'}
+                        </Text>
+                      </TouchableOpacity>
+                    </View>
+                  </View>
+                );
+              })}
+            </View>
+          </ScrollView>
+
+          <View style={styles.footer}>
+            <TouchableOpacity style={styles.doneButton} onPress={onClose}>
+              <Text style={styles.doneButtonText}>Save & Apply Changes</Text>
+            </TouchableOpacity>
+          </View>
+        </SafeAreaView>
+      </View>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(10, 14, 23, 0.85)',
+    justifyContent: 'flex-end',
+  },
+  modalContainer: {
+    flex: 1,
+    backgroundColor: '#0F172A',
+    marginTop: spacing.xxl * 1.5,
+    borderTopLeftRadius: borderRadius.xl,
+    borderTopRightRadius: borderRadius.xl,
+    borderWidth: 1,
+    borderColor: '#1E293B',
+    overflow: 'hidden',
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: spacing.lg,
+    borderBottomWidth: 1,
+    borderBottomColor: '#1E293B',
+    backgroundColor: '#1E293B',
+  },
+  title: {
+    ...typography.h2,
+    color: '#F8FAFC',
+    fontWeight: '700',
+  },
+  subtitle: {
+    ...typography.caption,
+    color: '#94A3B8',
+    marginTop: 2,
+  },
+  closeButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    backgroundColor: '#334155',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  closeButtonText: {
+    color: '#F8FAFC',
+    fontSize: 16,
+    fontWeight: '700',
+  },
+  content: {
+    flex: 1,
+    padding: spacing.lg,
+  },
+  section: {
+    marginBottom: spacing.xl,
+  },
+  sectionHeaderRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  sectionTitle: {
+    ...typography.h3,
+    color: '#E2E8F0',
+    fontWeight: '700',
+    marginBottom: spacing.xs,
+  },
+  sectionDesc: {
+    ...typography.caption,
+    color: '#64748B',
+    marginBottom: spacing.md,
+  },
+  modelSelectorContainer: {
+    flexDirection: 'row',
+    gap: spacing.md,
+  },
+  modelOption: {
+    flex: 1,
+    padding: spacing.md,
+    borderRadius: borderRadius.md,
+    backgroundColor: '#1E293B',
+    borderWidth: 1,
+    borderColor: '#334155',
+  },
+  modelOptionActive: {
+    backgroundColor: 'rgba(59, 130, 246, 0.15)',
+    borderColor: '#3B82F6',
+  },
+  modelOptionTitle: {
+    ...typography.bodyBold,
+    color: '#94A3B8',
+    marginBottom: 4,
+  },
+  modelOptionTitleActive: {
+    color: '#60A5FA',
+  },
+  modelOptionDesc: {
+    ...typography.caption,
+    color: '#64748B',
+    fontSize: 11,
+  },
+  modelOptionDescActive: {
+    color: '#BFDBFE',
+  },
+  resetButton: {
+    paddingHorizontal: spacing.sm,
+    paddingVertical: 4,
+    borderRadius: borderRadius.sm,
+    backgroundColor: '#334155',
+  },
+  resetButtonText: {
+    color: '#94A3B8',
+    fontSize: 11,
+    fontWeight: '600',
+  },
+  widgetItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: spacing.md,
+    borderRadius: borderRadius.md,
+    backgroundColor: '#1E293B',
+    borderWidth: 1,
+    borderColor: '#334155',
+    marginBottom: spacing.sm,
+  },
+  widgetItemDisabled: {
+    opacity: 0.5,
+    backgroundColor: '#0F172A',
+    borderColor: '#1E293B',
+  },
+  widgetIconBox: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: '#334155',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: spacing.md,
+  },
+  widgetIcon: {
+    fontSize: 20,
+  },
+  widgetInfo: {
+    flex: 1,
+  },
+  widgetTitle: {
+    ...typography.bodyBold,
+    color: '#F8FAFC',
+  },
+  widgetTitleDisabled: {
+    color: '#94A3B8',
+    textDecorationLine: 'line-through',
+  },
+  widgetDescription: {
+    ...typography.caption,
+    color: '#64748B',
+    fontSize: 11,
+  },
+  widgetActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm,
+  },
+  reorderButtons: {
+    flexDirection: 'row',
+    backgroundColor: '#0F172A',
+    borderRadius: borderRadius.sm,
+    padding: 2,
+  },
+  arrowBtn: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+  },
+  arrowBtnDisabled: {
+    opacity: 0.2,
+  },
+  arrowText: {
+    color: '#94A3B8',
+    fontSize: 12,
+  },
+  toggleBtn: {
+    paddingHorizontal: spacing.md,
+    paddingVertical: 6,
+    borderRadius: borderRadius.sm,
+    backgroundColor: '#334155',
+    minWidth: 50,
+    alignItems: 'center',
+  },
+  toggleBtnActive: {
+    backgroundColor: '#3B82F6',
+  },
+  toggleBtnText: {
+    color: '#94A3B8',
+    fontSize: 12,
+    fontWeight: '700',
+  },
+  toggleBtnTextActive: {
+    color: '#FFFFFF',
+  },
+  footer: {
+    padding: spacing.lg,
+    borderTopWidth: 1,
+    borderTopColor: '#1E293B',
+    backgroundColor: '#1E293B',
+  },
+  doneButton: {
+    backgroundColor: '#3B82F6',
+    paddingVertical: spacing.md,
+    borderRadius: borderRadius.md,
+    alignItems: 'center',
+  },
+  doneButtonText: {
+    ...typography.bodyBold,
+    color: '#FFFFFF',
+  },
+});
diff --git a/src/screens/AnalyticsScreen.tsx b/src/screens/AnalyticsScreen.tsx
index bc560569..f9d1fa16 100644
--- a/src/screens/AnalyticsScreen.tsx
+++ b/src/screens/AnalyticsScreen.tsx
@@ -9,6 +9,7 @@ import {
   Dimensions,
 } from 'react-native';
 import Svg, { Rect, Text as SvgText, Line, G } from 'react-native-svg';
+import { useNavigation } from '@react-navigation/native';
 import { spacing, typography, borderRadius } from '../utils/constants';
 import { useSubscriptionStore } from '../store';
 import { SubscriptionCategory, BillingCycle } from '../types/subscription';
@@ -25,6 +26,7 @@ const CHART_HEIGHT = 200;
 type DateRange = 'week' | 'month' | 'year';
 
 const AnalyticsScreen: React.FC = () => {
+  const navigation = useNavigation<any>();
   const colors = useThemeColors();
   const styles = useMemo(() => createStyles(colors), [colors]);
   const { subscriptions, stats, calculateStats } = useSubscriptionStore();
@@ -213,18 +215,75 @@ const AnalyticsScreen: React.FC = () => {
         </View>
         <View style={styles.summaryContainer}>
           <Card style={styles.summaryCard}>
-            <Text style={styles.summaryLabel}>MRR</Text>
+            <View style={styles.badgeRow}>
+              <Text style={styles.summaryLabel}>MRR</Text>
+              <View
+                style={[
+                  styles.growthBadge,
+                  subscriptionAnalytics.mrrGrowthRate >= 0
+                    ? styles.badgeSuccess
+                    : styles.badgeDanger,
+                ]}
+              >
+                <Text
+                  style={[
+                    styles.growthText,
+                    subscriptionAnalytics.mrrGrowthRate >= 0
+                      ? styles.textSuccess
+                      : styles.textDanger,
+                  ]}
+                >
+                  {subscriptionAnalytics.mrrGrowthRate >= 0 ? '+' : ''}
+                  {subscriptionAnalytics.mrrGrowthRate.toFixed(1)}% MoM
+                </Text>
+              </View>
+            </View>
             <Text style={styles.summaryValue}>
               {formatCurrency(subscriptionAnalytics.mrr, preferredCurrency)}
             </Text>
           </Card>
           <Card style={styles.summaryCard}>
-            <Text style={styles.summaryLabel}>ARR</Text>
+            <View style={styles.badgeRow}>
+              <Text style={styles.summaryLabel}>ARR</Text>
+              <View
+                style={[
+                  styles.growthBadge,
+                  subscriptionAnalytics.arrGrowthRate >= 0
+                    ? styles.badgeSuccess
+                    : styles.badgeDanger,
+                ]}
+              >
+                <Text
+                  style={[
+                    styles.growthText,
+                    subscriptionAnalytics.arrGrowthRate >= 0
+                      ? styles.textSuccess
+                      : styles.textDanger,
+                  ]}
+                >
+                  {subscriptionAnalytics.arrGrowthRate >= 0 ? '+' : ''}
+                  {subscriptionAnalytics.arrGrowthRate.toFixed(1)}% YoY
+                </Text>
+              </View>
+            </View>
             <Text style={styles.summaryValue}>
               {formatCurrency(subscriptionAnalytics.arr, preferredCurrency)}
             </Text>
           </Card>
         </View>
+
+        <TouchableOpacity
+          style={styles.dashboardBanner}
+          onPress={() => navigation?.navigate?.('AnalyticsDashboard')}
+        >
+          <View style={styles.bannerContent}>
+            <Text style={styles.bannerTitle}>🔥 Advanced Cohort & MRR Suite</Text>
+            <Text style={styles.bannerSubtitle}>
+              Interactive retention heatmaps, LTV by channel, linear & exponential forecasting & customizable widgets
+            </Text>
+          </View>
+          <Text style={styles.bannerArrow}>→</Text>
+        </TouchableOpacity>
         <Card style={styles.chartCard}>
           <Text style={styles.chartTitle}>Revenue Health</Text>
           <View style={styles.projectionItem}>
@@ -477,6 +536,39 @@ function createStyles(colors: ReturnType<typeof useThemeColors>) {
     emptyIcon: { fontSize: 64, marginBottom: spacing.md },
     emptyTitle: { ...typography.h2, color: colors.text.primary, marginBottom: spacing.sm },
     emptyText: { ...typography.body, color: colors.textSecondary, textAlign: 'center' },
+    badgeRow: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      width: '100%',
+      marginBottom: spacing.xs,
+    },
+    growthBadge: {
+      paddingHorizontal: 6,
+      paddingVertical: 2,
+      borderRadius: 10,
+    },
+    badgeSuccess: { backgroundColor: 'rgba(16, 185, 129, 0.15)' },
+    badgeDanger: { backgroundColor: 'rgba(239, 68, 68, 0.15)' },
+    growthText: { fontSize: 10, fontWeight: '700' },
+    textSuccess: { color: '#10B981' },
+    textDanger: { color: '#EF4444' },
+    dashboardBanner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginHorizontal: spacing.lg,
+      marginBottom: spacing.md,
+      padding: spacing.md,
+      backgroundColor: 'rgba(59, 130, 246, 0.12)',
+      borderRadius: borderRadius.lg,
+      borderWidth: 1,
+      borderColor: 'rgba(59, 130, 246, 0.3)',
+    },
+    bannerContent: { flex: 1, marginRight: spacing.sm },
+    bannerTitle: { ...typography.bodyBold, color: '#60A5FA', marginBottom: 2 },
+    bannerSubtitle: { ...typography.caption, color: colors.textSecondary, fontSize: 11 },
+    bannerArrow: { fontSize: 20, color: '#60A5FA', fontWeight: '700' },
   });
 }
 
diff --git a/src/services/__tests__/analyticsService.test.ts b/src/services/__tests__/analyticsService.test.ts
index d15509f9..97329944 100644
--- a/src/services/__tests__/analyticsService.test.ts
+++ b/src/services/__tests__/analyticsService.test.ts
@@ -1,4 +1,4 @@
-import { calculateSubscriptionAnalytics, toMonthlyRevenue } from '../analyticsService';
+import { calculateSubscriptionAnalytics, toMonthlyRevenue, calculateRetentionCurve } from '../analyticsService';
 import { Subscription, SubscriptionCategory, BillingCycle } from '../../types/subscription';
 
 const makeSubscription = (overrides: Partial<Subscription> = {}): Subscription => ({
@@ -99,4 +99,41 @@ describe('calculateSubscriptionAnalytics', () => {
     const result = calculateSubscriptionAnalytics(subs);
     expect(result.arpu).toBeCloseTo((15 + 25 + 35) / 3);
   });
+
+  it('calculates linear regression vs exponential forecasting models', () => {
+    const sub1 = makeSubscription({ id: '1', price: 50, createdAt: new Date('2026-01-01') });
+    const sub2 = makeSubscription({ id: '2', price: 100, createdAt: new Date('2026-02-01') });
+    const linearResult = calculateSubscriptionAnalytics([sub1, sub2], new Date('2026-03-01'), 'linear', 3);
+    const expResult = calculateSubscriptionAnalytics([sub1, sub2], new Date('2026-03-01'), 'exponential', 3);
+    expect(linearResult.forecast).toHaveLength(3);
+    expect(expResult.forecast).toHaveLength(3);
+    // In linear model with upward trend, M+1 expected revenue will differ from exponential decay
+    expect(linearResult.forecast[0].expectedRevenue).toBeGreaterThan(0);
+    expect(expResult.forecast[0].expectedRevenue).toBeGreaterThan(0);
+  });
+
+  it('calculates MoM MRR growth rate when multiple months of trend data exist', () => {
+    const sub1 = makeSubscription({ id: '1', price: 100, createdAt: new Date('2026-01-01') });
+    const sub2 = makeSubscription({ id: '2', price: 50, createdAt: new Date('2026-02-01') });
+    const result = calculateSubscriptionAnalytics([sub1, sub2]);
+    // In Jan revenue was 100, in Feb revenue is 150 (since both active), growth rate should be > 0
+    expect(result.mrrGrowthRate).toBeDefined();
+    expect(result.arrGrowthRate).toEqual(result.mrrGrowthRate);
+  });
+});
+
+describe('calculateRetentionCurve', () => {
+  it('returns standard intervals with 0 retention for empty list', () => {
+    const curve = calculateRetentionCurve([]);
+    expect(curve).toHaveLength(5);
+    expect(curve[0].day).toBe(1);
+    expect(curve[0].retentionRate).toBe(0);
+  });
+
+  it('calculates retention rates across day milestones', () => {
+    const sub = makeSubscription({ id: '1', isActive: true, createdAt: new Date('2026-01-01') });
+    const curve = calculateRetentionCurve([sub], new Date('2026-06-01'));
+    expect(curve).toHaveLength(5);
+    expect(curve[0].retentionRate).toBe(1);
+  });
 });
diff --git a/src/services/analyticsService.ts b/src/services/analyticsService.ts
index f4bcede6..fe3ccf5c 100644
--- a/src/services/analyticsService.ts
+++ b/src/services/analyticsService.ts
@@ -28,9 +28,18 @@ export interface RevenueForecastPoint {
   upperBound: number;
 }
 
+export interface RetentionPoint {
+  day: number;
+  retainedCount: number;
+  cohortSize: number;
+  retentionRate: number;
+}
+
 export interface SubscriptionAnalyticsReport {
   mrr: number;
   arr: number;
+  mrrGrowthRate: number;
+  arrGrowthRate: number;
   ltv: number;
   arpu: number;
   subscriberCount: number;
@@ -56,9 +65,43 @@ export const toMonthlyRevenue = (
 const monthKey = (date: Date): string =>
   `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
 
-export const calculateSubscriptionAnalytics = (
+export const calculateRetentionCurve = (
   subscriptions: Subscription[],
   asOf = new Date()
+): RetentionPoint[] => {
+  const intervals = [1, 7, 30, 60, 90];
+  const total = subscriptions.length;
+  if (total === 0) {
+    return intervals.map((day) => ({ day, retainedCount: 0, cohortSize: 0, retentionRate: 0 }));
+  }
+
+  const nowMs = asOf.getTime();
+  const dayMs = 24 * 60 * 60 * 1000;
+
+  return intervals.map((day) => {
+    const thresholdMs = nowMs - day * dayMs;
+    const eligibleSubs = subscriptions.filter(
+      (sub) => new Date(sub.createdAt).getTime() <= thresholdMs
+    );
+    const retainedCount = eligibleSubs.filter((sub) => sub.isActive).length;
+    const retentionRate =
+      eligibleSubs.length > 0
+        ? retainedCount / eligibleSubs.length
+        : subscriptions.filter((s) => s.isActive).length / total;
+    return {
+      day,
+      retainedCount,
+      cohortSize: eligibleSubs.length > 0 ? eligibleSubs.length : total,
+      retentionRate,
+    };
+  });
+};
+
+export const calculateSubscriptionAnalytics = (
+  subscriptions: Subscription[],
+  asOf = new Date(),
+  forecastModel: 'linear' | 'exponential' = 'exponential',
+  monthsAhead = 3
 ): SubscriptionAnalyticsReport => {
   const active = subscriptions.filter((subscription) => subscription.isActive);
   const inactive = subscriptions.filter((subscription) => !subscription.isActive);
@@ -111,13 +154,45 @@ export const calculateSubscriptionAnalytics = (
     arr: cohort.revenue * MONTHS_PER_YEAR,
   }));
 
+  // Calculate MRR/ARR growth rate compared to previous period
+  let mrrGrowthRate = 0;
+  let arrGrowthRate = 0;
+  if (revenueTrend.length >= 2) {
+    const prevMrr = revenueTrend[revenueTrend.length - 2].mrr;
+    const currMrr = revenueTrend[revenueTrend.length - 1].mrr;
+    if (prevMrr > 0) {
+      mrrGrowthRate = ((currMrr - prevMrr) / prevMrr) * 100;
+      arrGrowthRate = mrrGrowthRate;
+    }
+  }
+
   const retention = cohorts.length
     ? cohorts.reduce((sum, cohort) => sum + cohort.retentionRate, 0) / cohorts.length
     : 1;
   const confidenceBand = Math.max(0.1, 1 - Math.min(subscriptions.length / 50, 0.8));
-  const forecast = Array.from({ length: 3 }, (_, index) => {
+
+  // Compute linear regression slope if model is 'linear'
+  let linearSlope = 0;
+  if (forecastModel === 'linear' && revenueTrend.length >= 2) {
+    const n = revenueTrend.length;
+    const sumX = revenueTrend.reduce((sum, _, i) => sum + i, 0);
+    const sumY = revenueTrend.reduce((sum, point) => sum + point.mrr, 0);
+    const sumXY = revenueTrend.reduce((sum, point, i) => sum + i * point.mrr, 0);
+    const sumXX = revenueTrend.reduce((sum, _, i) => sum + i * i, 0);
+    const denominator = n * sumXX - sumX * sumX;
+    if (denominator !== 0) {
+      linearSlope = (n * sumXY - sumX * sumY) / denominator;
+    }
+  }
+
+  const forecast = Array.from({ length: monthsAhead }, (_, index) => {
     const monthAhead = index + 1;
-    const expectedRevenue = mrr * Math.pow(retention || 0.95, monthAhead);
+    let expectedRevenue = 0;
+    if (forecastModel === 'linear') {
+      expectedRevenue = Math.max(0, mrr + linearSlope * monthAhead);
+    } else {
+      expectedRevenue = mrr * Math.pow(retention || 0.95, monthAhead);
+    }
     return {
       label: `M+${monthAhead}`,
       expectedRevenue,
@@ -129,6 +204,8 @@ export const calculateSubscriptionAnalytics = (
   return {
     mrr,
     arr,
+    mrrGrowthRate,
+    arrGrowthRate,
     ltv,
     arpu: averageMonthlyRevenue,
     subscriberCount: active.length,