diff --git a/public/favicon-192.png b/public/favicon-192.png
new file mode 100644
index 0000000..3ad4f17
Binary files /dev/null and b/public/favicon-192.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..5886d91
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..3700f87
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/index.html b/public/index.html
index 0bb2dbf..336b148 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,9 @@
     <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
     <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
+    <link rel="apple-touch-icon" sizes="192x192" href="/favicon-192.png">
     <style>
         .modal {
             display: none;
diff --git a/public/invoice-view.js b/public/invoice-view.js
index ebe9f65..7c750e3 100644
--- a/public/invoice-view.js
+++ b/public/invoice-view.js
@@ -77,6 +77,12 @@ function isPartiallyPaid(inv) {
     const balance = parseFloat(inv.balance) ?? ((parseFloat(inv.total) || 0) - amountPaid);
     return !inv.paid_date && amountPaid > 0 && balance > 0;
 }
+function isSent(inv) {
+    return !!inv.qbo_id && !isPaid(inv) && !isPartiallyPaid(inv) && !isOverdue(inv) && inv.email_status === 'sent';
+}
+function isOpen(inv) {
+    return !!inv.qbo_id && !isPaid(inv) && !isPartiallyPaid(inv) && !isOverdue(inv) && inv.email_status !== 'sent';
+}
 
 function saveSettings() {
     localStorage.setItem('inv_filterStatus', filterStatus);
@@ -117,8 +123,9 @@ function getFilteredInvoices() {
     if (filterStatus === 'unpaid') f = f.filter(i => !isPaid(i));
     else if (filterStatus === 'paid') f = f.filter(i => isPaid(i));
     else if (filterStatus === 'overdue') f = f.filter(i => isOverdue(i));
-    else if (filterStatus === 'draft') f = f.filter(i => isDraft(i) && !isPaid(i));
     else if (filterStatus === 'partial') f = f.filter(i => isPartiallyPaid(i));
+    else if (filterStatus === 'sent') f = f.filter(i => isSent(i));
+    else if (filterStatus === 'open') f = f.filter(i => isOpen(i));
 
     if (filterCustomer.trim()) {
         const s = filterCustomer.toLowerCase();
@@ -321,21 +328,22 @@ function updateStatusButtons() {
         btn.classList.toggle('text-gray-600', s !== filterStatus);
     });
 
-    const overdueCount = invoices.filter(i => isOverdue(i)).length;
-    const ob = document.getElementById('overdue-badge');
-    if (ob) { ob.textContent = overdueCount; ob.classList.toggle('hidden', overdueCount === 0); }
+    const counts = {
+        unpaid: invoices.filter(i => !isPaid(i)).length,
+        open: invoices.filter(i => isOpen(i)).length,
+        sent: invoices.filter(i => isSent(i)).length,
+        partial: invoices.filter(i => isPartiallyPaid(i)).length,
+        paid: invoices.filter(i => isPaid(i)).length,
+        overdue: invoices.filter(i => isOverdue(i)).length
+    };
 
-    const draftCount = invoices.filter(i => isDraft(i) && !isPaid(i)).length;
-    const db = document.getElementById('draft-badge');
-    if (db) { db.textContent = draftCount; db.classList.toggle('hidden', draftCount === 0); }
-
-    const unpaidCount = invoices.filter(i => !isPaid(i)).length;
-    const ub = document.getElementById('unpaid-badge');
-    if (ub) ub.textContent = unpaidCount;
-
-    const partialCount = invoices.filter(i => isPartiallyPaid(i)).length;
-    const pb = document.getElementById('partial-badge');
-    if (pb) { pb.textContent = partialCount; pb.classList.toggle('hidden', partialCount === 0); }
+    ['unpaid', 'open', 'sent', 'partial', 'paid', 'overdue'].forEach(key => {
+        const el = document.getElementById(`${key}-badge`);
+        if (el) {
+            el.textContent = counts[key];
+            el.classList.toggle('hidden', counts[key] === 0);
+        }
+    });
 }
 
 // ============================================================
@@ -351,19 +359,23 @@ export function injectToolbar() {
                 <button data-status-filter="all" onclick="window.invoiceView.setStatus('all')"
                     class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">All</button>
                 <button data-status-filter="unpaid" onclick="window.invoiceView.setStatus('unpaid')"
-                    class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">
-                    Unpaid <span id="unpaid-badge" class="ml-1 text-xs opacity-80"></span></button>
+                    class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Unpaid
+                    <span id="unpaid-badge" class="hidden absolute -top-1.5 -right-1.5 bg-gray-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
+                <button data-status-filter="open" onclick="window.invoiceView.setStatus('open')"
+                    class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Open
+                    <span id="open-badge" class="hidden absolute -top-1.5 -right-1.5 bg-orange-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
+                <button data-status-filter="sent" onclick="window.invoiceView.setStatus('sent')"
+                    class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Sent
+                    <span id="sent-badge" class="hidden absolute -top-1.5 -right-1.5 bg-cyan-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
                 <button data-status-filter="partial" onclick="window.invoiceView.setStatus('partial')"
                     class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Partial
                     <span id="partial-badge" class="hidden absolute -top-1.5 -right-1.5 bg-yellow-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
                 <button data-status-filter="paid" onclick="window.invoiceView.setStatus('paid')"
-                    class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Paid</button>
+                    class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Paid
+                    <span id="paid-badge" class="hidden absolute -top-1.5 -right-1.5 bg-green-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
                 <button data-status-filter="overdue" onclick="window.invoiceView.setStatus('overdue')"
                     class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Overdue
                     <span id="overdue-badge" class="hidden absolute -top-1.5 -right-1.5 bg-red-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
-                <button data-status-filter="draft" onclick="window.invoiceView.setStatus('draft')"
-                    class="relative px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">Draft
-                    <span id="draft-badge" class="hidden absolute -top-1.5 -right-1.5 bg-gray-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
             </div>
             <div class="w-px h-8 bg-gray-300"></div>
             <div class="flex items-center gap-2">