diff --git a/backups/ainventory_2026-04-23_15-18-15.tar.gz b/backups/ainventory_2026-04-23_15-18-15.tar.gz
new file mode 100644
index 00000000..b63576b4
Binary files /dev/null and b/backups/ainventory_2026-04-23_15-18-15.tar.gz differ
diff --git a/frontend/components/admin/ExportPanel.tsx b/frontend/components/admin/ExportPanel.tsx
index 77018e4c..bad8f35b 100644
--- a/frontend/components/admin/ExportPanel.tsx
+++ b/frontend/components/admin/ExportPanel.tsx
@@ -57,21 +57,22 @@ export function ExportPanel() {
             <button
               onClick={() => handleExportSnapshot("csv")}
               disabled={isLoading}
-              className="bg-surface border border-slate-800 hover:text-primary hover:border-primary/30 rounded-xl py-2 px-3 text-xs font-normal text-white transition-all active:scale-[0.98] disabled:opacity-50 flex items-center justify-center gap-2"
+              className="px-5 py-1.5 bg-primary hover:bg-primary/90 text-white rounded-xl text-sm font-normal transition-all active:scale-95 shadow-xl shadow-primary/10 tracking-tight border border-primary/30 flex items-center justify-center gap-2 disabled:opacity-50"
+              aria-label="Export inventory snapshot as CSV"
             >
-              {isLoading ? <Loader2 size={12} className="animate-spin" /> : <FileText size={12} />}
+              {isLoading ? <Loader2 size={14} className="animate-spin" /> : <FileText size={14} />}
               CSV
             </button>
             <button
               onClick={() => handleExportSnapshot("xlsx")}
               disabled={isLoading}
-              className="bg-surface border border-slate-800 hover:text-emerald-400 hover:border-emerald-500/30 rounded-xl py-2 px-3 text-xs font-normal text-white transition-all active:scale-[0.98] disabled:opacity-50 flex items-center justify-center gap-2"
+              className="px-5 py-1.5 bg-primary hover:bg-primary/90 text-white rounded-xl text-sm font-normal transition-all active:scale-95 shadow-xl shadow-primary/10 tracking-tight border border-primary/30 flex items-center justify-center gap-2 disabled:opacity-50"
+              aria-label="Export inventory snapshot as Excel"
             >
-              {isLoading ? <Loader2 size={12} className="animate-spin" /> : <FileSpreadsheet size={12} />}
+              {isLoading ? <Loader2 size={14} className="animate-spin" /> : <FileSpreadsheet size={14} />}
               Excel
             </button>
-          </div>
-        </div>
+
 
         {/* Audit Trail Section */}
         <div className="p-4 bg-background/40 border border-slate-800/40 rounded-2xl hover:border-primary/20 transition-all group flex flex-col justify-between">
@@ -84,26 +85,27 @@ export function ExportPanel() {
               Complete history of system actions, changes, and user operations.
             </p>
           </div>
-          
           <div className="grid grid-cols-2 gap-2">
             <button
               onClick={() => handleExportAuditTrail("csv")}
               disabled={isLoading}
-              className="bg-surface border border-slate-800 hover:text-primary hover:border-primary/30 rounded-xl py-2 px-3 text-xs font-normal text-white transition-all active:scale-[0.98] disabled:opacity-50 flex items-center justify-center gap-2"
+              className="px-5 py-1.5 bg-primary hover:bg-primary/90 text-white rounded-xl text-sm font-normal transition-all active:scale-95 shadow-xl shadow-primary/10 tracking-tight border border-primary/30 flex items-center justify-center gap-2 disabled:opacity-50"
+              aria-label="Export audit trail as CSV"
             >
-              {isLoading ? <Loader2 size={12} className="animate-spin" /> : <FileText size={12} />}
+              {isLoading ? <Loader2 size={14} className="animate-spin" /> : <FileText size={14} />}
               CSV
             </button>
             <button
               onClick={() => handleExportAuditTrail("xlsx")}
               disabled={isLoading}
-              className="bg-surface border border-slate-800 hover:text-emerald-400 hover:border-emerald-500/30 rounded-xl py-2 px-3 text-xs font-normal text-white transition-all active:scale-[0.98] disabled:opacity-50 flex items-center justify-center gap-2"
+              className="px-5 py-1.5 bg-primary hover:bg-primary/90 text-white rounded-xl text-sm font-normal transition-all active:scale-95 shadow-xl shadow-primary/10 tracking-tight border border-primary/30 flex items-center justify-center gap-2 disabled:opacity-50"
+              aria-label="Export audit trail as Excel"
             >
-              {isLoading ? <Loader2 size={12} className="animate-spin" /> : <FileSpreadsheet size={12} />}
+              {isLoading ? <Loader2 size={14} className="animate-spin" /> : <FileSpreadsheet size={14} />}
               Excel
             </button>
           </div>
-        </div>
+
       </div>
 
       {error && (