diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..e4920f8
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,129 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+
+export default [
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.{js,mjs,cjs,ts,tsx}'],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        // Node.js globals
+        console: 'readonly',
+        process: 'readonly',
+        require: 'readonly',
+        module: 'readonly',
+        exports: 'readonly',
+        __dirname: 'readonly',
+        __filename: 'readonly',
+        global: 'readonly',
+        Buffer: 'readonly',
+        // Browser globals
+        window: 'readonly',
+        document: 'readonly',
+        navigator: 'readonly',
+        location: 'readonly',
+        localStorage: 'readonly',
+        sessionStorage: 'readonly',
+        fetch: 'readonly',
+        Request: 'readonly',
+        Response: 'readonly',
+        Headers: 'readonly',
+        URL: 'readonly',
+        URLSearchParams: 'readonly',
+        FormData: 'readonly',
+        File: 'readonly',
+        FileReader: 'readonly',
+        Blob: 'readonly',
+        Image: 'readonly',
+        HTMLElement: 'readonly',
+        HTMLInputElement: 'readonly',
+        HTMLImageElement: 'readonly',
+        HTMLDivElement: 'readonly',
+        HTMLTextAreaElement: 'readonly',
+        HTMLCanvasElement: 'readonly',
+        HTMLAnchorElement: 'readonly',
+        CanvasRenderingContext2D: 'readonly',
+        Event: 'readonly',
+        CustomEvent: 'readonly',
+        MouseEvent: 'readonly',
+        KeyboardEvent: 'readonly',
+        Element: 'readonly',
+        Node: 'readonly',
+        NodeList: 'readonly',
+        NodeListOf: 'readonly',
+        setTimeout: 'readonly',
+        clearTimeout: 'readonly',
+        setInterval: 'readonly',
+        clearInterval: 'readonly',
+        alert: 'readonly',
+        confirm: 'readonly',
+        prompt: 'readonly',
+        // Web APIs
+        crypto: 'readonly',
+        AbortController: 'readonly',
+        TextEncoder: 'readonly',
+        TextDecoder: 'readonly',
+        performance: 'readonly',
+        requestAnimationFrame: 'readonly',
+        cancelAnimationFrame: 'readonly',
+        PerformanceObserver: 'readonly',
+        PerformanceNavigationTiming: 'readonly',
+        RequestInit: 'readonly',
+        // Node.js types
+        NodeJS: 'readonly',
+        // Geolocation
+        GeoJSON: 'readonly',
+        // React
+        React: 'readonly',
+      },
+    },
+    rules: {
+      '@typescript-eslint/no-unused-vars': ['warn', { 
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_|^error$' 
+      }],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-require-imports': 'off',
+      'prefer-const': 'error',
+      'no-console': 'off',
+      'no-undef': 'error',
+      'no-empty': 'warn',
+      'no-useless-catch': 'warn',
+      'no-constant-binary-expression': 'warn',
+    },
+  },
+  {
+    files: ['**/*.astro'],
+    rules: {
+      // Disable parsing for Astro files since ESLint doesn't understand them
+      '@typescript-eslint/no-unused-vars': 'off',
+      'no-undef': 'off',
+    },
+  },
+  {
+    ignores: [
+      'dist/',
+      'node_modules/',
+      '.astro/',
+      'public/',
+      '*.config.js',
+      '*.config.ts',
+      '*.config.mjs',
+      '**/*.astro', // Skip linting Astro files entirely
+      'scripts/',
+      'test-*.js',
+      'test-*.mjs',
+      'promote-to-admin.js',
+      'setup-*.js',
+    ],
+  },
+];
\ No newline at end of file
diff --git a/src/components/modals/SeatingMapModal.tsx b/src/components/modals/SeatingMapModal.tsx
index 2aa41c3..f8a75d1 100644
--- a/src/components/modals/SeatingMapModal.tsx
+++ b/src/components/modals/SeatingMapModal.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import type { SeatingMap, LayoutItem, LayoutType } from '../../lib/seating-management';
 import { createSeatingMap, updateSeatingMap, generateInitialLayout } from '../../lib/seating-management';
 
