diff --git a/src/components/dashboard/FinancialCard.jsx b/src/components/dashboard/FinancialCard.jsx
new file mode 100644
index 0000000..a923fe6
--- /dev/null
+++ b/src/components/dashboard/FinancialCard.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+export default function FinancialCard() {
+  return (
+    <div className="bg-white rounded-xl border border-gray-200 p-6">
+      <h3 className="text-sm font-bold text-gray-800 uppercase tracking-wider mb-4">Financial Summary</h3>
+      <div className="grid grid-cols-3 gap-6">
+        <div>
+          <p className="text-xs text-[#1a5276] font-medium mb-1">Store Earnings</p>
+          <p className="text-2xl font-bold text-gray-900">$0.00</p>
+          <p className="text-xs text-gray-400 mt-0.5">$0.90 per item</p>
+        </div>
+        <div>
+          <p className="text-xs text-[#1a5276] font-medium mb-1">Consolidator Earnings</p>
+          <p className="text-2xl font-bold text-gray-900">$0.00</p>
+          <p className="text-xs text-gray-400 mt-0.5">$0.75 per consolidation</p>
+        </div>
+        <div>
+          <p className="text-xs text-[#e67e22] font-medium mb-1">Total Earnings</p>
+          <p className="text-2xl font-bold text-gray-900">$0.00</p>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file