feat: pagina Log con diario operazioni

- Nuova sezione 'Log' nella bottom nav con icona 📒
- Mostra tutte le transazioni (entrate/uscite) raggruppate per data
- Ogni voce: icona 📥/📤, nome prodotto, marca, quantità, posizione, orario
- Bordo verde per aggiunte, rosso per uscite
- Paginazione con 'Carica altri...' (50 per pagina)
- Backend: aggiunto supporto offset a listTransactions

assets/css/style.css

@@ -2094,6 +2094,69 @@ body {
     line-height: 1.3;
 }
 
+/* ===== LOG PAGE ===== */
+.log-list {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    padding: 0 var(--space-sm);
+}
+
+.log-date-header {
+    font-size: 0.78rem;
+    font-weight: 700;
+    color: var(--text-muted);
+    text-transform: capitalize;
+    padding: 12px 0 4px;
+    border-bottom: 1px solid var(--bg-light);
+    margin-bottom: 2px;
+}
+
+.log-entry {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 10px;
+    border-radius: var(--radius-sm);
+    background: var(--bg-card);
+}
+
+.log-entry.log-in {
+    border-left: 3px solid var(--success);
+}
+
+.log-entry.log-out {
+    border-left: 3px solid var(--danger);
+}
+
+.log-icon {
+    font-size: 1.2rem;
+    flex-shrink: 0;
+}
+
+.log-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.log-product {
+    font-size: 0.9rem;
+    line-height: 1.3;
+}
+
+.log-product em {
+    font-weight: 400;
+    color: var(--text-muted);
+    font-size: 0.82rem;
+}
+
+.log-detail {
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    line-height: 1.3;
+    margin-top: 1px;
+}
+
 /* ===== AI IDENTIFICATION RESULTS ===== */
 .ai-identified-card {
     background: var(--bg-light);