@@ -109,7 +109,7 @@ export default function SeatingMapModal({
 
   return (
     <div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50">
-      <div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
+      <div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl shadow-2xl w-full max-w-sm sm:max-w-2xl lg:max-w-4xl max-h-[90vh] overflow-y-auto">
         <div className="p-6">
           <div className="flex justify-between items-center mb-6">
             <h2 className="text-2xl font-light text-white">
@@ -117,9 +117,10 @@ export default function SeatingMapModal({
             </h2>
             <button
               onClick={onClose}
-              className="text-white/60 hover:text-white transition-colors"
+              className="text-white/60 hover:text-white transition-colors p-2 rounded-full hover:bg-white/10 touch-manipulation"
+              aria-label="Close modal"
             >
-              <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <svg className="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
               </svg>
             </button>
diff --git a/src/components/modals/TicketTypeModal.tsx b/src/components/modals/TicketTypeModal.tsx
index f55c761..7aca8aa 100644
--- a/src/components/modals/TicketTypeModal.tsx
+++ b/src/components/modals/TicketTypeModal.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import type { TicketType, TicketTypeFormData } from '../../lib/ticket-management';
 import { createTicketType, updateTicketType } from '../../lib/ticket-management';
 
@@ -99,32 +99,34 @@ export default function TicketTypeModal({
   if (!isOpen) return null;
 
   return (
-    <div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50">
-      <div className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl shadow-2xl max-w-md w-full max-h-[90vh] overflow-y-auto">
+    <div className="fixed inset-0 backdrop-blur-sm flex items-center justify-center p-4 z-50" style={{ background: 'rgba(0, 0, 0, 0.5)' }}>
+      <div className="backdrop-blur-xl rounded-2xl shadow-2xl w-full max-w-md sm:max-w-lg max-h-[90vh] overflow-y-auto" style={{ background: 'var(--glass-bg-lg)', border: '1px solid var(--glass-border)' }}>
         <div className="p-6">
           <div className="flex justify-between items-center mb-6">
-            <h2 className="text-2xl font-light text-white">
+            <h2 className="text-2xl font-light" style={{ color: 'var(--glass-text-primary)' }}>
               {ticketType ? 'Edit Ticket Type' : 'Create Ticket Type'}
             </h2>
             <button
               onClick={onClose}
-              className="text-white/60 hover:text-white transition-colors"
+              className="transition-colors p-2 rounded-full touch-manipulation hover:opacity-80"
+              style={{ color: 'var(--glass-text-tertiary)', background: 'var(--glass-bg-button)' }}
+              aria-label="Close modal"
             >
-              <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <svg className="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
               </svg>
             </button>
           </div>
 
           {error && (
-            <div className="mb-4 p-3 bg-red-500/20 border border-red-500/30 rounded-lg text-red-200">
+            <div className="mb-4 p-3 rounded-lg" style={{ background: 'var(--error-bg)', border: '1px solid var(--error-border)', color: 'var(--error-color)' }}>
               {error}
             </div>
           )}
 
           <form onSubmit={handleSubmit} className="space-y-6">
             <div>
-              <label htmlFor="name" className="block text-sm font-medium text-white/80 mb-2">
+              <label htmlFor="name" className="block text-sm font-medium mb-2" style={{ color: 'var(--glass-text-secondary)' }}>
                 Ticket Name *
               </label>
               <input
diff --git a/src/lib/analytics.ts b/src/lib/analytics.ts
index 8810971..8299603 100644
--- a/src/lib/analytics.ts
+++ b/src/lib/analytics.ts
@@ -17,7 +17,7 @@ export interface EventAnalytic {
     city?: string;
     state?: string;
   };
-  metadata?: Record<string, any>;
+  metadata?: Record<string, unknown>;
 }
 
 export interface TrendingEvent {
@@ -87,7 +87,7 @@ export interface SalesAnalyticsData {
   salesByHour: SalesByTimeframe[];
   ticketTypePerformance: TicketTypePerformance[];
   topSellingTickets: TicketTypePerformance[];
-  recentSales: any[];
+  recentSales: Record<string, unknown>[];
 }
 
 // Analytics calculation functions
@@ -172,7 +172,7 @@ export class EventAnalytics {
         refundRate: 0 // TODO: Implement refunds tracking
       };
     } catch (error) {
-      console.error('Error calculating sales metrics:', error);
+
       return {
         totalRevenue: 0,
         netRevenue: 0,
@@ -216,7 +216,7 @@ export class EventAnalytics {
         organizerPayout
       };
     } catch (error) {
-      console.error('Error calculating revenue breakdown:', error);
+
       return {
         grossRevenue: 0,
         platformFees: 0,
@@ -248,7 +248,7 @@ export class EventAnalytics {
       // Group sales by timeframe
       const salesMap = new Map<string, { revenue: number; count: number }>();
       
-      tickets?.forEach(ticket => {
+      data?.forEach(ticket => {
         const date = new Date(ticket.created_at);
         let key: string;
         
@@ -275,7 +275,7 @@ export class EventAnalytics {
         }))
         .sort((a, b) => a.date.localeCompare(b.date));
     } catch (error) {
-      console.error('Error getting sales by timeframe:', error);
+
       return [];
     }
   }
@@ -313,7 +313,7 @@ export class EventAnalytics {
         };
       }) || [];
     } catch (error) {
-      console.error('Error getting ticket type performance:', error);
+
       return [];
     }
   }
@@ -342,7 +342,7 @@ export class EventAnalytics {
 
       return tickets || [];
     } catch (error) {
-      console.error('Error getting recent sales:', error);
+
       return [];
     }
   }
@@ -386,7 +386,7 @@ export class EventAnalytics {
 
       return { current: currentVelocity, trend };
     } catch (error) {
-      console.error('Error calculating sales velocity:', error);
+
       return { current: 0, trend: 'stable' };
     }
   }
@@ -516,10 +516,10 @@ export class TrendingAnalyticsService {
         })));
 
       if (error) {
-        console.error('Error tracking analytics:', error);
+
       }
     } catch (error) {
-      console.error('Error flushing analytics batch:', error);
+
     }
   }
 
