diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html
index b246d11..8cc688c 100644
--- a/meshview/templates/stats.html
+++ b/meshview/templates/stats.html
@@ -62,6 +62,20 @@
 
 .expand-btn:hover { background-color: #666; }
 .export-btn:hover { background-color: #777; }
+
+/* Summary cards at top */
+.summary-card {
+    background-color: #1f2124;
+    border: 1px solid #474b4e;
+    padding: 10px 15px;
+    margin-bottom: 15px;
+    border-radius: 8px;
+}
+.summary-count {
+    font-size: 18px;
+    color: #66bb6a;
+    font-weight: bold;
+}
 {% endblock %}
 
 {% block head %}
@@ -70,7 +84,23 @@
 
 {% block body %}
 <div class="main-container">
-    <h2 class="main-header">Mesh Statistics - Hourly Packet Counts (Last 24 Hours)</h2>
+    <h2 class="main-header">Mesh Statistics - Summary </h2>
+
+<div class="summary-card">
+    <p>Total Nodes</p>
+    <div class="summary-count">{{ "{:,}".format(total_nodes) }}</div>
+</div>
+<div class="summary-card">
+    <p>Total Packets</p>
+    <div class="summary-count">{{ "{:,}".format(total_packets) }}</div>
+</div>
+
+<div class="summary-card">
+    <p>Total Packets Seen</p>
+    <div class="summary-count">{{ "{:,}".format(total_packets_seen) }}</div>
+</div>
+
+
 
     {# Daily Charts #}
     <div class="card-section">