@@ -529,13 +529,13 @@ export class TrendingAnalyticsService {
         .rpc('calculate_event_popularity_score', { event_id_param: eventId });
 
       if (error) {
-        console.error('Error updating popularity score:', error);
+
         return 0;
       }
 
       return data || 0;
     } catch (error) {
-      console.error('Error updating popularity score:', error);
+
       return 0;
     }
   }
@@ -547,7 +547,7 @@ export class TrendingAnalyticsService {
     limit: number = 20
   ): Promise<TrendingEvent[]> {
     try {
-      let query = supabase
+      const query = supabase
         .from('events')
         .select(`
           id,
@@ -577,7 +577,7 @@ export class TrendingAnalyticsService {
       const { data: events, error } = await query;
 
       if (error) {
-        console.error('Error getting trending events:', error);
+
         return [];
       }
 
@@ -635,7 +635,7 @@ export class TrendingAnalyticsService {
 
       return trendingEvents;
     } catch (error) {
-      console.error('Error getting trending events:', error);
+
       return [];
     }
   }
@@ -656,7 +656,7 @@ export class TrendingAnalyticsService {
         });
 
       if (error) {
-        console.error('Error getting hot events in area:', error);
+
         return [];
       }
 
@@ -704,7 +704,7 @@ export class TrendingAnalyticsService {
         };
       });
     } catch (error) {
-      console.error('Error getting hot events in area:', error);
+
       return [];
     }
   }
@@ -734,7 +734,7 @@ export class TrendingAnalyticsService {
         .gt('start_time', new Date().toISOString());
 
       if (error || !events) {
-        console.error('Error getting events for batch update:', error);
+
         return;
       }
 
@@ -750,7 +750,7 @@ export class TrendingAnalyticsService {
         await new Promise(resolve => setTimeout(resolve, 100));
       }
     } catch (error) {
-      console.error('Error in batch update:', error);
+
     }
   }
 }
diff --git a/src/lib/social-media-generator.ts b/src/lib/social-media-generator.ts
index 7036736..4bbef7d 100644
--- a/src/lib/social-media-generator.ts
+++ b/src/lib/social-media-generator.ts
@@ -253,13 +253,13 @@ ${orgHandle ? `Connect with us: ${orgHandle}` : ''}
     
     // Extract handle from URL
     if (platform === 'twitter') {
-      const match = url.match(/twitter\.com\/([^\/]+)/);
+      const match = url.match(/twitter\.com\/([^/]+)/);
       return match ? `@${match[1]}` : '';
     } else if (platform === 'instagram') {
-      const match = url.match(/instagram\.com\/([^\/]+)/);
+      const match = url.match(/instagram\.com\/([^/]+)/);
       return match ? `@${match[1]}` : '';
     } else if (platform === 'facebook') {
-      const match = url.match(/facebook\.com\/([^\/]+)/);
+      const match = url.match(/facebook\.com\/([^/]+)/);
       return match ? `facebook.com/${match[1]}` : '';
     } else if (platform === 'linkedin') {
       return url;
diff --git a/src/lib/super-admin-utils.ts b/src/lib/super-admin-utils.ts
new file mode 100644
index 0000000..b16f3a0
--- /dev/null
+++ b/src/lib/super-admin-utils.ts
@@ -0,0 +1,309 @@
+// Super Admin Dashboard Utilities
+
+import { makeAuthenticatedRequest } from './api-client';
+import type { 
+  PlatformMetrics, 
+  SuperAdminApiResponse, 
+  ExportData, 
+  ExportType,
+  FilterOptions 
+} from './super-admin-types';
+
+/**
+ * Check if user has super admin privileges
+ */
+export async function checkSuperAdminAuth(): Promise<any | null> {
+  try {
+    const result = await makeAuthenticatedRequest('/api/admin/check-super-admin');
+    if (result.success && result.data.isSuperAdmin) {
+      return result.data;
+    }
+    return null;
+  } catch (error) {
+
+    return null;
+  }
+}
+
+/**
+ * Load platform-wide metrics
+ */
+export async function loadPlatformMetrics(): Promise<PlatformMetrics | null> {
+  try {
+    const result = await makeAuthenticatedRequest('/api/admin/super-analytics?metric=platform_overview');
+    
+    if (result.success) {
+      const data = result.data.summary;
+      return {
+        totalRevenue: data.totalRevenue || 0,
+        totalFees: data.totalPlatformFees || 0,
+        activeOrganizers: data.activeOrganizers || 0,
+        totalTickets: data.totalTickets || 0,
+        revenueChange: data.revenueGrowth || 0,
+        feesChange: data.feesGrowth || 0,
+        organizersChange: data.organizersThisMonth || 0,
+        ticketsChange: data.ticketsThisMonth || 0
+      };
+    }
+    return null;
+  } catch (error) {
+
+    return null;
+  }
+}
+
+/**
+ * Generic function to load super admin analytics
+ */
+export async function loadSuperAdminData<T>(
+  metric: string, 
+  options: FilterOptions = {}
+): Promise<SuperAdminApiResponse<T>> {
+  try {
+    const params = new URLSearchParams({ metric });
+    
+    // Add filter options to params
+    Object.entries(options).forEach(([key, value]) => {
+      if (value !== undefined && value !== null && value !== '') {
+        params.append(key, value.toString());
+      }
+    });
+    
+    const result = await makeAuthenticatedRequest(`/api/admin/super-analytics?${params}`);
+    return result;
+  } catch (error) {
+
+    return {
+      success: false,
+      data: {} as T,
+      error: error instanceof Error ? error.message : 'Unknown error'
+    };
+  }
+}
+
+/**
+ * Format currency values consistently
+ */
+export function formatCurrency(amount: number): string {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  }).format(amount);
+}
+
+/**
+ * Format percentage values
+ */
+export function formatPercentage(value: number, decimals: number = 1): string {
+  return `${value.toFixed(decimals)}%`;
+}
+
+/**
+ * Format large numbers with appropriate suffixes
+ */
+export function formatNumber(num: number): string {
+  if (num >= 1000000) {
+    return (num / 1000000).toFixed(1) + 'M';
+  }
+  if (num >= 1000) {
+    return (num / 1000).toFixed(1) + 'K';
+  }
+  return num.toString();
+}
+
+/**
+ * Get relative time string (e.g., "2 days ago")
+ */
+export function getRelativeTime(date: string | Date): string {
+  const now = new Date();
+  const past = new Date(date);
+  const diffInMs = now.getTime() - past.getTime();
+  const diffInDays = Math.floor(diffInMs / (1000 * 60 * 60 * 24));
+  
+  if (diffInDays === 0) return 'Today';
+  if (diffInDays === 1) return 'Yesterday';
+  if (diffInDays < 7) return `${diffInDays} days ago`;
+  if (diffInDays < 30) return `${Math.floor(diffInDays / 7)} weeks ago`;
+  if (diffInDays < 365) return `${Math.floor(diffInDays / 30)} months ago`;
+  return `${Math.floor(diffInDays / 365)} years ago`;
+}
+
+/**
+ * Convert data to CSV format
+ */
+export function convertToCSV(data: ExportData[]): string {
+  if (!data.length) return '';
+  
+  const headers = Object.keys(data[0]).join(',');
+  const rows = data.map(row => 
+    Object.values(row).map(value => 
+      typeof value === 'string' ? `"${value.replace(/"/g, '""')}"` : value
+    ).join(',')
+  );
+  
+  return [headers, ...rows].join('\n');
+}
+
+/**
+ * Download CSV file
+ */
+export function downloadCSV(csvContent: string, filename: string): void {
+  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  
+  link.href = url;
+  link.download = filename;
+  link.style.display = 'none';
+  
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  
+  URL.revokeObjectURL(url);
+}
+
+/**
+ * Export data with loading state management
+ */
+export async function exportData(
+  type: ExportType,
+  setLoading: (loading: boolean) => void,
+  options: FilterOptions = {}
+): Promise<void> {
+  setLoading(true);
+  
+  try {
+    let data: ExportData[] = [];
+    let filename = '';
+    
+    switch (type) {
+      case 'revenue': {
+        const revenueResult = await loadSuperAdminData('revenue_breakdown', options);
+        if (revenueResult.success) {
+          const totals = revenueResult.data.totals || {};
+          const processingFees = (totals.grossRevenue || 0) * 0.029;
+          data = [{
+            gross_revenue: totals.grossRevenue || 0,
+            platform_fees: totals.platformFees || 0,
+            processing_fees: processingFees,
+            net_to_organizers: (totals.grossRevenue || 0) - (totals.platformFees || 0) - processingFees,
+            export_date: new Date().toISOString()
+          }];
+        }
+        filename = `revenue-report-${new Date().toISOString().split('T')[0]}.csv`;
+        break;
+      }
+        
+      case 'organizers': {
+        const organizerResult = await loadSuperAdminData('organizer_performance', options);
+        if (organizerResult.success) {
+          data = (organizerResult.data.organizers || []).map((org: any) => ({
+            name: org.name,
+            email: org.email || '',
+            events: org.eventCount || 0,
+            published_events: org.publishedEvents || 0,
+            tickets_sold: org.ticketsSold || 0,
+            total_revenue: org.totalRevenue || 0,
+            platform_fees: org.platformFees || 0,
+            avg_ticket_price: org.avgTicketPrice || 0,
+            join_date: org.joinDate || ''
+          }));
+        }
+        filename = `organizers-${new Date().toISOString().split('T')[0]}.csv`;
+        break;
+      }
+        
+      case 'events': {
+        const eventResult = await loadSuperAdminData('event_analytics', options);
+        if (eventResult.success) {
+          data = (eventResult.data.events || []).map((event: any) => ({
+            title: event.title,
+            organization_id: event.organizationId,
+            organizer_name: event.organizerName || '',
+            start_time: event.startTime,
+            is_published: event.isPublished,
+            category: event.category || '',
+            tickets_sold: event.ticketsSold || 0,
+            total_revenue: event.totalRevenue || 0,
+            sell_through_rate: event.sellThroughRate || 0,
+            avg_ticket_price: event.avgTicketPrice || 0
+          }));
+        }
+        filename = `events-${new Date().toISOString().split('T')[0]}.csv`;
+        break;
+      }
+        
+      case 'tickets': {
+        const ticketResult = await loadSuperAdminData('ticket_analytics', { ...options, export: 'true' });
+        if (ticketResult.success) {
+          data = (ticketResult.data.tickets || []).map((ticket: any) => ({
+            ticket_id: ticket.id,
+            customer_name: ticket.customerName || '',
+            customer_email: ticket.customerEmail || '',
+            event_title: ticket.event?.title || '',
+            organizer_name: ticket.event?.organizationName || '',
+            ticket_type: ticket.ticketType?.name || 'General',
+            price: ticket.price || 0,
+            seat: ticket.seatRow && ticket.seatNumber ? `${ticket.seatRow}-${ticket.seatNumber}` : 'GA',
+            status: ticket.status || 'unknown',
+            purchase_date: ticket.createdAt || '',
+            used_date: ticket.usedAt || '',
+            refunded_date: ticket.refundedAt || ''
+          }));
+        }
+        filename = `tickets-${new Date().toISOString().split('T')[0]}.csv`;
+        break;
+      }
+    }
+    
+    if (data.length > 0) {
+      const csvContent = convertToCSV(data);
+      downloadCSV(csvContent, filename);
+    } else {
+      throw new Error('No data available for export');
+    }
+    
+  } catch (error) {
+
+    alert(`Error exporting ${type} data: ${error instanceof Error ? error.message : 'Unknown error'}`);
+  } finally {
+    setLoading(false);
+  }
+}
+
+/**
+ * Get status color classes for UI elements
+ */
+export function getStatusColor(status: string): string {
+  const statusColors: Record<string, string> = {
+    'active': 'bg-green-500/20 text-green-400 border-green-500/30',
+    'used': 'bg-blue-500/20 text-blue-400 border-blue-500/30',
+    'refunded': 'bg-red-500/20 text-red-400 border-red-500/30',
+    'cancelled': 'bg-gray-500/20 text-gray-400 border-gray-500/30',
+    'pending': 'bg-yellow-500/20 text-yellow-400 border-yellow-500/30',
+    'confirmed': 'bg-green-500/20 text-green-400 border-green-500/30',
+    'draft': 'bg-gray-500/20 text-gray-400 border-gray-500/30',
+    'published': 'bg-green-500/20 text-green-400 border-green-500/30',
+    'past': 'bg-gray-500/20 text-gray-400 border-gray-500/30'
+  };
+  
+  return statusColors[status.toLowerCase()] || 'bg-gray-500/20 text-gray-400 border-gray-500/30';
+}
+
+/**
+ * Debounce function for search inputs
+ */
+export function debounce<T extends (...args: any[]) => any>(
+  func: T,
+  wait: number
+): (...args: Parameters<T>) => void {
+  let timeout: NodeJS.Timeout;
+  
+  return (...args: Parameters<T>) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func(...args), wait);
+  };
+}
\ No newline at end of file
diff --git a/src/pages/api/inventory/complete-purchase.ts b/src/pages/api/inventory/complete-purchase.ts
index f53e550..e716fe1 100644
--- a/src/pages/api/inventory/complete-purchase.ts
+++ b/src/pages/api/inventory/complete-purchase.ts
@@ -2,9 +2,18 @@ export const prerender = false;
 
 import type { APIRoute } from 'astro';
 import { supabase } from '../../../lib/supabase';
+import { verifyAuth } from '../../../lib/auth';
 
 export const POST: APIRoute = async ({ request }) => {
   try {
+    // Server-side authentication check
+    const _auth = await verifyAuth(request);
+    if (!_auth) {
+      return new Response(JSON.stringify({ error: 'Unauthorized' }), {
+        status: 401,
+        headers: { 'Content-Type': 'application/json' }
+      });
+    }
     const body = await request.json();
     const { 
       purchase_attempt_id, 
@@ -103,8 +112,8 @@ export const POST: APIRoute = async ({ request }) => {
       .eq('reserved_for_purchase_id', purchase_attempt_id);
 
     if (reservationsError) {
-      console.error('Error updating reservations:', reservationsError);
-      // Don't fail the entire purchase for this
+      // Don't fail the entire purchase for this - log the error but continue
+      console.warn('Failed to mark reservations as converted:', reservationsError);
     }
 
     // Release any reserved seats that are now taken
@@ -138,10 +147,11 @@ export const POST: APIRoute = async ({ request }) => {
       headers: { 'Content-Type': 'application/json' }
     });
   } catch (error) {
-    console.error('Error completing purchase:', error);
+    // Log error for debugging
+    console.error('Failed to complete purchase:', error);
     return new Response(JSON.stringify({ 
       error: 'Failed to complete purchase',
-      details: error.message 
+      details: error instanceof Error ? error.message : 'Unknown error'
     }), {
       status: 500,
       headers: { 'Content-Type': 'application/json' }