diff --git a/db/migrations/20261013091004_create_mago_sales_tables.php b/db/migrations/20261013091004_create_mago_sales_tables.php
new file mode 100644
index 00000000..09762bae
--- /dev/null
+++ b/db/migrations/20261013091004_create_mago_sales_tables.php
@@ -0,0 +1,100 @@
+<?php
+
+declare(strict_types=1);
+
+use Phinx\Migration\AbstractMigration;
+
+/**
+ * Tabelle locali (copia in sola lettura) dei dati Mago4 per le statistiche ordini cliente.
+ *
+ * - mago_sale_ord   : testate ordini cliente (MA_SaleOrd)
+ * - mago_cust_supp  : anagrafica clienti (MA_CustSupp, solo clienti)
+ * - mago_sync_state : stato dell'ultima sincronizzazione per ogni entità
+ */
+final class CreateMagoSalesTables extends AbstractMigration
+{
+    public function change(): void
+    {
+        // ---------- ORDINI CLIENTE (testate) ----------
+        $this->table('mago_sale_ord', [
+            'id'          => false,
+            'primary_key' => ['sale_ord_id'],
+            'comment'     => 'Copia locale MA_SaleOrd (Mago4) - sola lettura',
+        ])
+            ->addColumn('sale_ord_id', 'integer', ['signed' => false])
+            ->addColumn('internal_ord_no', 'string', ['limit' => 30, 'default' => ''])
+            ->addColumn('external_ord_no', 'string', ['limit' => 60, 'default' => ''])
+            ->addColumn('order_date', 'date', ['null' => true])
+            ->addColumn('expected_delivery_date', 'date', ['null' => true])
+            ->addColumn('confirmed_delivery_date', 'date', ['null' => true])
+            ->addColumn('compulsory_delivery_date', 'date', ['null' => true])
+            ->addColumn('customer', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('invoicing_customer', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('salesperson', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('area_manager', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('area', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('payment', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('currency', 'string', ['limit' => 8, 'default' => ''])
+            ->addColumn('our_reference', 'string', ['limit' => 150, 'default' => ''])
+            ->addColumn('your_reference', 'string', ['limit' => 150, 'default' => ''])
+            ->addColumn('transport', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('port', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('package', 'string', ['limit' => 40, 'default' => ''])
+            ->addColumn('storage', 'string', ['limit' => 30, 'default' => ''])
+            ->addColumn('job', 'string', ['limit' => 30, 'default' => ''])
+            ->addColumn('delivered', 'boolean', ['default' => false])
+            ->addColumn('invoiced', 'boolean', ['default' => false])
+            ->addColumn('cancelled', 'boolean', ['default' => false])
+            ->addColumn('is_blocked', 'boolean', ['default' => false])
+            ->addColumn('printed', 'boolean', ['default' => false])
+            ->addColumn('archived', 'boolean', ['default' => false])
+            ->addColumn('open_order', 'boolean', ['default' => false])
+            ->addColumn('priority', 'integer', ['default' => 0])
+            ->addColumn('notes', 'text', ['null' => true])
+            ->addColumn('tb_created', 'datetime', ['null' => true])
+            ->addColumn('tb_modified', 'datetime', ['null' => true])
+            ->addColumn('raw_json', 'text', ['null' => true, 'limit' => \Phinx\Db\Adapter\MysqlAdapter::TEXT_LONG])
+            ->addColumn('synced_at', 'datetime', ['null' => true])
+            ->addIndex(['order_date'])
+            ->addIndex(['customer'])
+            ->addIndex(['salesperson'])
+            ->addIndex(['area'])
+            ->addIndex(['tb_modified'])
+            ->addIndex(['internal_ord_no'])
+            ->create();
+
+        // ---------- ANAGRAFICA CLIENTI ----------
+        $this->table('mago_cust_supp', [
+            'id'          => false,
+            'primary_key' => ['cust_supp_type', 'cust_supp'],
+            'comment'     => 'Copia locale MA_CustSupp (Mago4) - sola lettura',
+        ])
+            ->addColumn('cust_supp_type', 'integer')
+            ->addColumn('cust_supp', 'string', ['limit' => 20])
+            ->addColumn('company_name', 'string', ['limit' => 200, 'default' => ''])
+            ->addColumn('city', 'string', ['limit' => 100, 'default' => ''])
+            ->addColumn('county', 'string', ['limit' => 10, 'default' => ''])
+            ->addColumn('region', 'string', ['limit' => 60, 'default' => ''])
+            ->addColumn('country', 'string', ['limit' => 60, 'default' => ''])
+            ->addColumn('iso_country_code', 'string', ['limit' => 4, 'default' => ''])
+            ->addColumn('disabled', 'boolean', ['default' => false])
+            ->addColumn('tb_modified', 'datetime', ['null' => true])
+            ->addColumn('synced_at', 'datetime', ['null' => true])
+            ->addIndex(['company_name'])
+            ->create();
+
+        // ---------- STATO SINCRONIZZAZIONE ----------
+        $this->table('mago_sync_state', [
+            'id'          => false,
+            'primary_key' => ['entity'],
+        ])
+            ->addColumn('entity', 'string', ['limit' => 50])
+            ->addColumn('last_tb_modified', 'datetime', ['null' => true])
+            ->addColumn('last_run_at', 'datetime', ['null' => true])
+            ->addColumn('last_status', 'string', ['limit' => 20, 'default' => ''])
+            ->addColumn('last_message', 'text', ['null' => true])
+            ->addColumn('records_last_run', 'integer', ['default' => 0])
+            ->addColumn('duration_ms', 'integer', ['default' => 0])
+            ->create();
+    }
+}
diff --git a/db/migrations/20261013092158_add_amounts_to_mago_sale_ord.php b/db/migrations/20261013092158_add_amounts_to_mago_sale_ord.php
new file mode 100644
index 00000000..6bd4d576
--- /dev/null
+++ b/db/migrations/20261013092158_add_amounts_to_mago_sale_ord.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+use Phinx\Migration\AbstractMigration;
+
+/**
+ * Importi degli ordini cliente da MA_SaleOrdSummary (Mago4).
+ */
+final class AddAmountsToMagoSaleOrd extends AbstractMigration
+{
+    public function change(): void
+    {
+        $this->table('mago_sale_ord')
+            ->addColumn('taxable_amount', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'notes', 'comment' => 'Imponibile'])
+            ->addColumn('tax_amount', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'taxable_amount', 'comment' => 'IVA'])
+            ->addColumn('total_amount', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'tax_amount', 'comment' => 'Totale documento'])
+            ->addColumn('goods_amount', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'total_amount', 'comment' => 'Valore merce'])
+            ->addColumn('discounts', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'goods_amount', 'comment' => 'Sconti'])
+            ->addColumn('charges', 'decimal', ['precision' => 15, 'scale' => 2, 'default' => 0, 'after' => 'discounts', 'comment' => 'Spese (trasporto, imballo, incasso, bolli, varie)'])
+            ->addColumn('summary_tb_modified', 'datetime', ['null' => true, 'after' => 'charges', 'comment' => 'NULL = totali non ancora letti'])
+            ->update();
+    }
+}
diff --git a/public/userarea/class/MagoClient.php b/public/userarea/class/MagoClient.php
new file mode 100644
index 00000000..774a54c5
--- /dev/null
+++ b/public/userarea/class/MagoClient.php
@@ -0,0 +1,402 @@
+<?php
+
+/**
+ * MagoClient - client REST in SOLA LETTURA per Mago4 (Zucchetti) - ERPServiceProvider
+ *
+ * Uso tipico:
+ *   $mago = MagoClient::fromEnv();
+ *   foreach ($mago->iterate('MA_SaleOrd', ['filters' => [...]]) as $rec) { ... }
+ *   $mago->logoff();   // SEMPRE: le sessioni occupano licenza
+ *
+ * Variabili .env richieste:
+ *   MAGO_BASE_URL, MAGO_USER, MAGO_PASSWORD, MAGO_COMPANY
+ * Opzionale:
+ *   MAGO_TIMEOUT (secondi, default 60)
+ *
+ * Compatibile PHP 7.4+
+ */
+
+class MagoApiException extends RuntimeException {}
+
+class MagoClient
+{
+    /** @var string */
+    private $baseUrl;
+    /** @var string */
+    private $username;
+    /** @var string */
+    private $password;
+    /** @var string */
+    private $company;
+    /** @var int */
+    private $timeout;
+    /** @var string|null */
+    private $token = null;
+    /** @var string|null */
+    private $lastLogoffError = null;
+    /** @var string|null percorso di logoff che ha risposto correttamente */
+    private $logoffPath = null;
+
+    public function __construct($baseUrl, $username, $password, $company, $timeout = 60)
+    {
+        $this->baseUrl  = rtrim((string)$baseUrl, '/') . '/';
+        $this->username = (string)$username;
+        $this->password = (string)$password;
+        $this->company  = (string)$company;
+        $this->timeout  = max(5, (int)$timeout);
+    }
+
+    /**
+     * Crea il client leggendo le credenziali da .env (dotenv) / variabili d'ambiente.
+     */
+    public static function fromEnv()
+    {
+        $get = function ($k, $default = null) {
+            if (isset($_ENV[$k]) && $_ENV[$k] !== '') return $_ENV[$k];
+            if (isset($_SERVER[$k]) && $_SERVER[$k] !== '') return $_SERVER[$k];
+            $v = getenv($k);
+            return ($v !== false && $v !== '') ? $v : $default;
+        };
+
+        $cfg = [
+            'MAGO_BASE_URL' => $get('MAGO_BASE_URL'),
+            'MAGO_USER'     => $get('MAGO_USER'),
+            'MAGO_PASSWORD' => $get('MAGO_PASSWORD'),
+            'MAGO_COMPANY'  => $get('MAGO_COMPANY'),
+        ];
+
+        $missing = array_keys(array_filter($cfg, function ($v) {
+            return $v === null;
+        }));
+        if ($missing) {
+            throw new MagoApiException('Variabili .env mancanti: ' . implode(', ', $missing));
+        }
+
+        return new self(
+            $cfg['MAGO_BASE_URL'],
+            $cfg['MAGO_USER'],
+            $cfg['MAGO_PASSWORD'],
+            $cfg['MAGO_COMPANY'],
+            (int)$get('MAGO_TIMEOUT', 60)
+        );
+    }
+
+    public function __destruct()
+    {
+        // Rete di sicurezza: se lo script dimentica il logoff, libero comunque la licenza
+        $this->logoff();
+    }
+
+    public function isLoggedIn()
+    {
+        return $this->token !== null;
+    }
+
+    public function getLastLogoffError()
+    {
+        return $this->lastLogoffError;
+    }
+
+    public function getLogoffPath()
+    {
+        return $this->logoffPath;
+    }
+
+    /* =========================================================
+     * SESSIONE
+     * ========================================================= */
+
+    public function login()
+    {
+        $r = $this->request('api/account-manager/login', [
+            'username' => $this->username,
+            'password' => $this->password,
+            'company'  => $this->company,
+        ], false);
+
+        $token = $r['data']['token'] ?? null;
+        if (!is_string($token) || $token === '') {
+            throw new MagoApiException('Login Mago fallito (HTTP ' . $r['status'] . '): ' . $this->extractMessage($r));
+        }
+
+        $this->token = $token;
+        return $this->token;
+    }
+
+    /**
+     * Chiude la sessione e libera lo slot di licenza.
+     * Non lancia eccezioni: ritorna true/false (dettaglio in getLastLogoffError()).
+     */
+    public function logoff()
+    {
+        if ($this->token === null) return true;
+
+        $this->lastLogoffError = null;
+
+        // Il percorso "logoff" ha risposto 404: provo le varianti note e memorizzo quella buona
+        $candidates = $this->logoffPath
+            ? [$this->logoffPath]
+            : ['api/account-manager/logoff', 'api/account-manager/logout', 'api/account-manager/logOff'];
+
+        $errors = [];
+        try {
+            foreach ($candidates as $path) {
+                $r = $this->request($path, ['token' => $this->token], true);
+                if ($r['status'] >= 400) {
+                    $errors[] = $path . ' → HTTP ' . $r['status'];
+                    continue;
+                }
+                $this->logoffPath = $path;
+                return true;
+            }
+            $this->lastLogoffError = implode(' | ', $errors);
+            return false;
+        } catch (Throwable $e) {
+            $this->lastLogoffError = $e->getMessage();
+            return false;
+        } finally {
+            $this->token = null;
+        }
+    }
+
+    /* =========================================================
+     * LETTURA DATI
+     * ========================================================= */
+
+    /**
+     * Legge UNA pagina di una tabella.
+     *
+     * $opts:
+     *   'fields'         => ['Campo1', 'Campo2']             (opzionale)
+     *   'filters'        => [['key'=>'OrderDate','value'=>'2026-01-01T00:00:00','operator'=>'>=']]
+     *                       value può essere anche DateTimeInterface
+     *   'recordsPerPage' => 200 (massimo accettato da Mago)
+     *   'pageNumber'     => 1
+     *
+     * Ritorna: ['total'=>int, 'count'=>int, 'page'=>int, 'records'=>array]
+     */
+    public function getDataTable($tableName, array $opts = [])
+    {
+        $body = [
+            'tableName'      => (string)$tableName,
+            'recordsPerPage' => max(1, min(200, (int)($opts['recordsPerPage'] ?? 200))), // Mago restituisce max 200 per pagina
+            'pageNumber'     => max(1, (int)($opts['pageNumber'] ?? 1)),
+        ];
+
+        if (!empty($opts['fields'])) {
+            $body['fieldsName'] = array_values($opts['fields']);
+        }
+        if (!empty($opts['filters'])) {
+            $body['filters'] = $this->normalizeFilters($opts['filters']);
+        }
+
+        $data = $this->callWithRelogin('api/magoservices/getDataTable', $body);
+
+        if (($data['response'] ?? '') !== 'OK') {
+            throw new MagoApiException("getDataTable($tableName) risposta non OK: " . $this->extractMessage(['data' => $data, 'raw' => json_encode($data)]));
+        }
+
+        $d = $data['responseData'] ?? [];
+
+        return [
+            'total'   => (int)($d['totalRecordsNumber'] ?? 0),
+            'count'   => (int)($d['currentPageRecordsNumber'] ?? 0),
+            'page'    => (int)($d['currentPageNumber'] ?? $body['pageNumber']),
+            'records' => is_array($d['records'] ?? null) ? $d['records'] : [],
+        ];
+    }
+
+    /**
+     * Itera TUTTI i record di una tabella paginando in automatico (generator, poca memoria).
+     *
+     *   foreach ($mago->iterate('MA_SaleOrd', ['filters'=>[...], 'recordsPerPage'=>500]) as $rec) {...}
+     */
+    public function iterate($tableName, array $opts = [], $maxPages = 100000)
+    {
+        $perPage = max(1, min(200, (int)($opts['recordsPerPage'] ?? 200)));
+        $page    = 1;
+        $read    = 0;
+
+        do {
+            $r = $this->getDataTable($tableName, array_merge($opts, [
+                'recordsPerPage' => $perPage,
+                'pageNumber'     => $page,
+            ]));
+
+            if (empty($r['records'])) break;
+
+            foreach ($r['records'] as $rec) {
+                $read++;
+                yield $rec;
+            }
+
+            $page++;
+        } while ($read < $r['total'] && $page <= $maxPages);
+    }
+
+    /**
+     * Conta i record (chiede 1 solo record e legge totalRecordsNumber).
+     */
+    public function count($tableName, array $filters = [])
+    {
+        $r = $this->getDataTable($tableName, [
+            'filters'        => $filters,
+            'recordsPerPage' => 1,
+            'pageNumber'     => 1,
+        ]);
+        return $r['total'];
+    }
+
+    /* =========================================================
+     * HELPER DI CONVERSIONE (per l'import in MySQL)
+     * ========================================================= */
+
+    /**
+     * Converte una data Mago in formato MySQL. Le date "vuote" di Mago (1799-12-31) diventano null.
+     */
+    public static function toMysqlDate($value, $withTime = false)
+    {
+        if ($value === null) return null;
+        $value = trim((string)$value);
+        if ($value === '' || strpos($value, '1799-12-31') === 0) return null;
+
+        $ts = strtotime($value);
+        if ($ts === false) return null;
+
+        return date($withTime ? 'Y-m-d H:i:s' : 'Y-m-d', $ts);
+    }
+
+    /**
+     * Converte i booleani di Mago (true/false, 1/0, "1"/"0", "true"/"false", "Y"/"N") in 0/1.
+     */
+    public static function toBool($value)
+    {
+        if (is_bool($value)) return $value ? 1 : 0;
+        $v = strtolower(trim((string)$value));
+        return in_array($v, ['1', 'true', 'y', 'yes', 's', 'si'], true) ? 1 : 0;
+    }
+
+    public static function toDecimal($value)
+    {
+        if ($value === null || $value === '') return 0.0;
+        return (float)str_replace(',', '.', (string)$value);
+    }
+
+    /* =========================================================
+     * INTERNI
+     * ========================================================= */
+
+    private function normalizeFilters(array $filters)
+    {
+        $out = [];
+        foreach ($filters as $f) {
+            if (!isset($f['key'])) continue;
+
+            $value = $f['value'] ?? '';
+            if ($value instanceof DateTimeInterface) {
+                $value = $value->format('Y-m-d\TH:i:s');
+            }
+            // Verificato: una data SENZA orario dà risultati errati → aggiungo sempre T00:00:00
+            if (is_string($value) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $value)) {
+                $value .= 'T00:00:00';
+            }
+
+            $out[] = [
+                'key'      => (string)$f['key'],
+                'value'    => is_bool($value) ? ($value ? 'true' : 'false') : (string)$value,
+                'operator' => (string)($f['operator'] ?? '='),
+            ];
+        }
+        return $out;
+    }
+
+    private function callWithRelogin($path, $body)
+    {
+        if ($this->token === null) {
+            $this->login();
+        }
+
+        $r = $this->request($path, $body, true);
+
+        // Token scaduto → rifaccio login UNA volta e ritento
+        if ($this->isAuthError($r)) {
+            $this->token = null;
+            $this->login();
+            $r = $this->request($path, $body, true);
+        }
+
+        if ($r['status'] >= 400 || $r['data'] === null) {
+            throw new MagoApiException('Errore Mago (HTTP ' . $r['status'] . ') su ' . $path . ': ' . $this->extractMessage($r));
+        }
+
+        return $r['data'];
+    }
+
+    private function isAuthError(array $r)
+    {
+        $raw = (string)$r['raw'];
+        return stripos($raw, 'LoginInfo Not Found') !== false
+            || stripos($raw, 'Missing token') !== false
+            || $r['status'] === 401;
+    }
+
+    private function request($path, $body, $auth)
+    {
+        if (!function_exists('curl_init')) {
+            throw new MagoApiException('Estensione PHP cURL non disponibile');
+        }
+
+        $headers = [
+            'Content-Type: application/json',
+            'Accept: application/json',
+        ];
+
+        if ($auth) {
+            if ($this->token === null) {
+                throw new MagoApiException('Chiamata autenticata senza token (login non eseguito)');
+            }
+            $headers[] = 'Authorization: ' . $this->token; // token nudo, senza "Bearer"
+        }
+
+        $ch = curl_init($this->baseUrl . ltrim($path, '/'));
+        curl_setopt_array($ch, [
+            CURLOPT_POST           => true,
+            CURLOPT_POSTFIELDS     => json_encode($body, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES),
+            CURLOPT_HTTPHEADER     => $headers,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_CONNECTTIMEOUT => 10,
+            CURLOPT_TIMEOUT        => $this->timeout,
+        ]);
+
+        $raw = curl_exec($ch);
+
+        if ($raw === false) {
+            $err = curl_error($ch);
+            curl_close($ch);
+            throw new MagoApiException('Connessione a Mago fallita (VPN attiva?): ' . $err);
+        }
+
+        $status = (int)curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        $data = json_decode($raw, true);
+
+        return [
+            'status' => $status,
+            'data'   => is_array($data) ? $data : null,
+            'raw'    => $raw,
+        ];
+    }
+
+    private function extractMessage(array $r)
+    {
+        $d = $r['data'] ?? null;
+        if (is_array($d)) {
+            foreach (['message', 'Message', 'error', 'errorMessage', 'responseMessage', 'response'] as $k) {
+                if (!empty($d[$k]) && is_string($d[$k])) return $d[$k];
+            }
+        }
+        $raw = trim((string)($r['raw'] ?? ''));
+        return $raw !== '' ? mb_substr($raw, 0, 300) : 'risposta vuota';
+    }
+}
diff --git a/public/userarea/class/MagoSalesStats.php b/public/userarea/class/MagoSalesStats.php
new file mode 100644
index 00000000..76f50669
--- /dev/null
+++ b/public/userarea/class/MagoSalesStats.php
@@ -0,0 +1,190 @@
+<?php
+
+/**
+ * MagoSalesStats - funzioni comuni alle pagine statistiche ordini cliente
+ * (sales_orders_stats.php e sales_orders_years.php).
+ * Legge SOLO dalle tabelle locali sincronizzate da Mago.
+ */
+class MagoSalesStats
+{
+    const CUSTOMER_TYPE = 3211264;
+
+    /** Risposta JSON e fine script (pulisce l'output di headscript). */
+    public static function jsonOut(array $data)
+    {
+        while (ob_get_level()) ob_end_clean();
+        header('Content-Type: application/json; charset=utf-8');
+        echo json_encode($data, JSON_UNESCAPED_UNICODE);
+        exit;
+    }
+
+    public static function isValidDate($d)
+    {
+        return is_string($d) && preg_match('/^\d{4}-\d{2}-\d{2}$/', $d) && strtotime($d) !== false;
+    }
+
+    /** Parametro GET multiplo (es. customers[]) come array pulito. */
+    public static function arrParam($key)
+    {
+        $v = $_GET[$key] ?? [];
+        if (!is_array($v)) $v = [$v];
+        return array_values(array_filter(array_map(function ($x) {
+            return trim((string)$x);
+        }, $v), function ($x) {
+            return $x !== '';
+        }));
+    }
+
+    /**
+     * Vista base: ordini + nome cliente + stato calcolato + data consegna di riferimento.
+     * Le statistiche filtrano su questa vista (alias x).
+     */
+    public static function baseFrom()
+    {
+        return "(
+            SELECT
+                o.*,
+                COALESCE(NULLIF(c.company_name, ''), o.customer) AS company_name,
+                -- Data consegna di riferimento: prevista; la 'confermata' solo se successiva all'ordine
+                -- (in Mago spesso coincide con la data ordine e farebbe risultare tutto in ritardo)
+                COALESCE(
+                    o.expected_delivery_date,
+                    CASE WHEN o.confirmed_delivery_date > o.order_date THEN o.confirmed_delivery_date END,
+                    o.compulsory_delivery_date
+                ) AS due_date,
+                CASE
+                    WHEN o.cancelled = 1 THEN 'annullato'
+                    WHEN o.delivered = 1 THEN 'evaso'
+                    WHEN o.is_blocked = 1 THEN 'bloccato'
+                    ELSE 'aperto'
+                END AS status
+            FROM mago_sale_ord o
+            LEFT JOIN mago_cust_supp c
+                   ON c.cust_supp_type = " . self::CUSTOMER_TYPE . " AND c.cust_supp = o.customer
+        ) x";
+    }
+
+    /**
+     * WHERE + parametri dai filtri in querystring.
+     * $override sostituisce from/to (stringa vuota = nessun filtro data).
+     */
+    public static function buildWhere(array $override = [])
+    {
+        $w = ['1=1'];
+        $p = [];
+
+        $from = array_key_exists('from', $override) ? $override['from'] : ($_GET['from'] ?? '');
+        $to   = array_key_exists('to', $override) ? $override['to'] : ($_GET['to'] ?? '');
+
+        if (self::isValidDate($from)) {
+            $w[] = 'x.order_date >= :from';
+            $p['from'] = $from;
+        }
+        if (self::isValidDate($to)) {
+            $w[] = 'x.order_date <= :to';
+            $p['to'] = $to;
+        }
+
+        $multi = [
+            'customers'   => 'x.customer',
+            'salespeople' => 'x.salesperson',
+            'areas'       => 'x.area',
+        ];
+        foreach ($multi as $key => $col) {
+            $vals = self::arrParam($key);
+            if (!$vals) continue;
+            $ph = [];
+            foreach ($vals as $i => $v) {
+                $name = $key . $i;
+                $ph[] = ':' . $name;
+                $p[$name] = $v;
+            }
+            $w[] = "$col IN (" . implode(',', $ph) . ")";
+        }
+
+        $statusMap = [
+            'aperto'       => "x.status = 'aperto'",
+            'evaso'        => "x.status = 'evaso'",
+            'annullato'    => "x.status = 'annullato'",
+            'bloccato'     => "x.status = 'bloccato'",
+            'ritardo'      => "(x.status IN ('aperto','bloccato') AND x.due_date < CURDATE())",
+            'da_fatturare' => "(x.delivered = 1 AND x.invoiced = 0 AND x.cancelled = 0)",
+            'fatturato'    => "x.invoiced = 1",
+        ];
+        $statuses = array_intersect(self::arrParam('statuses'), array_keys($statusMap));
+        if ($statuses) {
+            $w[] = '(' . implode(' OR ', array_map(function ($s) use ($statusMap) {
+                return $statusMap[$s];
+            }, $statuses)) . ')';
+        }
+
+        $q = trim((string)($_GET['q'] ?? ''));
+        if ($q !== '') {
+            $like = '%' . $q . '%';
+            $w[] = '(x.internal_ord_no LIKE :q1 OR x.external_ord_no LIKE :q2 OR x.your_reference LIKE :q3 OR x.company_name LIKE :q4 OR x.customer LIKE :q5)';
+            $p['q1'] = $p['q2'] = $p['q3'] = $p['q4'] = $p['q5'] = $like;
+        }
+
+        return [implode(' AND ', $w), $p];
+    }
+
+    public static function fetchAllQ(PDO $pdo, $sql, array $params)
+    {
+        $st = $pdo->prepare($sql);
+        $st->execute($params);
+        return $st->fetchAll(PDO::FETCH_ASSOC);
+    }
+
+    /** Stato dell'ultima sincronizzazione (per il badge in alto). */
+    public static function syncInfo(PDO $pdo)
+    {
+        try {
+            $rows = $pdo->query("SELECT * FROM mago_sync_state")->fetchAll(PDO::FETCH_ASSOC);
+            $out = [];
+            foreach ($rows as $r) {
+                $out[$r['entity']] = [
+                    'last_run_at'  => $r['last_run_at'] ? date('d/m/Y H:i', strtotime($r['last_run_at'])) : '',
+                    'last_status'  => $r['last_status'],
+                    'last_message' => $r['last_message'],
+                    'records'      => (int)$r['records_last_run'],
+                ];
+            }
+            $out['total_orders'] = (int)$pdo->query("SELECT COUNT(*) FROM mago_sale_ord")->fetchColumn();
+            return $out;
+        } catch (Throwable $e) {
+            return ['error' => 'Tabelle Mago non presenti: eseguire la migrazione Phinx', 'total_orders' => 0];
+        }
+    }
+
+    /** Opzioni dei filtri (clienti, agenti, aree, anni disponibili). */
+    public static function filterOptions(PDO $pdo)
+    {
+        try {
+            $customers = $pdo->query("
+                SELECT o.customer AS code, COALESCE(NULLIF(c.company_name,''), o.customer) AS name, COUNT(*) AS n
+                FROM mago_sale_ord o
+                LEFT JOIN mago_cust_supp c ON c.cust_supp_type = " . self::CUSTOMER_TYPE . " AND c.cust_supp = o.customer
+                WHERE o.customer <> ''
+                GROUP BY o.customer, name
+                ORDER BY name
+            ")->fetchAll(PDO::FETCH_ASSOC);
+
+            $salespeople = $pdo->query("SELECT salesperson AS code, COUNT(*) AS n FROM mago_sale_ord WHERE salesperson <> '' GROUP BY salesperson ORDER BY salesperson")->fetchAll(PDO::FETCH_ASSOC);
+            $areas       = $pdo->query("SELECT area AS code, COUNT(*) AS n FROM mago_sale_ord WHERE area <> '' GROUP BY area ORDER BY area")->fetchAll(PDO::FETCH_ASSOC);
+            $range       = $pdo->query("SELECT MIN(order_date) AS min_date, MAX(order_date) AS max_date FROM mago_sale_ord")->fetch(PDO::FETCH_ASSOC);
+            $years       = array_map('intval', $pdo->query("SELECT DISTINCT YEAR(order_date) FROM mago_sale_ord WHERE order_date IS NOT NULL ORDER BY 1")->fetchAll(PDO::FETCH_COLUMN));
+
+            return [
+                'success'     => true,
+                'customers'   => $customers,
+                'salespeople' => $salespeople,
+                'areas'       => $areas,
+                'range'       => $range,
+                'years'       => $years,
+                'sync'        => self::syncInfo($pdo),
+            ];
+        } catch (Throwable $e) {
+            return ['success' => false, 'message' => $e->getMessage(), 'sync' => self::syncInfo($pdo)];
+        }
+    }
+}
diff --git a/public/userarea/class/MagoSync.php b/public/userarea/class/MagoSync.php
new file mode 100644
index 00000000..56f87304
--- /dev/null
+++ b/public/userarea/class/MagoSync.php
@@ -0,0 +1,464 @@
+<?php
+
+/**
+ * MagoSync - sincronizza dati Mago4 → tabelle MySQL locali (Mago in SOLA LETTURA).
+ *
+ *   $sync = new MagoSync($pdo, MagoClient::fromEnv());
+ *   $report = $sync->run(['limit' => 50]);      // prova con pochi ordini
+ *   $report = $sync->run();                     // incrementale (TbModified)
+ *   $report = $sync->run(['full' => true]);     // tutto dal 2026-01-01
+ *
+ * Il logoff da Mago viene fatto sempre, anche in caso di errore.
+ */
+
+require_once __DIR__ . '/MagoClient.php';
+
+class MagoSync
+{
+    const CUSTOMER_TYPE   = 3211264;          // CustSuppType "Cliente" (verificato sui dati)
+    const DEFAULT_FROM    = '2020-01-01';     // storico dal 2020 per confronto anni
+    const ENTITY_ORDERS   = 'sale_ord';
+    const ENTITY_CUSTOMER = 'cust_supp';
+    const ENTITY_SUMMARY  = 'sale_ord_summary';
+
+    /** @var PDO */
+    private $pdo;
+    /** @var MagoClient */
+    private $mago;
+    /** @var callable|null */
+    private $logger;
+
+    public function __construct(PDO $pdo, MagoClient $mago, ?callable $logger = null)
+    {
+        $this->pdo    = $pdo;
+        $this->mago   = $mago;
+        $this->logger = $logger;
+        $this->pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+    }
+
+    /**
+     * Opzioni:
+     *   limit           int|null  numero massimo di ordini (modalità prova)
+     *   full            bool      ignora l'incrementale e rilegge tutto dal 'from'
+     *   from            string    data minima ordini (default 2026-01-01)
+     *   skip_customers  bool      non sincronizzare l'anagrafica clienti
+     */
+    public function run(array $opts = [])
+    {
+        $limit = isset($opts['limit']) && (int)$opts['limit'] > 0 ? (int)$opts['limit'] : null;
+        $full  = !empty($opts['full']);
+        $from  = !empty($opts['from']) ? $opts['from'] : self::DEFAULT_FROM;
+
+        $report = ['ok' => true, 'limit' => $limit, 'full' => $full, 'from' => $from];
+
+        if (!$this->acquireLock()) {
+            return ['ok' => false, 'message' => 'Sincronizzazione già in corso, riprova tra poco.'];
+        }
+
+        try {
+            $this->mago->login();
+
+            if (empty($opts['skip_customers'])) {
+                $report['clienti'] = $this->syncCustomers($full);
+            }
+            $report['ordini'] = $this->syncSaleOrders($from, $limit, $full);
+            $report['importi'] = $this->syncSaleOrderSummaries($from, $full, (bool)$limit);
+        } catch (Throwable $e) {
+            $report['ok'] = false;
+            $report['message'] = $e->getMessage();
+            $this->log('ERRORE: ' . $e->getMessage());
+        } finally {
+            $logoffOk = $this->mago->logoff();
+            $report['logoff'] = $logoffOk ? 'OK' : ('non riuscito: ' . $this->mago->getLastLogoffError());
+            $this->releaseLock();
+        }
+
+        return $report;
+    }
+
+    /* =========================================================
+     * ORDINI CLIENTE
+     * ========================================================= */
+
+    public function syncSaleOrders($from, $limit = null, $full = false)
+    {
+        $t0 = microtime(true);
+        $state = $this->getState(self::ENTITY_ORDERS);
+
+        $filters = [['key' => 'OrderDate', 'value' => $from . 'T00:00:00', 'operator' => '>=']];
+
+        // Incrementale: solo i record modificati dall'ultima sincronizzazione completa
+        $incremental = !$full && !$limit && !empty($state['last_tb_modified']);
+        if ($incremental) {
+            $filters[] = [
+                'key'      => 'TbModified',
+                'value'    => date('Y-m-d\TH:i:s', strtotime($state['last_tb_modified'])),
+                'operator' => '>=',
+            ];
+        }
+
+        $this->log('Ordini: ' . ($incremental ? 'incrementale da ' . $state['last_tb_modified'] : 'completa dal ' . $from) . ($limit ? " (prova: max $limit)" : ''));
+
+        $sql = "INSERT INTO mago_sale_ord (
+                    sale_ord_id, internal_ord_no, external_ord_no, order_date,
+                    expected_delivery_date, confirmed_delivery_date, compulsory_delivery_date,
+                    customer, invoicing_customer, salesperson, area_manager, area,
+                    payment, currency, our_reference, your_reference,
+                    transport, port, package, storage, job,
+                    delivered, invoiced, cancelled, is_blocked, printed, archived, open_order,
+                    priority, notes, tb_created, tb_modified, raw_json, synced_at
+                ) VALUES (
+                    :sale_ord_id, :internal_ord_no, :external_ord_no, :order_date,
+                    :expected_delivery_date, :confirmed_delivery_date, :compulsory_delivery_date,
+                    :customer, :invoicing_customer, :salesperson, :area_manager, :area,
+                    :payment, :currency, :our_reference, :your_reference,
+                    :transport, :port, :package, :storage, :job,
+                    :delivered, :invoiced, :cancelled, :is_blocked, :printed, :archived, :open_order,
+                    :priority, :notes, :tb_created, :tb_modified, :raw_json, NOW()
+                )
+                ON DUPLICATE KEY UPDATE
+                    internal_ord_no = VALUES(internal_ord_no),
+                    external_ord_no = VALUES(external_ord_no),
+                    order_date = VALUES(order_date),
+                    expected_delivery_date = VALUES(expected_delivery_date),
+                    confirmed_delivery_date = VALUES(confirmed_delivery_date),
+                    compulsory_delivery_date = VALUES(compulsory_delivery_date),
+                    customer = VALUES(customer),
+                    invoicing_customer = VALUES(invoicing_customer),
+                    salesperson = VALUES(salesperson),
+                    area_manager = VALUES(area_manager),
+                    area = VALUES(area),
+                    payment = VALUES(payment),
+                    currency = VALUES(currency),
+                    our_reference = VALUES(our_reference),
+                    your_reference = VALUES(your_reference),
+                    transport = VALUES(transport),
+                    port = VALUES(port),
+                    package = VALUES(package),
+                    storage = VALUES(storage),
+                    job = VALUES(job),
+                    delivered = VALUES(delivered),
+                    invoiced = VALUES(invoiced),
+                    cancelled = VALUES(cancelled),
+                    is_blocked = VALUES(is_blocked),
+                    printed = VALUES(printed),
+                    archived = VALUES(archived),
+                    open_order = VALUES(open_order),
+                    priority = VALUES(priority),
+                    notes = VALUES(notes),
+                    tb_created = VALUES(tb_created),
+                    tb_modified = VALUES(tb_modified),
+                    raw_json = VALUES(raw_json),
+                    synced_at = NOW()";
+
+        $stmt = $this->pdo->prepare($sql);
+
+        $count = 0;
+        $maxModified = $state['last_tb_modified'] ?? null;
+
+        $this->pdo->beginTransaction();
+        try {
+            foreach ($this->mago->iterate('MA_SaleOrd', ['filters' => $filters]) as $r) {
+                $stmt->execute($this->mapSaleOrd($r));
+                $count++;
+
+                $mod = MagoClient::toMysqlDate($r['TbModified'] ?? null, true);
+                if ($mod && (!$maxModified || $mod > $maxModified)) {
+                    $maxModified = $mod;
+                }
+
+                if ($count % 200 === 0) {
+                    $this->pdo->commit();
+                    $this->pdo->beginTransaction();
+                    $this->log("  ordini salvati: $count");
+                }
+
+                if ($limit && $count >= $limit) break;
+            }
+            $this->pdo->commit();
+        } catch (Throwable $e) {
+            if ($this->pdo->inTransaction()) $this->pdo->rollBack();
+            $this->saveState(self::ENTITY_ORDERS, null, 'errore', $e->getMessage(), $count, $t0, false);
+            throw $e;
+        }
+
+        // In modalità prova NON avanzo il punto di ripresa (i record non arrivano in ordine di modifica)
+        $this->saveState(
+            self::ENTITY_ORDERS,
+            $limit ? null : $maxModified,
+            'ok',
+            ($limit ? "Prova: $count ordini" : ($incremental ? "Incrementale: $count ordini" : "Completa: $count ordini")),
+            $count,
+            $t0,
+            !$limit
+        );
+
+        $this->log("Ordini sincronizzati: $count");
+        return ['records' => $count, 'incrementale' => $incremental, 'ms' => $this->ms($t0)];
+    }
+
+    private function mapSaleOrd(array $r)
+    {
+        $s = function ($k, $len = 255) use ($r) {
+            return mb_substr(trim((string)($r[$k] ?? '')), 0, $len);
+        };
+
+        return [
+            'sale_ord_id'              => (int)($r['SaleOrdId'] ?? 0),
+            'internal_ord_no'          => $s('InternalOrdNo', 30),
+            'external_ord_no'          => $s('ExternalOrdNo', 60),
+            'order_date'               => MagoClient::toMysqlDate($r['OrderDate'] ?? null),
+            'expected_delivery_date'   => MagoClient::toMysqlDate($r['ExpectedDeliveryDate'] ?? null),
+            'confirmed_delivery_date'  => MagoClient::toMysqlDate($r['ConfirmedDeliveryDate'] ?? null),
+            'compulsory_delivery_date' => MagoClient::toMysqlDate($r['CompulsoryDeliveryDate'] ?? null),
+            'customer'                 => $s('Customer', 20),
+            'invoicing_customer'       => $s('InvoicingCustomer', 20),
+            'salesperson'              => $s('Salesperson', 20),
+            'area_manager'             => $s('AreaManager', 20),
+            'area'                     => $s('Area', 20),
+            'payment'                  => $s('Payment', 20),
+            'currency'                 => $s('Currency', 8),
+            'our_reference'            => $s('OurReference', 150),
+            'your_reference'           => $s('YourReference', 150),
+            'transport'                => $s('Transport', 20),
+            'port'                     => $s('Port', 20),
+            'package'                  => $s('Package', 40),
+            'storage'                  => $s('StoragePhase1', 30),
+            'job'                      => $s('Job', 30),
+            'delivered'                => MagoClient::toBool($r['Delivered'] ?? false),
+            'invoiced'                 => MagoClient::toBool($r['Invoiced'] ?? false),
+            'cancelled'                => MagoClient::toBool($r['Cancelled'] ?? false),
+            'is_blocked'               => MagoClient::toBool($r['IsBlocked'] ?? false),
+            'printed'                  => MagoClient::toBool($r['Printed'] ?? false),
+            'archived'                 => MagoClient::toBool($r['Archived'] ?? false),
+            'open_order'               => MagoClient::toBool($r['OpenOrder'] ?? false),
+            'priority'                 => (int)($r['Priority'] ?? 0),
+            'notes'                    => trim((string)($r['Notes'] ?? '')) ?: null,
+            'tb_created'               => MagoClient::toMysqlDate($r['TbCreated'] ?? null, true),
+            'tb_modified'              => MagoClient::toMysqlDate($r['TbModified'] ?? null, true),
+            'raw_json'                 => json_encode($r, JSON_UNESCAPED_UNICODE),
+        ];
+    }
+
+    /* =========================================================
+     * IMPORTI (MA_SaleOrdSummary → colonne importo di mago_sale_ord)
+     * ========================================================= */
+
+    /**
+     * MA_SaleOrdSummary non ha la data ordine: filtro per TbModified, che è
+     * l'unico filtro data verificato. Parto dalla creazione del primo ordine
+     * locale del periodo (i totali nascono insieme all'ordine) e aggiorno
+     * solo gli ordini già presenti in locale.
+     */
+    public function syncSaleOrderSummaries($from, $full = false, $testMode = false)
+    {
+        $t0 = microtime(true);
+        $state = $this->getState(self::ENTITY_SUMMARY);
+
+        $info = $this->pdo->query(
+            "
+            SELECT MIN(COALESCE(tb_created, order_date)) AS first_created,
+                   SUM(summary_tb_modified IS NULL) AS missing,
+                   COUNT(*) AS n
+            FROM mago_sale_ord
+            WHERE order_date >= " . $this->pdo->quote($from)
+        )->fetch(PDO::FETCH_ASSOC);
+
+        if (empty($info['n'])) {
+            return ['records' => 0, 'aggiornati' => 0, 'incrementale' => false, 'ms' => $this->ms($t0)];
+        }
+
+        // Incrementale solo se tutti gli ordini locali hanno già i totali
+        $incremental = !$full && !$testMode && !empty($state['last_tb_modified']) && (int)$info['missing'] === 0;
+        $since = $incremental
+            ? $state['last_tb_modified']
+            : date('Y-m-d 00:00:00', strtotime($info['first_created'] . ' -1 day'));
+
+        $this->log('Importi: ' . ($incremental ? 'incrementale' : 'completa') . ' da ' . $since);
+
+        $filters = [['key' => 'TbModified', 'value' => date('Y-m-d\TH:i:s', strtotime($since)), 'operator' => '>=']];
+
+        $stmt = $this->pdo->prepare("
+            UPDATE mago_sale_ord SET
+                taxable_amount = :taxable,
+                tax_amount = :tax,
+                total_amount = :total,
+                goods_amount = :goods,
+                discounts = :discounts,
+                charges = :charges,
+                summary_tb_modified = :mod
+            WHERE sale_ord_id = :id
+        ");
+
+        $read = 0;
+        $updated = 0;
+        $maxModified = $state['last_tb_modified'] ?? null;
+
+        $this->pdo->beginTransaction();
+        try {
+            foreach ($this->mago->iterate('MA_SaleOrdSummary', ['filters' => $filters]) as $r) {
+                $read++;
+                $mod = MagoClient::toMysqlDate($r['TbModified'] ?? null, true);
+                $d = function ($k) use ($r) {
+                    return round(MagoClient::toDecimal($r[$k] ?? 0), 2);
+                };
+
+                $stmt->execute([
+                    'taxable'   => $d('TaxableAmount'),
+                    'tax'       => $d('TaxAmount'),
+                    'total'     => $d('TotalAmount'),
+                    'goods'     => $d('GoodsAmount'),
+                    'discounts' => $d('Discounts'),
+                    'charges'   => $d('ShippingCharges') + $d('PackagingCharges') + $d('CollectionCharges')
+                        + $d('StampsCharges') + $d('AdditionalCharges') + $d('InsuranceCharges'),
+                    'mod'       => $mod ?: date('Y-m-d H:i:s'),
+                    'id'        => (int)($r['SaleOrdId'] ?? 0),
+                ]);
+                $updated += $stmt->rowCount() > 0 ? 1 : 0;
+
+                if ($mod && (!$maxModified || $mod > $maxModified)) $maxModified = $mod;
+
+                if ($read % 200 === 0) {
+                    $this->pdo->commit();
+                    $this->pdo->beginTransaction();
+                    $this->log("  totali letti: $read");
+                }
+            }
+            $this->pdo->commit();
+        } catch (Throwable $e) {
+            if ($this->pdo->inTransaction()) $this->pdo->rollBack();
+            $this->saveState(self::ENTITY_SUMMARY, null, 'errore', $e->getMessage(), $read, $t0, false);
+            throw $e;
+        }
+
+        $this->saveState(self::ENTITY_SUMMARY, $testMode ? null : $maxModified, 'ok', "Letti $read totali, $updated ordini aggiornati", $read, $t0, !$testMode);
+        $this->log("Importi: letti $read, ordini aggiornati $updated");
+
+        return ['records' => $read, 'aggiornati' => $updated, 'incrementale' => $incremental, 'ms' => $this->ms($t0)];
+    }
+
+    /* =========================================================
+     * ANAGRAFICA CLIENTI (per decodificare i codici cliente)
+     * ========================================================= */
+
+    public function syncCustomers($full = false)
+    {
+        $t0 = microtime(true);
+        $state = $this->getState(self::ENTITY_CUSTOMER);
+
+        $filters = [['key' => 'CustSuppType', 'value' => (string)self::CUSTOMER_TYPE, 'operator' => '=']];
+        $incremental = !$full && !empty($state['last_tb_modified']);
+        if ($incremental) {
+            $filters[] = [
+                'key'      => 'TbModified',
+                'value'    => date('Y-m-d\TH:i:s', strtotime($state['last_tb_modified'])),
+                'operator' => '>=',
+            ];
+        }
+
+        $this->log('Clienti: ' . ($incremental ? 'incrementale' : 'completa'));
+
+        $stmt = $this->pdo->prepare("
+            INSERT INTO mago_cust_supp
+                (cust_supp_type, cust_supp, company_name, city, county, region, country, iso_country_code, disabled, tb_modified, synced_at)
+            VALUES
+                (:t, :c, :name, :city, :county, :region, :country, :iso, :disabled, :mod, NOW())
+            ON DUPLICATE KEY UPDATE
+                company_name = VALUES(company_name), city = VALUES(city), county = VALUES(county),
+                region = VALUES(region), country = VALUES(country), iso_country_code = VALUES(iso_country_code),
+                disabled = VALUES(disabled), tb_modified = VALUES(tb_modified), synced_at = NOW()
+        ");
+
+        $count = 0;
+        $maxModified = $state['last_tb_modified'] ?? null;
+
+        $this->pdo->beginTransaction();
+        try {
+            foreach ($this->mago->iterate('MA_CustSupp', ['filters' => $filters]) as $r) {
+                $mod = MagoClient::toMysqlDate($r['TbModified'] ?? null, true);
+                $stmt->execute([
+                    't'        => (int)($r['CustSuppType'] ?? self::CUSTOMER_TYPE),
+                    'c'        => mb_substr(trim((string)($r['CustSupp'] ?? '')), 0, 20),
+                    'name'     => mb_substr(trim((string)($r['CompanyName'] ?? '')), 0, 200),
+                    'city'     => mb_substr(trim((string)($r['City'] ?? '')), 0, 100),
+                    'county'   => mb_substr(trim((string)($r['County'] ?? '')), 0, 10),
+                    'region'   => mb_substr(trim((string)($r['Region'] ?? '')), 0, 60),
+                    'country'  => mb_substr(trim((string)($r['Country'] ?? '')), 0, 60),
+                    'iso'      => mb_substr(trim((string)($r['ISOCountryCode'] ?? '')), 0, 4),
+                    'disabled' => MagoClient::toBool($r['Disabled'] ?? false),
+                    'mod'      => $mod,
+                ]);
+                $count++;
+                if ($mod && (!$maxModified || $mod > $maxModified)) $maxModified = $mod;
+            }
+            $this->pdo->commit();
+        } catch (Throwable $e) {
+            if ($this->pdo->inTransaction()) $this->pdo->rollBack();
+            $this->saveState(self::ENTITY_CUSTOMER, null, 'errore', $e->getMessage(), $count, $t0, false);
+            throw $e;
+        }
+
+        $this->saveState(self::ENTITY_CUSTOMER, $maxModified, 'ok', "$count clienti", $count, $t0, true);
+        $this->log("Clienti sincronizzati: $count");
+
+        return ['records' => $count, 'incrementale' => $incremental, 'ms' => $this->ms($t0)];
+    }
+
+    /* =========================================================
+     * STATO / LOCK / LOG
+     * ========================================================= */
+
+    private function getState($entity)
+    {
+        $st = $this->pdo->prepare("SELECT * FROM mago_sync_state WHERE entity = ?");
+        $st->execute([$entity]);
+        return $st->fetch(PDO::FETCH_ASSOC) ?: [];
+    }
+
+    private function saveState($entity, $lastModified, $status, $message, $records, $t0, $updateCursor)
+    {
+        $sql = "INSERT INTO mago_sync_state (entity, last_tb_modified, last_run_at, last_status, last_message, records_last_run, duration_ms)
+                VALUES (:e, :m, NOW(), :s, :msg, :r, :d)
+                ON DUPLICATE KEY UPDATE
+                    " . ($updateCursor ? "last_tb_modified = COALESCE(VALUES(last_tb_modified), last_tb_modified)," : "") . "
+                    last_run_at = NOW(),
+                    last_status = VALUES(last_status),
+                    last_message = VALUES(last_message),
+                    records_last_run = VALUES(records_last_run),
+                    duration_ms = VALUES(duration_ms)";
+
+        $this->pdo->prepare($sql)->execute([
+            'e'   => $entity,
+            'm'   => $updateCursor ? $lastModified : null,
+            's'   => $status,
+            'msg' => mb_substr((string)$message, 0, 2000),
+            'r'   => (int)$records,
+            'd'   => (int)round((microtime(true) - $t0) * 1000),
+        ]);
+    }
+
+    private function acquireLock()
+    {
+        return (int)$this->pdo->query("SELECT GET_LOCK('mago_sync', 0)")->fetchColumn() === 1;
+    }
+
+    private function releaseLock()
+    {
+        try {
+            $this->pdo->query("SELECT RELEASE_LOCK('mago_sync')");
+        } catch (Throwable $e) {
+        }
+    }
+
+    private function ms($t0)
+    {
+        return (int)round((microtime(true) - $t0) * 1000);
+    }
+
+    private function log($msg)
+    {
+        if ($this->logger) {
+            call_user_func($this->logger, '[' . date('H:i:s') . '] ' . $msg);
+        }
+    }
+}
diff --git a/public/userarea/include/navbar.php b/public/userarea/include/navbar.php
index ed63cfae..6cbc2a62 100644
--- a/public/userarea/include/navbar.php
+++ b/public/userarea/include/navbar.php
@@ -215,6 +215,31 @@
         <?php endif; ?>
 
 
+        <?php if (userCan('sales.stats.view')) : ?>
+            <li>
+                <a href="javascript:;" class="has-arrow">
+                    <div class="parent-icon">
+                        <i class="bx bx-bar-chart-alt-2"></i>
+                    </div>
+                    <div class="menu-title">Vendite</div>
+                </a>
+
+                <ul>
+                    <li>
+                        <a href="sales_orders_stats.php">
+                            <i class='bx bx-radio-circle'></i>Andamento ordini
+                        </a>
+                    </li>
+                    <li>
+                        <a href="sales_orders_years.php">
+                            <i class='bx bx-radio-circle'></i>Confronto anni
+                        </a>
+                    </li>
+                </ul>
+            </li>
+        <?php endif; ?>
+
+
         <?php
         $canSeeServices =
             userCan('services.status.view')
diff --git a/public/userarea/mago_probe.php b/public/userarea/mago_probe.php
new file mode 100644
index 00000000..d6592172
--- /dev/null
+++ b/public/userarea/mago_probe.php
@@ -0,0 +1,158 @@
+<?php
+
+/**
+ * mago_probe.php - SCRIPT DI TEST (sola lettura) per l'integrazione Mago4
+ *
+ * Da lanciare UNA volta dal browser, da utente loggato, con la VPN attiva.
+ * Mostra: colonne reali delle tabelle, operatori dei filtri supportati,
+ * collegamento testata/righe, filtro incrementale TbModified, logoff.
+ *
+ * Copia l'output e incollalo in chat. Poi questo file si può cancellare.
+ */
+
+ob_start();
+ini_set('display_errors', 1);
+error_reporting(E_ALL);
+
+include('include/headscript.php');             // sessione/login della piattaforma
+require_once __DIR__ . '/class/MagoClient.php';
+
+// Se dotenv non è già caricato da headscript, provo a caricarlo qui
+if (empty($_ENV['MAGO_BASE_URL']) && getenv('MAGO_BASE_URL') === false) {
+    if (file_exists(__DIR__ . '/vendor/autoload.php')) {
+        require_once __DIR__ . '/vendor/autoload.php';
+    }
+    if (class_exists('Dotenv\Dotenv')) {
+        Dotenv\Dotenv::createImmutable(__DIR__)->safeLoad();
+    }
+}
+
+while (ob_get_level()) ob_end_clean();
+header('Content-Type: text/plain; charset=utf-8');
+set_time_limit(300);
+
+$report = [
+    'php_version' => PHP_VERSION,
+    'env_letto'   => !empty($_ENV['MAGO_BASE_URL']) || getenv('MAGO_BASE_URL') !== false,
+];
+
+function ms($t0)
+{
+    return round((microtime(true) - $t0) * 1000) . ' ms';
+}
+
+function describeRecord($rec)
+{
+    $out = [];
+    foreach ((array)$rec as $k => $v) {
+        $out[$k] = gettype($v) . ' | ' . (is_scalar($v) || $v === null ? var_export($v, true) : json_encode($v));
+    }
+    return $out;
+}
+
+function testCount(MagoClient $mago, $label, $table, array $filters)
+{
+    $t0 = microtime(true);
+    try {
+        return ['test' => $label, 'totale' => $mago->count($table, $filters), 'tempo' => ms($t0)];
+    } catch (Throwable $e) {
+        return ['test' => $label, 'ERRORE' => $e->getMessage(), 'tempo' => ms($t0)];
+    }
+}
+
+try {
+    $mago = MagoClient::fromEnv();
+
+    // 1) LOGIN
+    $t0 = microtime(true);
+    $mago->login();
+    $report['login'] = 'OK (' . ms($t0) . ')';
+
+    // 2) COLONNE REALI + record di esempio
+    $samples = [];
+    foreach (['MA_SaleOrd', 'MA_SaleOrdDetail', 'MA_CustSupp', 'MA_Items'] as $table) {
+        $t0 = microtime(true);
+        try {
+            $r = $mago->getDataTable($table, ['recordsPerPage' => 1, 'pageNumber' => 1]);
+            $samples[$table] = $r['records'][0] ?? [];
+            $report['tabelle'][$table] = [
+                'totale_record' => $r['total'],
+                'tempo'         => ms($t0),
+                'colonne'       => describeRecord($samples[$table]),
+            ];
+        } catch (Throwable $e) {
+            $report['tabelle'][$table] = ['ERRORE' => $e->getMessage()];
+        }
+    }
+
+    // 3) OPERATORI DEI FILTRI su MA_SaleOrd.OrderDate
+    $f2026     = ['key' => 'OrderDate', 'value' => '2026-01-01T00:00:00', 'operator' => '>='];
+    $fBefore27 = ['key' => 'OrderDate', 'value' => '2027-01-01T00:00:00', 'operator' => '<'];
+
+    $report['filtri'] = [
+        testCount($mago, 'nessun filtro', 'MA_SaleOrd', []),
+        testCount($mago, 'OrderDate >= 2026-01-01', 'MA_SaleOrd', [$f2026]),
+        testCount($mago, 'OrderDate < 2027-01-01', 'MA_SaleOrd', [$fBefore27]),
+        testCount($mago, 'OrderDate <= 2025-12-31', 'MA_SaleOrd', [['key' => 'OrderDate', 'value' => '2025-12-31T23:59:59', 'operator' => '<=']]),
+        testCount($mago, 'DUE filtri (>= 2026 AND < 2027) → sono in AND?', 'MA_SaleOrd', [$f2026, $fBefore27]),
+        testCount($mago, 'OrderDate >= "2026-01-01" (solo data, senza ora)', 'MA_SaleOrd', [['key' => 'OrderDate', 'value' => '2026-01-01', 'operator' => '>=']]),
+        testCount($mago, 'TbModified >= ultimi 7 giorni (sync incrementale)', 'MA_SaleOrd', [['key' => 'TbModified', 'value' => date('Y-m-d\T00:00:00', strtotime('-7 days')), 'operator' => '>=']]),
+    ];
+
+    // like sul numero ordine (prefisso del record di esempio)
+    $ordNo = (string)($samples['MA_SaleOrd']['InternalOrdNo'] ?? '');
+    if ($ordNo !== '') {
+        $prefix = mb_substr($ordNo, 0, 3);
+        $report['filtri'][] = testCount($mago, "InternalOrdNo like '{$prefix}%'", 'MA_SaleOrd', [['key' => 'InternalOrdNo', 'value' => $prefix . '%', 'operator' => 'like']]);
+        $report['filtri'][] = testCount($mago, "InternalOrdNo LIKE '{$prefix}%' (maiuscolo)", 'MA_SaleOrd', [['key' => 'InternalOrdNo', 'value' => $prefix . '%', 'operator' => 'LIKE']]);
+    }
+
+    // 4) COLLEGAMENTO TESTATA → RIGHE
+    $saleOrdId = $samples['MA_SaleOrd']['SaleOrdId'] ?? null;
+    if ($saleOrdId !== null) {
+        $report['collegamento_righe'] = testCount($mago, "MA_SaleOrdDetail con SaleOrdId = $saleOrdId", 'MA_SaleOrdDetail', [['key' => 'SaleOrdId', 'value' => $saleOrdId, 'operator' => '=']]);
+
+        // provo anche un filtro per intervallo di id (utile per sincronizzare le righe solo del 2026)
+        $report['collegamento_righe_range'] = testCount($mago, "MA_SaleOrdDetail con SaleOrdId >= $saleOrdId", 'MA_SaleOrdDetail', [['key' => 'SaleOrdId', 'value' => $saleOrdId, 'operator' => '>=']]);
+    } else {
+        $report['collegamento_righe'] = 'SaleOrdId non presente nel record di testata';
+    }
+
+    // 5) DIMENSIONE MASSIMA PAGINA (velocità del sync)
+    foreach ([500, 1000, 2000] as $pp) {
+        $t0 = microtime(true);
+        try {
+            $r = $mago->getDataTable('MA_SaleOrd', ['filters' => [$f2026], 'recordsPerPage' => $pp, 'pageNumber' => 1]);
+            $report['pagine'][] = ['richiesti' => $pp, 'restituiti' => $r['count'], 'tempo' => ms($t0)];
+        } catch (Throwable $e) {
+            $report['pagine'][] = ['richiesti' => $pp, 'ERRORE' => $e->getMessage()];
+        }
+    }
+
+    // 6) Primo ordine 2026 completo (per vedere valori reali di stato/importi)
+    try {
+        $r = $mago->getDataTable('MA_SaleOrd', ['filters' => [$f2026], 'recordsPerPage' => 1, 'pageNumber' => 1]);
+        $ord2026 = $r['records'][0] ?? null;
+        $report['esempio_ordine_2026'] = $ord2026;
+
+        if ($ord2026 && isset($ord2026['SaleOrdId'])) {
+            $rd = $mago->getDataTable('MA_SaleOrdDetail', [
+                'filters'        => [['key' => 'SaleOrdId', 'value' => $ord2026['SaleOrdId'], 'operator' => '=']],
+                'recordsPerPage' => 3,
+                'pageNumber'     => 1,
+            ]);
+            $report['esempio_righe_ordine_2026'] = $rd['records'];
+        }
+    } catch (Throwable $e) {
+        $report['esempio_ordine_2026'] = ['ERRORE' => $e->getMessage()];
+    }
+} catch (Throwable $e) {
+    $report['ERRORE_GENERALE'] = $e->getMessage();
+} finally {
+    if (isset($mago)) {
+        $ok = $mago->logoff();
+        $report['logoff'] = $ok ? 'OK' : ('FALLITO: ' . $mago->getLastLogoffError());
+    }
+}
+
+echo json_encode($report, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
diff --git a/public/userarea/mago_sync_cli.php b/public/userarea/mago_sync_cli.php
new file mode 100644
index 00000000..b23a60e6
--- /dev/null
+++ b/public/userarea/mago_sync_cli.php
@@ -0,0 +1,71 @@
+<?php
+
+/**
+ * mago_sync_cli.php - Sincronizzazione Mago4 → MySQL da riga di comando (cron).
+ *
+ * Uso:
+ *   php mago_sync_cli.php                 incrementale (solo modificati, TbModified)
+ *   php mago_sync_cli.php --limit=50      PROVA: solo 50 ordini
+ *   php mago_sync_cli.php --full          rilegge tutti gli ordini dal 2026-01-01
+ *   php mago_sync_cli.php --from=2026-06-01 --full
+ *
+ * Cron consigliato (ogni 30 minuti, nei giorni lavorativi 7-20):
+ *   *\/30 7-20 * * 1-5  php /percorso/progetto/mago_sync_cli.php >> /percorso/log/mago_sync.log 2>&1
+ */
+
+if (PHP_SAPI !== 'cli') {
+    http_response_code(403);
+    exit('Solo da riga di comando');
+}
+
+set_time_limit(0);
+date_default_timezone_set('Europe/Rome');
+
+// --- vendor e .env: li cerco in userarea e fino a 3 cartelle sopra ---
+$dirs = [__DIR__, dirname(__DIR__), dirname(__DIR__, 2), dirname(__DIR__, 3)];
+
+foreach ($dirs as $d) {
+    if (file_exists($d . '/vendor/autoload.php')) {
+        require_once $d . '/vendor/autoload.php';
+        break;
+    }
+}
+
+if (class_exists('Dotenv\Dotenv')) {
+    foreach ($dirs as $d) {
+        if (file_exists($d . '/.env')) {
+            Dotenv\Dotenv::createImmutable($d)->safeLoad();
+            break;
+        }
+    }
+}
+
+// --- DB della piattaforma ---
+require_once __DIR__ . '/class/db-functions.php';
+require_once __DIR__ . '/class/MagoSync.php';
+
+$opts = getopt('', ['limit::', 'full', 'from::', 'skip-customers']);
+
+$runOpts = [
+    'limit'          => isset($opts['limit']) ? (int)$opts['limit'] : null,
+    'full'           => isset($opts['full']),
+    'from'           => $opts['from'] ?? null,
+    'skip_customers' => isset($opts['skip-customers']),
+];
+
+try {
+    $pdo = DBHandlerSelect::getInstance()->getConnection();
+
+    $sync = new MagoSync($pdo, MagoClient::fromEnv(), function ($msg) {
+        echo $msg . PHP_EOL;
+    });
+
+    echo '=== Sync Mago ' . date('Y-m-d H:i:s') . ' ===' . PHP_EOL;
+    $report = $sync->run($runOpts);
+    echo json_encode($report, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) . PHP_EOL;
+
+    exit(!empty($report['ok']) ? 0 : 1);
+} catch (Throwable $e) {
+    fwrite(STDERR, 'ERRORE: ' . $e->getMessage() . PHP_EOL);
+    exit(1);
+}
diff --git a/public/userarea/sales_orders_stats.php b/public/userarea/sales_orders_stats.php
new file mode 100644
index 00000000..d13a2522
--- /dev/null
+++ b/public/userarea/sales_orders_stats.php
@@ -0,0 +1,1968 @@
+<?php
+ob_start();
+ini_set('display_errors', 1);
+error_reporting(E_ALL);
+
+include('include/headscript.php');
+require_once __DIR__ . '/class/MagoSync.php';
+require_once __DIR__ . '/class/MagoSalesStats.php';
+
+$db = DBHandlerSelect::getInstance();
+$pdo = $db->getConnection();
+$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+
+// --- Permessi: pagina visibile solo con 'sales.stats.view' ---
+if (!userCan('sales.stats.view')) {
+    if (isset($_GET['action']) || isset($_POST['action'])) {
+        MagoSalesStats::jsonOut(['success' => false, 'ok' => false, 'message' => 'Non hai i permessi per questa pagina']);
+    }
+    while (ob_get_level()) ob_end_clean();
+    http_response_code(403);
+    echo '<div style="font-family:sans-serif;padding:60px;text-align:center;"><h3>Accesso non consentito</h3><p>Non hai i permessi per visualizzare questa pagina.</p><a href="production_dashboard.php">Torna alla Dashboard</a></div>';
+    exit;
+}
+$canSync = userCan('sales.sync.manage');
+
+/* ============================================================
+ * AJAX
+ * ============================================================ */
+
+$action = $_GET['action'] ?? ($_POST['action'] ?? '');
+
+if ($action === 'sync' && $_SERVER['REQUEST_METHOD'] === 'POST') {
+    if (!$canSync) {
+        MagoSalesStats::jsonOut(['ok' => false, 'message' => 'Non hai i permessi per sincronizzare i dati da Mago']);
+    }
+    set_time_limit(600);
+    try {
+        $mode = $_POST['mode'] ?? 'incremental';
+        $opts = [];
+        if ($mode === 'test') $opts['limit'] = max(1, min(500, (int)($_POST['limit'] ?? 50)));
+        if ($mode === 'full') $opts['full'] = true;
+
+        $sync = new MagoSync($pdo, MagoClient::fromEnv());
+        $report = $sync->run($opts);
+        $report['info'] = MagoSalesStats::syncInfo($pdo);
+        MagoSalesStats::jsonOut($report);
+    } catch (Throwable $e) {
+        MagoSalesStats::jsonOut(['ok' => false, 'message' => $e->getMessage()]);
+    }
+}
+
+if ($action === 'filters') {
+    MagoSalesStats::jsonOut(MagoSalesStats::filterOptions($pdo));
+}
+
+if ($action === 'data') {
+    try {
+        [$where, $params] = MagoSalesStats::buildWhere();
+        $from = MagoSalesStats::baseFrom();
+
+        // Metrica dei grafici: numero ordini oppure valore (imponibile, annullati esclusi)
+        $metric = (($_GET['metric'] ?? '') === 'value') ? 'value' : 'count';
+        $m   = $metric === 'value' ? "CASE WHEN x.status <> 'annullato' THEN x.taxable_amount ELSE 0 END" : "1";
+        $agg = "SUM($m)";
+        $val = "CASE WHEN x.status <> 'annullato' THEN x.taxable_amount ELSE 0 END";
+
+        // --- KPI ---
+        $kpi = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT
+                COUNT(*) AS orders,
+                SUM(x.status = 'aperto') AS open_orders,
+                SUM(x.status = 'evaso') AS delivered,
+                SUM(x.status = 'annullato') AS cancelled,
+                SUM(x.status = 'bloccato') AS blocked,
+                SUM(x.status IN ('aperto','bloccato') AND x.due_date < CURDATE()) AS late,
+                SUM(x.delivered = 1 AND x.invoiced = 0 AND x.cancelled = 0) AS to_invoice,
+                COUNT(DISTINCT x.customer) AS customers,
+                AVG(CASE WHEN x.status <> 'annullato' AND x.due_date IS NOT NULL AND x.due_date >= x.order_date
+                         THEN DATEDIFF(x.due_date, x.order_date) END) AS avg_lead_days,
+                COALESCE(SUM($val), 0) AS value_total,
+                COALESCE(SUM(CASE WHEN x.status IN ('aperto','bloccato') THEN x.taxable_amount ELSE 0 END), 0) AS value_open,
+                COALESCE(SUM(CASE WHEN x.status IN ('aperto','bloccato') AND x.due_date < CURDATE() THEN x.taxable_amount ELSE 0 END), 0) AS value_late,
+                COALESCE(SUM(CASE WHEN x.delivered = 1 AND x.invoiced = 0 AND x.cancelled = 0 THEN x.taxable_amount ELSE 0 END), 0) AS value_to_invoice,
+                AVG(CASE WHEN x.status <> 'annullato' THEN x.taxable_amount END) AS value_avg,
+                SUM(x.summary_tb_modified IS NULL) AS missing_amounts
+            FROM $from
+            WHERE $where
+        ", $params)[0];
+
+        // --- Confronto con lo STESSO PERIODO dell'anno precedente ---
+        $kpi['prev_orders'] = null;
+        $kpi['prev_value']  = null;
+        $fromD = $_GET['from'] ?? '';
+        $toD   = $_GET['to'] ?? '';
+        if (MagoSalesStats::isValidDate($fromD) && MagoSalesStats::isValidDate($toD) && $fromD <= $toD) {
+            $prevFrom = date('Y-m-d', strtotime($fromD . ' -1 year'));
+            $prevTo   = date('Y-m-d', strtotime($toD . ' -1 year'));
+            [$pw, $pp] = MagoSalesStats::buildWhere(['from' => $prevFrom, 'to' => $prevTo]);
+            $prev = MagoSalesStats::fetchAllQ($pdo, "SELECT COUNT(*) AS n, COALESCE(SUM($val), 0) AS v FROM $from WHERE $pw", $pp)[0];
+            $kpi['prev_orders'] = (int)$prev['n'];
+            $kpi['prev_value']  = (float)$prev['v'];
+            $kpi['prev_from']   = date('d/m/Y', strtotime($prevFrom));
+            $kpi['prev_to']     = date('d/m/Y', strtotime($prevTo));
+        }
+
+        // --- Andamento mensile per stato ---
+        $monthly = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT DATE_FORMAT(x.order_date, '%Y-%m') AS ym,
+                   SUM(CASE WHEN x.status = 'aperto'    THEN $m ELSE 0 END) AS aperto,
+                   SUM(CASE WHEN x.status = 'bloccato'  THEN $m ELSE 0 END) AS bloccato,
+                   SUM(CASE WHEN x.status = 'evaso'     THEN $m ELSE 0 END) AS evaso,
+                   SUM(CASE WHEN x.status = 'annullato' THEN " . ($metric === 'value' ? '0' : '1') . " ELSE 0 END) AS annullato,
+                   $agg AS totale
+            FROM $from
+            WHERE $where AND x.order_date IS NOT NULL
+            GROUP BY ym
+            ORDER BY ym
+        ", $params);
+
+        // --- Top clienti ---
+        $topCustomers = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT x.customer AS code, x.company_name AS name,
+                   $agg AS n,
+                   SUM(CASE WHEN x.status IN ('aperto','bloccato') THEN $m ELSE 0 END) AS open_n
+            FROM $from
+            WHERE $where
+            GROUP BY x.customer, x.company_name
+            ORDER BY n DESC
+            LIMIT 10
+        ", $params);
+
+        // --- Per area / agente ---
+        $byArea = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT CASE WHEN x.area = '' THEN '(nessuna)' ELSE x.area END AS label, x.area AS code, $agg AS n
+            FROM $from WHERE $where
+            GROUP BY x.area ORDER BY n DESC LIMIT 12
+        ", $params);
+
+        $bySalesperson = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT CASE WHEN x.salesperson = '' THEN '(nessuno)' ELSE x.salesperson END AS label, x.salesperson AS code, $agg AS n
+            FROM $from WHERE $where
+            GROUP BY x.salesperson ORDER BY n DESC LIMIT 12
+        ", $params);
+
+        // --- Scadenze ordini aperti ---
+        $dueBuckets = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT bucket, SUM(mv) AS n FROM (
+                SELECT CASE
+                    WHEN x.due_date IS NULL THEN '6_senza'
+                    WHEN x.due_date < CURDATE() THEN '1_scaduti'
+                    WHEN YEARWEEK(x.due_date, 3) = YEARWEEK(CURDATE(), 3) THEN '2_settimana'
+                    WHEN YEARWEEK(x.due_date, 3) = YEARWEEK(CURDATE() + INTERVAL 7 DAY, 3) THEN '3_prossima'
+                    WHEN x.due_date <= CURDATE() + INTERVAL 30 DAY THEN '4_30gg'
+                    ELSE '5_oltre'
+                END AS bucket,
+                $m AS mv
+                FROM $from
+                WHERE $where AND x.status IN ('aperto','bloccato')
+            ) b
+            GROUP BY bucket ORDER BY bucket
+        ", $params);
+
+        // --- Elenco ordini ---
+        $rows = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT x.sale_ord_id, x.internal_ord_no, x.external_ord_no,
+                   x.order_date, x.due_date, x.customer, x.company_name,
+                   x.salesperson, x.area, x.status, x.invoiced, x.your_reference,
+                   x.taxable_amount, x.total_amount,
+                   (x.summary_tb_modified IS NULL) AS no_amount,
+                   (x.status IN ('aperto','bloccato') AND x.due_date < CURDATE()) AS is_late
+            FROM $from
+            WHERE $where
+            ORDER BY x.order_date DESC, x.sale_ord_id DESC
+            LIMIT 5000
+        ", $params);
+
+        MagoSalesStats::jsonOut([
+            'success'        => true,
+            'metric'         => $metric,
+            'kpi'            => $kpi,
+            'monthly'        => $monthly,
+            'top_customers'  => $topCustomers,
+            'by_area'        => $byArea,
+            'by_salesperson' => $bySalesperson,
+            'due_buckets'    => $dueBuckets,
+            'rows'           => $rows,
+        ]);
+    } catch (Throwable $e) {
+        MagoSalesStats::jsonOut(['success' => false, 'message' => $e->getMessage()]);
+    }
+}
+
+if ($action === 'order') {
+    try {
+        $id = (int)($_GET['id'] ?? 0);
+        $st = $pdo->prepare("SELECT x.* FROM " . MagoSalesStats::baseFrom() . " WHERE x.sale_ord_id = ?");
+        $st->execute([$id]);
+        $o = $st->fetch(PDO::FETCH_ASSOC);
+        if (!$o) MagoSalesStats::jsonOut(['success' => false, 'message' => 'Ordine non trovato']);
+
+        $raw = json_decode((string)$o['raw_json'], true) ?: [];
+        unset($o['raw_json']);
+
+        MagoSalesStats::jsonOut([
+            'success' => true,
+            'order'   => $o,
+            'extra'   => [
+                'Cliente fatturazione' => $raw['InvoicingCustomer'] ?? '',
+                'Pagamento'            => $raw['Payment'] ?? '',
+                'Listino'              => $raw['PriceList'] ?? '',
+                'Trasporto'            => $raw['Transport'] ?? '',
+                'Porto'                => $raw['Port'] ?? '',
+                'Imballo'              => $raw['Package'] ?? '',
+                'Magazzino'            => $raw['StoragePhase1'] ?? '',
+                'Nostro riferimento'   => $raw['OurReference'] ?? '',
+                'Vostro riferimento'   => $raw['YourReference'] ?? '',
+                'Commessa'             => $raw['Job'] ?? '',
+                'Stampato'             => !empty($raw['Printed']) ? 'Sì' : 'No',
+                'Fatturato'            => !empty($raw['Invoiced']) ? 'Sì' : 'No',
+                'Consegna tassativa'   => MagoClient::toMysqlDate($raw['CompulsoryDeliveryDate'] ?? null),
+                'Creato in Mago'       => MagoClient::toMysqlDate($raw['TbCreated'] ?? null, true),
+                'Modificato in Mago'   => MagoClient::toMysqlDate($raw['TbModified'] ?? null, true),
+            ],
+        ]);
+    } catch (Throwable $e) {
+        MagoSalesStats::jsonOut(['success' => false, 'message' => $e->getMessage()]);
+    }
+}
+
+?>
+<!doctype html>
+<html lang="it">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
+    <?php include('cssinclude.php'); ?>
+    <title>Statistiche Ordini Cliente - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
+
+    <!-- jQuery / SweetAlert -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+    <!-- DataTables + export -->
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.bootstrap5.min.css">
+    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
+
+    <!-- Select2 -->
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
+
+    <!-- Grafici -->
+    <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.49.1"></script>
+
+    <style>
+        :root {
+            --c-open: #0d6efd;
+            --c-done: #198754;
+            --c-cancel: #94a3b8;
+            --c-block: #fd7e14;
+            --c-late: #dc3545;
+            --c-invoice: #6f42c1;
+            --c-ink: #1f2d3d;
+            --c-muted: #64748b;
+            --c-line: #e2e8f0;
+        }
+
+        body {
+            font-size: 1.02rem;
+            background: #f8fafc;
+        }
+
+        .card {
+            border-radius: 16px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        }
+
+        .back-dashboard {
+            background-color: #b9ebc7 !important;
+            color: var(--c-ink) !important;
+            border-radius: 10px;
+            font-weight: 600;
+            padding: 10px 18px;
+        }
+
+        /* ---------- HEADER ---------- */
+        .stats-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+
+        .stats-title {
+            display: flex;
+            align-items: center;
+            gap: 14px;
+        }
+
+        .stats-title-icon {
+            width: 52px;
+            height: 52px;
+            border-radius: 14px;
+            background: linear-gradient(135deg, #198754, #3bb77e);
+            color: #fff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.5rem;
+            box-shadow: 0 6px 16px rgba(25, 135, 84, .25);
+        }
+
+        .sync-pill {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 5px 12px;
+            border-radius: 999px;
+            background: #eef6ff;
+            color: #0b3d91;
+            font-size: .85rem;
+            font-weight: 600;
+        }
+
+        .sync-pill .dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: #94a3b8;
+        }
+
+        .sync-pill.ok .dot {
+            background: #22c55e;
+        }
+
+        .sync-pill.err .dot {
+            background: #ef4444;
+        }
+
+        .btn-sync {
+            background: linear-gradient(135deg, #0d6efd, #3b82f6);
+            color: #fff;
+            border: 0;
+            border-radius: 10px;
+            padding: 10px 16px;
+            font-weight: 700;
+        }
+
+        .btn-sync:hover,
+        .btn-sync:focus {
+            color: #fff;
+            opacity: .95;
+        }
+
+        /* ---------- TAB PAGINE ---------- */
+        .stats-tabs {
+            display: flex;
+            gap: 6px;
+            border-bottom: 2px solid var(--c-line);
+            margin-bottom: 18px;
+            flex-wrap: wrap;
+        }
+
+        .stats-tabs a {
+            padding: 10px 18px;
+            border-radius: 12px 12px 0 0;
+            font-weight: 700;
+            color: var(--c-muted);
+            text-decoration: none;
+            background: #f1f5f9;
+            margin-bottom: -2px;
+            border: 2px solid transparent;
+        }
+
+        .stats-tabs a:hover {
+            color: var(--c-ink);
+        }
+
+        .stats-tabs a.active {
+            background: #fff;
+            color: #198754;
+            border-color: var(--c-line);
+            border-bottom-color: #fff;
+        }
+
+        /* ---------- FILTRI ---------- */
+        .filters-box {
+            background: #fff;
+            border: 1px solid var(--c-line);
+            border-radius: 16px;
+            padding: 16px;
+            box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
+        }
+
+        .filters-box label {
+            font-weight: 700;
+            font-size: .8rem;
+            color: var(--c-muted);
+            text-transform: uppercase;
+            letter-spacing: .4px;
+            margin-bottom: 4px;
+        }
+
+        .chip {
+            border: 1.5px solid var(--c-line);
+            background: #fff;
+            color: var(--c-ink);
+            border-radius: 999px;
+            padding: 6px 14px;
+            font-weight: 600;
+            font-size: .9rem;
+            cursor: pointer;
+            transition: all .15s ease;
+            white-space: nowrap;
+        }
+
+        .chip:hover {
+            border-color: #94a3b8;
+        }
+
+        .chip.active {
+            background: var(--chip-c, #198754);
+            border-color: var(--chip-c, #198754);
+            color: #fff;
+        }
+
+        .chip-row {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+        }
+
+        .filter-count {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 22px;
+            height: 22px;
+            padding: 0 6px;
+            border-radius: 999px;
+            background: #198754;
+            color: #fff;
+            font-size: .75rem;
+            font-weight: 800;
+            margin-left: 6px;
+        }
+
+        .search-input {
+            border-radius: 12px !important;
+            border: 2px solid #198754 !important;
+            padding: 9px 14px !important;
+        }
+
+        /* ---------- KPI ---------- */
+        .kpi-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 14px;
+        }
+
+        @media (min-width: 1200px) {
+            .kpi-grid {
+                grid-template-columns: repeat(4, 1fr);
+            }
+        }
+
+        .kpi {
+            background: color-mix(in srgb, var(--k) 14%, #fff);
+            border: 1px solid color-mix(in srgb, var(--k) 28%, #fff);
+            border-radius: 16px;
+            padding: 16px 18px;
+            position: relative;
+            overflow: hidden;
+            cursor: pointer;
+            transition: transform .15s ease, box-shadow .15s ease;
+        }
+
+        .kpi:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
+        }
+
+        .kpi.selected {
+            background: color-mix(in srgb, var(--k) 24%, #fff);
+            box-shadow: 0 0 0 2px var(--k, #198754) inset;
+        }
+
+        .kpi-label {
+            padding-right: 44px;
+            font-size: .78rem;
+            font-weight: 800;
+            color: color-mix(in srgb, var(--k) 70%, #1f2d3d);
+            text-transform: uppercase;
+            letter-spacing: .5px;
+        }
+
+        .kpi-value {
+            font-size: 1.75rem;
+            font-weight: 800;
+            color: var(--c-ink);
+            line-height: 1.15;
+            margin-top: 4px;
+            font-variant-numeric: tabular-nums;
+        }
+
+        .kpi-sub {
+            font-size: .85rem;
+            color: var(--c-muted);
+            margin-top: 2px;
+        }
+
+        .kpi-icon {
+            position: absolute;
+            right: 14px;
+            top: 14px;
+            width: 38px;
+            height: 38px;
+            border-radius: 11px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #fff;
+            color: var(--k);
+            font-size: 1.05rem;
+            box-shadow: 0 2px 6px rgba(15, 23, 42, .06);
+        }
+
+        .delta-up {
+            color: #198754;
+            font-weight: 700;
+        }
+
+        .delta-down {
+            color: #dc3545;
+            font-weight: 700;
+        }
+
+        /* ---------- GRAFICI ---------- */
+        .chart-card {
+            background: #fff;
+            border: 1px solid var(--c-line);
+            border-radius: 16px;
+            padding: 16px;
+            height: 100%;
+        }
+
+        .chart-title {
+            font-weight: 800;
+            color: var(--c-ink);
+            font-size: 1rem;
+        }
+
+        .chart-hint {
+            font-size: .8rem;
+            color: var(--c-muted);
+        }
+
+        .metric-switch {
+            display: inline-flex;
+            background: #f1f5f9;
+            border-radius: 12px;
+            padding: 4px;
+            gap: 4px;
+        }
+
+        .metric-switch button {
+            border: 0;
+            background: transparent;
+            padding: 7px 16px;
+            border-radius: 9px;
+            font-weight: 700;
+            color: var(--c-muted);
+        }
+
+        .metric-switch button.active {
+            background: #fff;
+            color: var(--c-ink);
+            box-shadow: 0 2px 6px rgba(15, 23, 42, .1);
+        }
+
+        .amount {
+            font-variant-numeric: tabular-nums;
+            white-space: nowrap;
+            font-weight: 600;
+        }
+
+        .warn-strip {
+            background: #fff8e6;
+            border: 1px solid #ffe2a8;
+            color: #8a5a00;
+            border-radius: 12px;
+            padding: 10px 14px;
+            font-size: .9rem;
+        }
+
+        /* ---------- TABELLA ---------- */
+        #ordersTable thead th {
+            background: #b9ebc7;
+            color: var(--c-ink);
+            white-space: nowrap;
+        }
+
+        #ordersTable tbody tr {
+            cursor: pointer;
+        }
+
+        #ordersTable td {
+            vertical-align: middle;
+        }
+
+        .st-badge {
+            display: inline-flex;
+            align-items: center;
+            gap: 5px;
+            padding: 4px 10px;
+            border-radius: 999px;
+            font-weight: 700;
+            font-size: .8rem;
+            color: #fff;
+        }
+
+        .st-aperto {
+            background: var(--c-open);
+        }
+
+        .st-evaso {
+            background: var(--c-done);
+        }
+
+        .st-annullato {
+            background: var(--c-cancel);
+        }
+
+        .st-bloccato {
+            background: var(--c-block);
+        }
+
+        .late-badge {
+            background: #fde8ea;
+            color: var(--c-late);
+            font-weight: 800;
+            font-size: .75rem;
+            padding: 3px 8px;
+            border-radius: 999px;
+            margin-left: 6px;
+        }
+
+        .inv-badge {
+            background: #efe9fb;
+            color: var(--c-invoice);
+            font-weight: 700;
+            font-size: .75rem;
+            padding: 3px 8px;
+            border-radius: 999px;
+        }
+
+        .dataTables_wrapper .dt-buttons .btn {
+            border-radius: 10px;
+            font-weight: 600;
+        }
+
+        /* ---------- STATI VUOTI / LOADING ---------- */
+        .empty-state {
+            text-align: center;
+            padding: 60px 20px;
+            color: var(--c-muted);
+        }
+
+        .empty-state .big {
+            font-size: 3rem;
+        }
+
+        .loading-overlay {
+            position: fixed;
+            inset: 0;
+            background: rgba(248, 250, 252, .6);
+            z-index: 2000;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            backdrop-filter: blur(1px);
+        }
+
+        .loading-overlay.show {
+            display: flex;
+        }
+
+        /* ---------- MODALE ORDINE ---------- */
+        .order-head {
+            background: linear-gradient(135deg, #198754, #3bb77e);
+            color: #fff;
+            border-radius: 14px;
+            padding: 16px 18px;
+        }
+
+        .ro-grid {
+            display: grid;
+            grid-template-columns: 200px 1fr;
+            gap: 8px 16px;
+        }
+
+        .ro-grid .l {
+            font-weight: 700;
+            color: #495057;
+        }
+
+        .select2-container--bootstrap-5 .select2-selection {
+            border-radius: 10px;
+            min-height: 42px;
+        }
+
+        @media (max-width: 768px) {
+            .ro-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper" id="appWrapper">
+        <?php include('include/navbar.php'); ?>
+        <?php include('include/topbar.php'); ?>
+
+        <div class="page-wrapper">
+            <div class="page-content">
+                <div class="card p-3">
+
+                    <!-- HEADER -->
+                    <div class="card-header bg-white border-0 pb-3">
+                        <div class="stats-header">
+                            <div class="stats-title">
+                                <div class="stats-title-icon"><i class="fa-solid fa-chart-line"></i></div>
+                                <div>
+                                    <h5 class="mb-1" style="font-weight:800;">Statistiche Ordini Cliente</h5>
+                                    <span class="sync-pill" id="syncPill"><span class="dot"></span><span id="syncText">Dati Mago4</span></span>
+                                </div>
+                            </div>
+
+                            <div class="d-flex gap-2 flex-wrap">
+                                <?php if ($canSync) : ?>
+                                    <div class="btn-group">
+                                        <button type="button" class="btn btn-sync" id="btnSyncIncremental">
+                                            <i class="fa-solid fa-rotate me-1"></i> Aggiorna da Mago
+                                        </button>
+                                        <button type="button" class="btn btn-sync dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false" style="border-left:1px solid rgba(255,255,255,.35);">
+                                            <span class="visually-hidden">Altre opzioni</span>
+                                        </button>
+                                        <ul class="dropdown-menu dropdown-menu-end">
+                                            <li><a class="dropdown-item sync-action" href="#" data-mode="test">🧪 Prova: solo 50 ordini</a></li>
+                                            <li><a class="dropdown-item sync-action" href="#" data-mode="full">🔄 Ricarica tutti gli ordini (dal 2020)</a></li>
+                                        </ul>
+                                    </div>
+                                <?php endif; ?>
+                                <button type="button" class="btn back-dashboard" onclick="location.href='production_dashboard.php'">↩️ Torna alla Dashboard</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="card-body pt-0">
+
+                        <div class="stats-tabs">
+                            <a href="sales_orders_stats.php" class="active"><i class="fa-solid fa-list-check me-1"></i> Andamento ordini</a>
+                            <a href="sales_orders_years.php"><i class="fa-solid fa-chart-column me-1"></i> Confronto anni</a>
+                        </div>
+
+                        <!-- FILTRI -->
+                        <div class="filters-box mb-4">
+                            <div class="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
+                                <div class="fw-bold" style="color:var(--c-ink);">
+                                    <i class="fa-solid fa-filter me-1"></i> Filtri <span class="filter-count" id="filterCount" style="display:none;">0</span>
+                                </div>
+                                <div class="chip-row" id="periodChips">
+                                    <button type="button" class="chip" data-period="month">Mese corrente</button>
+                                    <button type="button" class="chip" data-period="prev_month">Mese scorso</button>
+                                    <button type="button" class="chip" data-period="30d">Ultimi 30 gg</button>
+                                    <button type="button" class="chip" data-period="quarter">Trimestre</button>
+                                    <span class="chip-row" id="yearChips"></span>
+                                </div>
+                            </div>
+
+                            <div class="row g-2 align-items-end">
+                                <div class="col-6 col-md-2">
+                                    <label for="fFrom">Dal</label>
+                                    <input type="date" id="fFrom" class="form-control">
+                                </div>
+                                <div class="col-6 col-md-2">
+                                    <label for="fTo">Al</label>
+                                    <input type="date" id="fTo" class="form-control">
+                                </div>
+                                <div class="col-12 col-md-4">
+                                    <label for="fCustomers">Clienti</label>
+                                    <select id="fCustomers" multiple style="width:100%;"></select>
+                                </div>
+                                <div class="col-6 col-md-2">
+                                    <label for="fSalespeople">Agente</label>
+                                    <select id="fSalespeople" multiple style="width:100%;"></select>
+                                </div>
+                                <div class="col-6 col-md-2">
+                                    <label for="fAreas">Area</label>
+                                    <select id="fAreas" multiple style="width:100%;"></select>
+                                </div>
+                            </div>
+
+                            <div class="row g-2 align-items-end mt-1">
+                                <div class="col-12 col-lg-8">
+                                    <label>Stato</label>
+                                    <div class="chip-row" id="statusChips">
+                                        <button type="button" class="chip" data-status="aperto" style="--chip-c:var(--c-open);">Aperti</button>
+                                        <button type="button" class="chip" data-status="ritardo" style="--chip-c:var(--c-late);">In ritardo</button>
+                                        <button type="button" class="chip" data-status="bloccato" style="--chip-c:var(--c-block);">Bloccati</button>
+                                        <button type="button" class="chip" data-status="evaso" style="--chip-c:var(--c-done);">Evasi</button>
+                                        <button type="button" class="chip" data-status="da_fatturare" style="--chip-c:var(--c-invoice);">Da fatturare</button>
+                                        <button type="button" class="chip" data-status="fatturato" style="--chip-c:#4c1d95;">Fatturati</button>
+                                        <button type="button" class="chip" data-status="annullato" style="--chip-c:var(--c-cancel);">Annullati</button>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-lg-4 d-flex gap-2">
+                                    <input type="text" id="fSearch" class="form-control search-input" placeholder="🔎 N° ordine, rif. cliente, ragione sociale…">
+                                    <button type="button" class="btn btn-outline-secondary" id="btnReset" title="Azzera filtri" style="border-radius:12px;">
+                                        <i class="fa-solid fa-eraser"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- STATO VUOTO -->
+                        <div id="emptyState" class="empty-state" style="display:none;">
+                            <div class="big">📦</div>
+                            <h5 class="mt-2" style="color:var(--c-ink);">Nessun ordine sincronizzato</h5>
+                            <p>Esegui una prima sincronizzazione di prova per importare alcuni ordini da Mago.</p>
+                            <?php if ($canSync) : ?>
+                                <button type="button" class="btn btn-sync sync-action" data-mode="test">🧪 Sincronizza 50 ordini di prova</button>
+                            <?php else : ?>
+                                <p class="small">Chiedi a un amministratore di avviare la sincronizzazione.</p>
+                            <?php endif; ?>
+                        </div>
+
+                        <div id="statsContent">
+                            <!-- KPI -->
+                            <div class="kpi-grid mb-4" id="kpiGrid">
+                                <div class="kpi" data-status="" style="--k:#198754;">
+                                    <div class="kpi-icon"><i class="fa-solid fa-file-invoice"></i></div>
+                                    <div class="kpi-label">Ordini</div>
+                                    <div class="kpi-value" id="kOrders">—</div>
+                                    <div class="kpi-sub" id="kOrdersSub">&nbsp;</div>
+                                </div>
+                                <div class="kpi" data-status="" data-nofilter="1" style="--k:#0f766e;">
+                                    <div class="kpi-icon"><i class="fa-solid fa-euro-sign"></i></div>
+                                    <div class="kpi-label">Valore ordinato</div>
+                                    <div class="kpi-value" id="kValue">—</div>
+                                    <div class="kpi-sub" id="kValueSub">&nbsp;</div>
+                                </div>
+                                <div class="kpi" data-status="aperto" style="--k:#1d4ed8;">
+                                    <div class="kpi-icon"><i class="fa-solid fa-boxes-stacked"></i></div>
+                                    <div class="kpi-label">Da evadere</div>
+                                    <div class="kpi-value" id="kOpenValue">—</div>
+                                    <div class="kpi-sub" id="kOpenValueSub">&nbsp;</div>
+                                </div>
+                                <div class="kpi" data-status="aperto" style="--k:var(--c-open);">
+                                    <div class="kpi-icon"><i class="fa-solid fa-hourglass-half"></i></div>
+                                    <div class="kpi-label">Aperti</div>
+                                    <div class="kpi-value" id="kOpen">—</div>
+                                    <div class="kpi-sub" id="kOpenSub">&nbsp;</div>
+                                </div>
+                                <div class="kpi" data-status="ritardo" style="--k:var(--c-late);">
+                                    <div class="kpi-icon"><i class="fa-solid fa-triangle-exclamation"></i></div>
+                                    <div class="kpi-label">In ritardo</div>
+                                    <div class="kpi-value" id="kLate">—</div>
+                                    <div class="kpi-sub">consegna prevista superata</div>
+                                </div>
+                                <div class="kpi" data-status="evaso" style="--k:var(--c-done);">
+                                    <div class="kpi-icon"><i class="fa-solid fa-truck"></i></div>
+                                    <div class="kpi-label">Evasi</div>
+                                    <div class="kpi-value" id="kDelivered">—</div>
+                                    <div class="kpi-sub" id="kDeliveredSub">&nbsp;</div>
+                                </div>
+                                <div class="kpi" data-status="da_fatturare" style="--k:var(--c-invoice);">
+                                    <div class="kpi-icon"><i class="fa-solid fa-receipt"></i></div>
+                                    <div class="kpi-label">Da fatturare</div>
+                                    <div class="kpi-value" id="kToInvoice">—</div>
+                                    <div class="kpi-sub" id="kToInvoiceSub">evasi non fatturati</div>
+                                </div>
+                                <div class="kpi" data-status="" data-nofilter="1" style="--k:#0ea5e9;">
+                                    <div class="kpi-icon"><i class="fa-solid fa-users"></i></div>
+                                    <div class="kpi-label">Clienti attivi</div>
+                                    <div class="kpi-value" id="kCustomers">—</div>
+                                    <div class="kpi-sub" id="kLead">&nbsp;</div>
+                                </div>
+                            </div>
+
+                            <div class="warn-strip mb-3" id="missingAmounts" style="display:none;"></div>
+
+                            <div class="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
+                                <div class="chart-title" style="font-size:1.05rem;">Analisi</div>
+                                <div class="metric-switch" id="metricSwitch">
+                                    <button type="button" data-metric="count" class="active"># N° ordini</button>
+                                    <button type="button" data-metric="value">€ Valore</button>
+                                </div>
+                            </div>
+
+                            <!-- GRAFICI -->
+                            <div class="row g-3 mb-3">
+                                <div class="col-xl-8">
+                                    <div class="chart-card">
+                                        <div class="d-flex justify-content-between align-items-start">
+                                            <div>
+                                                <div class="chart-title" id="ttlMonthly">Andamento mensile ordini</div>
+                                                <div class="chart-hint">Clicca un mese per filtrarlo</div>
+                                            </div>
+                                        </div>
+                                        <div id="chMonthly" style="min-height:320px;"></div>
+                                    </div>
+                                </div>
+                                <div class="col-xl-4">
+                                    <div class="chart-card">
+                                        <div class="chart-title">Ripartizione per stato</div>
+                                        <div class="chart-hint">Clicca una fetta per filtrare</div>
+                                        <div id="chStatus" style="min-height:320px;"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="row g-3 mb-3">
+                                <div class="col-xl-7">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlCustomers">Top 10 clienti per numero ordini</div>
+                                        <div class="chart-hint">Clicca un cliente per vedere solo i suoi ordini</div>
+                                        <div id="chCustomers" style="min-height:360px;"></div>
+                                    </div>
+                                </div>
+                                <div class="col-xl-5">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlDue">Scadenze ordini aperti</div>
+                                        <div class="chart-hint">In base alla data di consegna prevista</div>
+                                        <div id="chDue" style="min-height:360px;"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="row g-3 mb-4">
+                                <div class="col-lg-6">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlArea">Ordini per area</div>
+                                        <div id="chArea" style="min-height:260px;"></div>
+                                    </div>
+                                </div>
+                                <div class="col-lg-6">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlSalesperson">Ordini per agente</div>
+                                        <div id="chSalesperson" style="min-height:260px;"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- TABELLA -->
+                            <div class="chart-card">
+                                <div class="d-flex justify-content-between align-items-center mb-2">
+                                    <div class="chart-title">Elenco ordini <span class="text-muted fw-normal" id="rowsInfo"></span></div>
+                                    <div class="chart-hint">Clicca una riga per il dettaglio</div>
+                                </div>
+                                <div class="table-responsive">
+                                    <table id="ordersTable" class="table table-striped align-middle w-100">
+                                        <thead>
+                                            <tr>
+                                                <th>N° ordine</th>
+                                                <th>Data</th>
+                                                <th>Cliente</th>
+                                                <th>Rif. cliente</th>
+                                                <th>Consegna prev.</th>
+                                                <th class="text-end">Imponibile</th>
+                                                <th>Stato</th>
+                                                <th>Fatt.</th>
+                                                <th>Agente</th>
+                                                <th>Area</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody></tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <?php include('include/footer.php'); ?>
+    </div>
+
+    <!-- MODALE DETTAGLIO ORDINE -->
+    <div class="modal fade" id="orderModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
+            <div class="modal-content" style="border-radius:16px;">
+                <div class="modal-header" style="background-color:#b9ebc7;">
+                    <h5 class="modal-title">Dettaglio ordine cliente</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body" id="orderModalBody">
+                    <div class="text-muted">Caricamento…</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="loading-overlay" id="loadingOverlay">
+        <div class="text-center">
+            <div class="spinner-border text-success" style="width:3rem;height:3rem;" role="status"></div>
+            <div class="mt-2 fw-semibold" id="loadingText" style="color:var(--c-ink);">Caricamento…</div>
+        </div>
+    </div>
+
+    <?php include('jsinclude.php'); ?>
+    <script>
+        (function() {
+            const STATUS_LABEL = {
+                aperto: 'Aperto',
+                evaso: 'Evaso',
+                annullato: 'Annullato',
+                bloccato: 'Bloccato'
+            };
+            const STATUS_COLOR = {
+                aperto: '#0d6efd',
+                bloccato: '#fd7e14',
+                evaso: '#198754',
+                annullato: '#94a3b8'
+            };
+            const MONTHS = ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'];
+            const STORE_KEY = 'zibo_sales_stats_filters_v1';
+
+            const charts = {};
+            let table = null;
+            let loadTimer = null;
+            let currentRequest = 0;
+            let metric = 'count';
+
+            /* ---------------- UTILS ---------------- */
+            function esc(s) {
+                return String(s ?? '').replace(/[&<>"']/g, c => ({
+                    '&': '&amp;',
+                    '<': '&lt;',
+                    '>': '&gt;',
+                    '"': '&quot;',
+                    "'": '&#039;'
+                } [c]));
+            }
+
+            function fmtDate(d) {
+                if (!d) return '';
+                const p = String(d).substring(0, 10).split('-');
+                return p.length === 3 ? `${p[2]}/${p[1]}/${p[0]}` : d;
+            }
+
+            function fmtNum(n) {
+                return Number(n || 0).toLocaleString('it-IT');
+            }
+
+            function fmtEur(n, decimals) {
+                return Number(n || 0).toLocaleString('it-IT', {
+                    style: 'currency',
+                    currency: 'EUR',
+                    minimumFractionDigits: decimals === undefined ? 0 : decimals,
+                    maximumFractionDigits: decimals === undefined ? 0 : decimals
+                });
+            }
+
+            // compatto per assi e KPI grandi: 1.234.567 → 1,23 M€
+            function fmtEurShort(n) {
+                const v = Number(n || 0),
+                    a = Math.abs(v);
+                if (a >= 1e6) return (v / 1e6).toLocaleString('it-IT', {
+                    maximumFractionDigits: 2
+                }) + ' M€';
+                if (a >= 1e4) return (v / 1e3).toLocaleString('it-IT', {
+                    maximumFractionDigits: 1
+                }) + ' k€';
+                return fmtEur(v);
+            }
+
+            // formatter in base alla metrica scelta
+            function fmtMetric(v) {
+                return metric === 'value' ? fmtEur(v) : fmtNum(Math.round(v));
+            }
+
+            function fmtMetricAxis(v) {
+                return metric === 'value' ? fmtEurShort(v) : fmtNum(Math.round(v));
+            }
+
+            function deltaHtml(cur, prev, from, to) {
+                if (prev === null || prev === undefined) return '';
+                if (+prev === 0) return `<span title="${esc(from)} – ${esc(to)}">anno prec.: nessun dato</span>`;
+                const d = Math.round((cur - prev) * 100 / prev);
+                return `<span class="${d >= 0 ? 'delta-up' : 'delta-down'}">${d >= 0 ? '▲' : '▼'} ${Math.abs(d)}%</span> <span title="${esc(from)} – ${esc(to)}">vs stesso periodo anno prec.</span>`;
+            }
+
+            function iso(d) {
+                const z = n => String(n).padStart(2, '0');
+                return `${d.getFullYear()}-${z(d.getMonth() + 1)}-${z(d.getDate())}`;
+            }
+
+            function ymLabel(ym) {
+                const [y, m] = ym.split('-');
+                return `${MONTHS[parseInt(m, 10) - 1]} ${y.substring(2)}`;
+            }
+
+            function showLoading(text) {
+                $('#loadingText').text(text || 'Caricamento…');
+                $('#loadingOverlay').addClass('show');
+            }
+
+            function hideLoading() {
+                $('#loadingOverlay').removeClass('show');
+            }
+
+            /* ---------------- FILTRI ---------------- */
+            function periodRange(p) {
+                const t = new Date();
+                const y = t.getFullYear(),
+                    m = t.getMonth();
+                switch (p) {
+                    case 'month':
+                        return [new Date(y, m, 1), t];
+                    case 'prev_month':
+                        return [new Date(y, m - 1, 1), new Date(y, m, 0)];
+                    case '30d':
+                        return [new Date(t.getTime() - 29 * 86400000), t];
+                    case 'quarter':
+                        return [new Date(y, Math.floor(m / 3) * 3, 1), t];
+                    default: {
+                        // 'y2025' = anno intero (l'anno in corso fino a oggi)
+                        const yy = /^y\d{4}$/.test(p) ? parseInt(p.substring(1), 10) : y;
+                        return [new Date(yy, 0, 1), yy === y ? t : new Date(yy, 11, 31)];
+                    }
+                }
+            }
+
+            function setPeriod(p, silent) {
+                const [a, b] = periodRange(p);
+                $('#fFrom').val(iso(a));
+                $('#fTo').val(iso(b));
+                $('#periodChips .chip').removeClass('active');
+                $(`#periodChips .chip[data-period="${p}"]`).addClass('active');
+                if (!silent) scheduleLoad(0);
+            }
+
+            function getFilters() {
+                return {
+                    from: $('#fFrom').val(),
+                    to: $('#fTo').val(),
+                    customers: $('#fCustomers').val() || [],
+                    salespeople: $('#fSalespeople').val() || [],
+                    areas: $('#fAreas').val() || [],
+                    statuses: $('#statusChips .chip.active').map((i, el) => $(el).data('status')).get(),
+                    q: $('#fSearch').val().trim()
+                };
+            }
+
+            function toQuery(f) {
+                const p = new URLSearchParams();
+                p.append('action', 'data');
+                p.append('metric', metric);
+                ['from', 'to', 'q'].forEach(k => {
+                    if (f[k]) p.append(k, f[k]);
+                });
+                ['customers', 'salespeople', 'areas', 'statuses'].forEach(k => (f[k] || []).forEach(v => p.append(k + '[]', v)));
+                return p.toString();
+            }
+
+            function updateFilterCount(f) {
+                const n = f.customers.length + f.salespeople.length + f.areas.length + f.statuses.length + (f.q ? 1 : 0);
+                $('#filterCount').text(n).toggle(n > 0);
+
+                // evidenzio il KPI corrispondente allo stato filtrato
+                $('.kpi').removeClass('selected');
+                if (f.statuses.length === 1) $(`.kpi[data-status="${f.statuses[0]}"]`).addClass('selected');
+            }
+
+            function saveFilters(f) {
+                try {
+                    localStorage.setItem(STORE_KEY, JSON.stringify(Object.assign({}, f, {
+                        metric: metric
+                    })));
+                } catch (e) {}
+            }
+
+            function restoreFilters() {
+                try {
+                    return JSON.parse(localStorage.getItem(STORE_KEY) || 'null');
+                } catch (e) {
+                    return null;
+                }
+            }
+
+            function scheduleLoad(delay) {
+                clearTimeout(loadTimer);
+                loadTimer = setTimeout(loadData, delay === undefined ? 350 : delay);
+            }
+
+            function toggleStatus(status, exclusive) {
+                const $chip = $(`#statusChips .chip[data-status="${status}"]`);
+                if (exclusive) {
+                    const wasOnlyActive = $chip.hasClass('active') && $('#statusChips .chip.active').length === 1;
+                    $('#statusChips .chip').removeClass('active');
+                    if (!wasOnlyActive) $chip.addClass('active');
+                } else {
+                    $chip.toggleClass('active');
+                }
+                scheduleLoad(0);
+            }
+
+            /* ---------------- CARICAMENTO OPZIONI ---------------- */
+            function initSelect(id, placeholder) {
+                $(id).select2({
+                    theme: 'bootstrap-5',
+                    placeholder: placeholder,
+                    allowClear: true,
+                    closeOnSelect: false,
+                    width: '100%'
+                }).on('change', () => scheduleLoad());
+            }
+
+            function renderSyncInfo(s) {
+                const $pill = $('#syncPill').removeClass('ok err');
+                if (!s || s.error) {
+                    $pill.addClass('err');
+                    $('#syncText').text(s && s.error ? s.error : 'Stato sincronizzazione non disponibile');
+                    return;
+                }
+                const o = s.sale_ord || {};
+                if (!o.last_run_at) {
+                    $('#syncText').text('Mai sincronizzato');
+                    return;
+                }
+                $pill.addClass(o.last_status === 'ok' ? 'ok' : 'err');
+                $('#syncText').text(`Aggiornato il ${o.last_run_at} · ${fmtNum(s.total_orders)} ordini in archivio`);
+                $pill.attr('title', o.last_message || '');
+            }
+
+            function loadFilterOptions(keep) {
+                return fetch('?action=filters')
+                    .then(r => r.json())
+                    .then(d => {
+                        renderSyncInfo(d.sync);
+                        if (!d.success) return d;
+
+                        const fill = (id, list, labelFn) => {
+                            const $s = $(id);
+                            const prev = keep ? ($s.val() || []) : [];
+                            $s.empty();
+                            list.forEach(o => $s.append(new Option(labelFn(o), o.code, false, false)));
+                            $s.val(prev).trigger('change.select2');
+                        };
+
+                        const curY = new Date().getFullYear();
+                        const years = (d.years && d.years.length ? d.years : [curY]).slice().sort((a, b) => b - a);
+                        if (!years.includes(curY)) years.unshift(curY);
+                        const activeP = $('#periodChips .chip.active').data('period');
+                        $('#yearChips').html(years.map(yy => `<button type="button" class="chip" data-period="y${yy}">${yy}</button>`).join(''));
+                        if (activeP) $(`#periodChips .chip[data-period="${activeP}"]`).addClass('active');
+
+                        fill('#fCustomers', d.customers || [], o => `${o.name} (${o.code}) · ${o.n}`);
+                        fill('#fSalespeople', d.salespeople || [], o => `${o.code} · ${o.n}`);
+                        fill('#fAreas', d.areas || [], o => `${o.code} · ${o.n}`);
+                        return d;
+                    });
+            }
+
+            /* ---------------- DATI ---------------- */
+            function loadData() {
+                const f = getFilters();
+                updateFilterCount(f);
+                saveFilters(f);
+
+                const reqId = ++currentRequest;
+                $('#statsContent').css('opacity', .55);
+
+                fetch('?' + toQuery(f))
+                    .then(r => r.json())
+                    .then(d => {
+                        if (reqId !== currentRequest) return; // risposta superata da una richiesta più recente
+                        $('#statsContent').css('opacity', 1);
+
+                        if (!d.success) {
+                            Swal.fire({
+                                icon: 'error',
+                                title: 'Errore',
+                                text: d.message || 'Errore nel caricamento dati'
+                            });
+                            return;
+                        }
+                        updateMetricTitles();
+                        renderKpi(d.kpi);
+                        renderMonthly(d.monthly);
+                        renderStatus(d.kpi);
+                        renderCustomers(d.top_customers);
+                        renderDue(d.due_buckets);
+                        renderSimpleBar('chArea', d.by_area, '#0ea5e9', 'areas');
+                        renderSimpleBar('chSalesperson', d.by_salesperson, '#6f42c1', 'salespeople');
+                        renderTable(d.rows);
+                    })
+                    .catch(err => {
+                        $('#statsContent').css('opacity', 1);
+                        console.error(err);
+                    });
+            }
+
+            function updateMetricTitles() {
+                const v = metric === 'value';
+                $('#metricSwitch button').removeClass('active');
+                $(`#metricSwitch button[data-metric="${metric}"]`).addClass('active');
+                $('#ttlMonthly').text(v ? 'Andamento mensile valore ordinato (imponibile)' : 'Andamento mensile ordini');
+                $('#ttlCustomers').text(v ? 'Top 10 clienti per valore ordinato' : 'Top 10 clienti per numero ordini');
+                $('#ttlDue').text(v ? 'Scadenze ordini aperti (valore)' : 'Scadenze ordini aperti');
+                $('#ttlArea').text(v ? 'Valore per area' : 'Ordini per area');
+                $('#ttlSalesperson').text(v ? 'Valore per agente' : 'Ordini per agente');
+            }
+
+            function renderKpi(k) {
+                const orders = +k.orders || 0;
+                $('#kOrders').text(fmtNum(orders));
+                $('#kOpen').text(fmtNum(k.open_orders));
+                $('#kLate').text(fmtNum(k.late));
+                $('#kDelivered').text(fmtNum(k.delivered));
+                $('#kToInvoice').text(fmtNum(k.to_invoice));
+                $('#kCustomers').text(fmtNum(k.customers));
+                $('#kValue').text(fmtEurShort(k.value_total)).attr('title', fmtEur(k.value_total, 2));
+                $('#kValueSub').html(deltaHtml(+k.value_total, k.prev_value, k.prev_from, k.prev_to) ||
+                    (k.value_avg ? `medio ${fmtEur(k.value_avg)} per ordine` : '&nbsp;'));
+                $('#kOpenValue').text(fmtEurShort(k.value_open)).attr('title', fmtEur(k.value_open, 2));
+                $('#kOpenValueSub').html(+k.value_late > 0 ?
+                    `<span class="delta-down">${fmtEurShort(k.value_late)}</span> in ritardo` : 'nessun importo in ritardo');
+                $('#kToInvoiceSub').html(+k.value_to_invoice > 0 ? `evasi non fatturati · ${fmtEurShort(k.value_to_invoice)}` : 'evasi non fatturati');
+
+                const miss = +k.missing_amounts || 0;
+                $('#missingAmounts').toggle(miss > 0).html(miss > 0 ?
+                    `<i class="fa-solid fa-circle-exclamation me-1"></i> ${fmtNum(miss)} ordini senza importi: premi <b>Aggiorna da Mago</b> per leggere i totali.` : '');
+
+                const pct = n => orders ? Math.round((+n || 0) * 100 / orders) + '% del totale' : '&nbsp;';
+                $('#kOpenSub').html(pct(k.open_orders) + (+k.blocked ? ` · ${fmtNum(k.blocked)} bloccati` : ''));
+                $('#kDeliveredSub').html(pct(k.delivered));
+                $('#kLead').html(k.avg_lead_days !== null && k.avg_lead_days !== undefined ?
+                    `consegna media a <b>${Math.round(k.avg_lead_days)}</b> gg dall'ordine` : '&nbsp;');
+
+                if (k.prev_orders === null || k.prev_orders === undefined) {
+                    $('#kOrdersSub').html('&nbsp;');
+                } else if (+k.prev_orders === 0) {
+                    $('#kOrdersSub').html(`<span title="${esc(k.prev_from)} – ${esc(k.prev_to)}">anno prec.: nessun dato</span>`);
+                } else {
+                    const delta = Math.round((orders - k.prev_orders) * 100 / k.prev_orders);
+                    const cls = delta >= 0 ? 'delta-up' : 'delta-down';
+                    const arrow = delta >= 0 ? '▲' : '▼';
+                    $('#kOrdersSub').html(`<span class="${cls}">${arrow} ${Math.abs(delta)}%</span> vs ${fmtNum(k.prev_orders)} <span title="${esc(k.prev_from)} – ${esc(k.prev_to)}">stesso periodo anno prec.</span>`);
+                }
+
+                const empty = orders === 0 && !$('#filterCount').is(':visible');
+                $('#emptyState').toggle(false);
+                if (empty && window.__totalOrders === 0) {
+                    $('#emptyState').show();
+                    $('#statsContent').hide();
+                } else {
+                    $('#statsContent').show();
+                }
+            }
+
+            function upsertChart(key, el, options) {
+                if (charts[key]) {
+                    charts[key].updateOptions(options, true, true);
+                } else {
+                    charts[key] = new ApexCharts(document.getElementById(el), options);
+                    charts[key].render();
+                }
+            }
+
+            const baseChart = {
+                fontFamily: 'inherit',
+                toolbar: {
+                    show: false
+                },
+                animations: {
+                    speed: 350
+                }
+            };
+
+            function renderMonthly(rows) {
+                const cats = rows.map(r => ymLabel(r.ym));
+                upsertChart('monthly', 'chMonthly', {
+                    chart: {
+                        ...baseChart,
+                        type: 'bar',
+                        height: 320,
+                        stacked: true,
+                        events: {
+                            dataPointSelection: (e, ctx, cfg) => {
+                                const ym = rows[cfg.dataPointIndex] && rows[cfg.dataPointIndex].ym;
+                                if (!ym) return;
+                                const [y, m] = ym.split('-').map(Number);
+                                $('#fFrom').val(iso(new Date(y, m - 1, 1)));
+                                $('#fTo').val(iso(new Date(y, m, 0)));
+                                $('#periodChips .chip').removeClass('active');
+                                scheduleLoad(0);
+                            }
+                        }
+                    },
+                    series: [{
+                            name: 'Aperti',
+                            data: rows.map(r => +r.aperto)
+                        },
+                        {
+                            name: 'Bloccati',
+                            data: rows.map(r => +r.bloccato)
+                        },
+                        {
+                            name: 'Evasi',
+                            data: rows.map(r => +r.evaso)
+                        },
+                        ...(metric === 'value' ? [] : [{
+                            name: 'Annullati',
+                            data: rows.map(r => +r.annullato)
+                        }])
+                    ],
+                    colors: [STATUS_COLOR.aperto, STATUS_COLOR.bloccato, STATUS_COLOR.evaso, STATUS_COLOR.annullato],
+                    xaxis: {
+                        categories: cats
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: fmtMetricAxis
+                        }
+                    },
+                    plotOptions: {
+                        bar: {
+                            borderRadius: 4,
+                            columnWidth: '55%'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: false
+                    },
+                    legend: {
+                        position: 'top',
+                        horizontalAlign: 'left'
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    },
+                    noData: {
+                        text: 'Nessun dato nel periodo'
+                    },
+                    tooltip: {
+                        shared: true,
+                        intersect: false,
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    }
+                });
+            }
+
+            function renderStatus(k) {
+                const keys = ['aperto', 'bloccato', 'evaso', 'annullato'];
+                const vals = [+k.open_orders || 0, +k.blocked || 0, +k.delivered || 0, +k.cancelled || 0];
+                upsertChart('status', 'chStatus', {
+                    chart: {
+                        ...baseChart,
+                        type: 'donut',
+                        height: 320,
+                        events: {
+                            dataPointSelection: (e, ctx, cfg) => toggleStatus(keys[cfg.dataPointIndex], true)
+                        }
+                    },
+                    series: vals,
+                    labels: keys.map(s => STATUS_LABEL[s]),
+                    colors: keys.map(s => STATUS_COLOR[s]),
+                    legend: {
+                        position: 'bottom'
+                    },
+                    dataLabels: {
+                        formatter: v => Math.round(v) + '%'
+                    },
+                    plotOptions: {
+                        pie: {
+                            donut: {
+                                size: '62%',
+                                labels: {
+                                    show: true,
+                                    total: {
+                                        show: true,
+                                        label: 'Ordini',
+                                        formatter: w => fmtNum(w.globals.seriesTotals.reduce((a, b) => a + b, 0))
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    noData: {
+                        text: 'Nessun dato'
+                    }
+                });
+            }
+
+            function renderCustomers(rows) {
+                upsertChart('customers', 'chCustomers', {
+                    chart: {
+                        ...baseChart,
+                        type: 'bar',
+                        height: 360,
+                        stacked: true,
+                        events: {
+                            dataPointSelection: (e, ctx, cfg) => {
+                                const r = rows[cfg.dataPointIndex];
+                                if (!r) return;
+                                $('#fCustomers').val([r.code]).trigger('change');
+                            }
+                        }
+                    },
+                    series: [{
+                            name: 'Aperti',
+                            data: rows.map(r => +r.open_n)
+                        },
+                        {
+                            name: 'Altri',
+                            data: rows.map(r => (+r.n) - (+r.open_n))
+                        }
+                    ],
+                    colors: [STATUS_COLOR.aperto, '#9fd8b6'],
+                    xaxis: {
+                        categories: rows.map(r => r.name && r.name.length > 34 ? r.name.substring(0, 32) + '…' : (r.name || r.code)),
+                        labels: {
+                            formatter: fmtMetricAxis
+                        }
+                    },
+                    plotOptions: {
+                        bar: {
+                            horizontal: true,
+                            borderRadius: 4,
+                            barHeight: '68%'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: false
+                    },
+                    legend: {
+                        position: 'top',
+                        horizontalAlign: 'left'
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    },
+                    tooltip: {
+                        shared: true,
+                        intersect: false,
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    },
+                    noData: {
+                        text: 'Nessun dato'
+                    }
+                });
+            }
+
+            function renderDue(rows) {
+                const order = [
+                    ['1_scaduti', 'Scaduti', '#dc3545'],
+                    ['2_settimana', 'Questa settimana', '#fd7e14'],
+                    ['3_prossima', 'Prossima settimana', '#ffc107'],
+                    ['4_30gg', 'Entro 30 gg', '#0d6efd'],
+                    ['5_oltre', 'Oltre 30 gg', '#64748b'],
+                    ['6_senza', 'Senza data', '#cbd5e1']
+                ];
+                const map = {};
+                rows.forEach(r => map[r.bucket] = +r.n);
+                upsertChart('due', 'chDue', {
+                    chart: {
+                        ...baseChart,
+                        type: 'bar',
+                        height: 360
+                    },
+                    series: [{
+                        name: metric === 'value' ? 'Valore aperti' : 'Ordini aperti',
+                        data: order.map(o => map[o[0]] || 0)
+                    }],
+                    colors: order.map(o => o[2]),
+                    xaxis: {
+                        categories: order.map(o => o[1])
+                    },
+                    plotOptions: {
+                        bar: {
+                            distributed: true,
+                            borderRadius: 6,
+                            columnWidth: '60%'
+                        }
+                    },
+                    legend: {
+                        show: false
+                    },
+                    dataLabels: {
+                        enabled: true,
+                        formatter: fmtMetricAxis,
+                        style: {
+                            colors: ['#1f2d3d']
+                        },
+                        offsetY: -18
+                    },
+                    tooltip: {
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: fmtMetricAxis
+                        }
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    }
+                });
+            }
+
+            function renderSimpleBar(el, rows, color, filterKey) {
+                const selectId = {
+                    areas: '#fAreas',
+                    salespeople: '#fSalespeople'
+                } [filterKey];
+                upsertChart(el, el, {
+                    chart: {
+                        ...baseChart,
+                        type: 'bar',
+                        height: 260,
+                        events: {
+                            dataPointSelection: (e, ctx, cfg) => {
+                                const r = rows[cfg.dataPointIndex];
+                                if (!r || r.code === '') return;
+                                $(selectId).val([r.code]).trigger('change');
+                            }
+                        }
+                    },
+                    series: [{
+                        name: metric === 'value' ? 'Valore' : 'Ordini',
+                        data: rows.map(r => +r.n)
+                    }],
+                    colors: [color],
+                    tooltip: {
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    },
+                    xaxis: {
+                        categories: rows.map(r => r.label)
+                    },
+                    plotOptions: {
+                        bar: {
+                            borderRadius: 5,
+                            columnWidth: '55%'
+                        }
+                    },
+                    dataLabels: {
+                        enabled: false
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: fmtMetricAxis
+                        }
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    },
+                    noData: {
+                        text: 'Nessun dato'
+                    }
+                });
+            }
+
+            function renderTable(rows) {
+                const data = rows.map(r => [
+                    `<b>${esc(r.internal_ord_no)}</b>${r.external_ord_no ? `<div class="small text-muted">${esc(r.external_ord_no)}</div>` : ''}`,
+                    `<span data-order="${esc(r.order_date || '')}">${fmtDate(r.order_date)}</span>`,
+                    `<div class="fw-semibold">${esc(r.company_name)}</div><div class="small text-muted">${esc(r.customer)}</div>`,
+                    esc(r.your_reference),
+                    `<span data-order="${esc(r.due_date || '')}">${fmtDate(r.due_date) || '—'}</span>`,
+                    +r.no_amount ? '<span data-order="-1" class="text-muted">n.d.</span>' :
+                    `<span data-order="${+r.taxable_amount}" class="amount${r.status === 'annullato' ? ' text-muted text-decoration-line-through' : ''}">${fmtEur(r.taxable_amount, 2)}</span>`,
+                    `<span class="st-badge st-${esc(r.status)}">${STATUS_LABEL[r.status] || esc(r.status)}</span>${+r.is_late ? '<span class="late-badge">IN RITARDO</span>' : ''}`,
+                    +r.invoiced ? '<span class="inv-badge">Sì</span>' : '<span class="text-muted">—</span>',
+                    esc(r.salesperson),
+                    esc(r.area),
+                    r.sale_ord_id
+                ]);
+
+                $('#rowsInfo').text(rows.length >= 5000 ? '(prime 5.000 righe: restringi i filtri)' : `(${fmtNum(rows.length)})`);
+
+                if (table) {
+                    table.clear().rows.add(data).draw(false);
+                    return;
+                }
+
+                table = $('#ordersTable').DataTable({
+                    data: data,
+                    columns: [{}, {}, {}, {}, {}, {
+                        className: 'text-end'
+                    }, {}, {}, {}, {}, {
+                        visible: false,
+                        searchable: false
+                    }],
+                    columnDefs: [{
+                        targets: [1, 4],
+                        type: 'string',
+                        render: (d, type) => type === 'sort' || type === 'type' ? ($(d).data('order') || '') : d
+                    }, {
+                        targets: [5],
+                        type: 'num',
+                        render: (d, type) => type === 'sort' || type === 'type' ? (+$(d).data('order') || 0) : d
+                    }],
+                    order: [
+                        [1, 'desc']
+                    ],
+                    pageLength: 25,
+                    lengthMenu: [10, 25, 50, 100],
+                    dom: "<'row mb-2'<'col-md-6'B><'col-md-6'f>>rt<'row mt-2'<'col-md-5'i><'col-md-7'p>>",
+                    buttons: {
+                        dom: {
+                            button: {
+                                className: 'btn'
+                            }
+                        },
+                        buttons: [{
+                                extend: 'excelHtml5',
+                                text: '<i class="fa-solid fa-file-excel me-1"></i> Excel',
+                                className: 'btn btn-outline-success btn-sm',
+                                title: 'Ordini cliente',
+                                exportOptions: {
+                                    columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+                                    format: {
+                                        // importo esportato come numero, il resto come testo
+                                        body: (d, row, col) => col === 5 ? (+$(d).data('order') >= 0 ? +$(d).data('order') : '') : $('<div>').html(String(d).replace(/<(div|span)/g, ' <$1')).text().replace(/\s+/g, ' ').trim()
+                                    }
+                                }
+                            },
+                            {
+                                extend: 'csvHtml5',
+                                text: '<i class="fa-solid fa-file-csv me-1"></i> CSV',
+                                className: 'btn btn-outline-secondary btn-sm',
+                                fieldSeparator: ';',
+                                exportOptions: {
+                                    columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+                                    format: {
+                                        // importo esportato come numero, il resto come testo
+                                        body: (d, row, col) => col === 5 ? (+$(d).data('order') >= 0 ? +$(d).data('order') : '') : $('<div>').html(String(d).replace(/<(div|span)/g, ' <$1')).text().replace(/\s+/g, ' ').trim()
+                                    }
+                                }
+                            }
+                        ]
+                    },
+                    language: {
+                        url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/it-IT.json'
+                    }
+                });
+
+                $('#ordersTable tbody').on('click', 'tr', function() {
+                    const row = table.row(this).data();
+                    if (row) openOrder(row[10]);
+                });
+            }
+
+            /* ---------------- DETTAGLIO ORDINE ---------------- */
+            function openOrder(id) {
+                $('#orderModalBody').html('<div class="text-muted">Caricamento…</div>');
+                bootstrap.Modal.getOrCreateInstance(document.getElementById('orderModal')).show();
+
+                fetch('?action=order&id=' + encodeURIComponent(id))
+                    .then(r => r.json())
+                    .then(d => {
+                        if (!d.success) {
+                            $('#orderModalBody').html(`<div class="text-danger">${esc(d.message)}</div>`);
+                            return;
+                        }
+                        const o = d.order;
+                        const extra = Object.entries(d.extra || {})
+                            .filter(([k, v]) => v !== null && v !== '')
+                            .map(([k, v]) => `<div class="l">${esc(k)}</div><div>${/^\d{4}-\d{2}-\d{2}/.test(v) ? esc(fmtDate(v) + (v.length > 10 ? ' ' + v.substring(11, 16) : '')) : esc(v)}</div>`)
+                            .join('');
+
+                        $('#orderModalBody').html(`
+                            <div class="order-head mb-3">
+                                <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
+                                    <div>
+                                        <h4 class="mb-1">Ordine ${esc(o.internal_ord_no)}</h4>
+                                        <div>${esc(o.company_name)} <span style="opacity:.8;">(${esc(o.customer)})</span></div>
+                                    </div>
+                                    <div class="text-end">
+                                        <span class="st-badge st-${esc(o.status)}" style="border:2px solid rgba(255,255,255,.7);">${STATUS_LABEL[o.status] || esc(o.status)}</span>
+                                    </div>
+                                </div>
+                            </div>
+                            ${o.summary_tb_modified ? `
+                            <div class="row g-2 mb-3 text-center">
+                                <div class="col-6 col-md-3"><div class="p-2 rounded" style="background:#ecfdf5;"><div class="small text-muted">Imponibile</div><div class="fw-bold amount">${fmtEur(o.taxable_amount, 2)}</div></div></div>
+                                <div class="col-6 col-md-3"><div class="p-2 rounded" style="background:#f8fafc;"><div class="small text-muted">IVA</div><div class="fw-bold amount">${fmtEur(o.tax_amount, 2)}</div></div></div>
+                                <div class="col-6 col-md-3"><div class="p-2 rounded" style="background:#eff6ff;"><div class="small text-muted">Totale</div><div class="fw-bold amount">${fmtEur(o.total_amount, 2)}</div></div></div>
+                                <div class="col-6 col-md-3"><div class="p-2 rounded" style="background:#f8fafc;"><div class="small text-muted">Sconti / Spese</div><div class="fw-bold amount">${fmtEur(o.discounts, 2)} / ${fmtEur(o.charges, 2)}</div></div></div>
+                            </div>` : '<div class="warn-strip mb-3">Importi non ancora letti da Mago.</div>'}
+                            <div class="ro-grid mb-3">
+                                <div class="l">Data ordine</div><div>${fmtDate(o.order_date) || '—'}</div>
+                                <div class="l">Consegna prevista</div><div>${fmtDate(o.expected_delivery_date) || '—'}</div>
+                                <div class="l">Consegna confermata</div><div>${fmtDate(o.confirmed_delivery_date) || '—'}</div>
+                                <div class="l">N° ordine cliente</div><div>${esc(o.external_ord_no) || '—'}</div>
+                                <div class="l">Agente</div><div>${esc(o.salesperson) || '—'}</div>
+                                <div class="l">Area</div><div>${esc(o.area) || '—'}</div>
+                                ${extra}
+                            </div>
+                            ${o.notes ? `<div class="p-3 rounded" style="background:#f8fafc;border:1px solid #e2e8f0;white-space:pre-wrap;"><b>Note:</b><br>${esc(o.notes)}</div>` : ''}
+                            <div class="mt-3 small text-muted"><i class="fa-solid fa-circle-info me-1"></i>Le righe articolo non sono disponibili: la tabella righe ordine non è esposta dalle API di Mago.</div>
+                        `);
+                    });
+            }
+
+            /* ---------------- SINCRONIZZAZIONE ---------------- */
+            function runSync(mode) {
+                const labels = {
+                    incremental: 'Aggiornamento da Mago in corso…',
+                    test: 'Sincronizzazione di prova (50 ordini)…',
+                    full: 'Ricarico tutti gli ordini da Mago…'
+                };
+                showLoading(labels[mode]);
+
+                const body = new URLSearchParams({
+                    action: 'sync',
+                    mode: mode,
+                    limit: 50
+                });
+                fetch('', {
+                        method: 'POST',
+                        body: body
+                    })
+                    .then(r => r.json())
+                    .then(d => {
+                        hideLoading();
+                        if (!d.ok) {
+                            Swal.fire({
+                                icon: 'error',
+                                title: 'Sincronizzazione non riuscita',
+                                text: d.message || ''
+                            });
+                            if (d.info) renderSyncInfo(d.info);
+                            return;
+                        }
+                        const o = d.ordini || {},
+                            c = d.clienti || {};
+                        window.__totalOrders = d.info ? d.info.total_orders : window.__totalOrders;
+                        Swal.fire({
+                            icon: 'success',
+                            title: 'Dati aggiornati',
+                            html: `Ordini letti: <b>${fmtNum(o.records)}</b>` +
+                                (d.importi ? `<br>Totali letti: <b>${fmtNum(d.importi.records)}</b>` : '') +
+                                (c.records !== undefined ? `<br>Clienti aggiornati: <b>${fmtNum(c.records)}</b>` : '') +
+                                (d.logoff !== 'OK' ? `<div class="small text-muted mt-2">Logoff Mago: ${esc(d.logoff)}</div>` : ''),
+                            timer: 3500
+                        });
+                        loadFilterOptions(true).then(() => loadData());
+                    })
+                    .catch(() => {
+                        hideLoading();
+                        Swal.fire({
+                            icon: 'error',
+                            title: 'Errore',
+                            text: 'Errore di comunicazione con il server (la sincronizzazione potrebbe essere ancora in corso).'
+                        });
+                    });
+            }
+
+            /* ---------------- EVENTI ---------------- */
+            $(function() {
+                initSelect('#fCustomers', 'Tutti i clienti');
+                initSelect('#fSalespeople', 'Tutti');
+                initSelect('#fAreas', 'Tutte');
+
+                $('#periodChips').on('click', '.chip', function() {
+                    setPeriod($(this).data('period'));
+                });
+                $('#fFrom, #fTo').on('change', function() {
+                    $('#periodChips .chip').removeClass('active');
+                    scheduleLoad(0);
+                });
+                $('#statusChips').on('click', '.chip', function() {
+                    toggleStatus($(this).data('status'), false);
+                });
+                $('#fSearch').on('input', () => scheduleLoad(450));
+
+                $('#kpiGrid').on('click', '.kpi', function() {
+                    if ($(this).data('nofilter')) return;
+                    const st = $(this).data('status');
+                    if (!st) {
+                        $('#statusChips .chip').removeClass('active');
+                        scheduleLoad(0);
+                        return;
+                    }
+                    toggleStatus(st, true);
+                });
+
+                $('#btnReset').on('click', function() {
+                    $('#fCustomers, #fSalespeople, #fAreas').val(null).trigger('change.select2');
+                    $('#statusChips .chip').removeClass('active');
+                    $('#fSearch').val('');
+                    setPeriod('y' + new Date().getFullYear());
+                });
+
+                $('#metricSwitch').on('click', 'button', function() {
+                    metric = $(this).data('metric');
+                    updateMetricTitles();
+                    scheduleLoad(0);
+                });
+
+                $('#btnSyncIncremental').on('click', () => runSync('incremental'));
+                $(document).on('click', '.sync-action', function(e) {
+                    e.preventDefault();
+                    const mode = $(this).data('mode');
+                    if (mode === 'full') {
+                        Swal.fire({
+                            icon: 'question',
+                            title: 'Ricaricare tutti gli ordini dal 2020?',
+                            text: 'Può richiedere alcuni minuti: per il primo caricamento è meglio usare il comando da terminale.',
+                            showCancelButton: true,
+                            confirmButtonText: 'Sì, ricarica',
+                            cancelButtonText: 'Annulla'
+                        }).then(r => {
+                            if (r.isConfirmed) runSync('full');
+                        });
+                        return;
+                    }
+                    runSync(mode);
+                });
+
+                // Avvio: opzioni filtri → ripristino ultimi filtri → dati
+                loadFilterOptions(false).then(d => {
+                    window.__totalOrders = d && d.sync ? d.sync.total_orders : 0;
+
+                    const saved = restoreFilters();
+                    if (saved && saved.metric === 'value') metric = 'value';
+                    if (saved && saved.from) {
+                        $('#fFrom').val(saved.from);
+                        $('#fTo').val(saved.to);
+                        $('#fCustomers').val(saved.customers || []).trigger('change.select2');
+                        $('#fSalespeople').val(saved.salespeople || []).trigger('change.select2');
+                        $('#fAreas').val(saved.areas || []).trigger('change.select2');
+                        (saved.statuses || []).forEach(s => $(`#statusChips .chip[data-status="${s}"]`).addClass('active'));
+                        $('#fSearch').val(saved.q || '');
+                    } else {
+                        setPeriod('y' + new Date().getFullYear(), true);
+                    }
+                    loadData();
+                });
+            });
+        })();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/userarea/sales_orders_years.php b/public/userarea/sales_orders_years.php
new file mode 100644
index 00000000..b789e730
--- /dev/null
+++ b/public/userarea/sales_orders_years.php
@@ -0,0 +1,1273 @@
+<?php
+ob_start();
+ini_set('display_errors', 1);
+error_reporting(E_ALL);
+
+include('include/headscript.php');
+require_once __DIR__ . '/class/MagoSalesStats.php';
+
+$db = DBHandlerSelect::getInstance();
+$pdo = $db->getConnection();
+$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+
+// --- Permessi: pagina visibile solo con 'sales.stats.view' ---
+if (!userCan('sales.stats.view')) {
+    if (isset($_GET['action']) || isset($_POST['action'])) {
+        MagoSalesStats::jsonOut(['success' => false, 'ok' => false, 'message' => 'Non hai i permessi per questa pagina']);
+    }
+    while (ob_get_level()) ob_end_clean();
+    http_response_code(403);
+    echo '<div style="font-family:sans-serif;padding:60px;text-align:center;"><h3>Accesso non consentito</h3><p>Non hai i permessi per visualizzare questa pagina.</p><a href="production_dashboard.php">Torna alla Dashboard</a></div>';
+    exit;
+}
+
+/* ============================================================
+ * AJAX
+ * ============================================================ */
+
+$action = $_GET['action'] ?? '';
+
+if ($action === 'filters') {
+    MagoSalesStats::jsonOut(MagoSalesStats::filterOptions($pdo));
+}
+
+if ($action === 'data') {
+    try {
+        $from = MagoSalesStats::baseFrom();
+
+        // Filtri cliente / agente / area (le date qui non si usano: si ragiona per anni)
+        [$where, $params] = MagoSalesStats::buildWhere(['from' => '', 'to' => '']);
+
+        // "A pari data": ogni anno considerato solo fino al giorno/mese di oggi
+        $ytd = !empty($_GET['ytd']);
+        $ytdCond = $ytd ? " AND DATE_FORMAT(x.order_date, '%m-%d') <= DATE_FORMAT(CURDATE(), '%m-%d')" : '';
+
+        // Metrica: numero ordini o valore (imponibile); gli annullati sono sempre esclusi
+        $metric = (($_GET['metric'] ?? '') === 'value') ? 'value' : 'count';
+        $m = $metric === 'value'
+            ? "CASE WHEN x.status <> 'annullato' THEN x.taxable_amount ELSE 0 END"
+            : "CASE WHEN x.status <> 'annullato' THEN 1 ELSE 0 END";
+
+        // --- Riepilogo per TUTTI gli anni (serve anche l'anno prima del primo selezionato per la variazione) ---
+        $summary = MagoSalesStats::fetchAllQ($pdo, "
+            SELECT YEAR(x.order_date) AS y,
+                   SUM(x.status <> 'annullato') AS orders,
+                   COALESCE(SUM(CASE WHEN x.status <> 'annullato' THEN x.taxable_amount END), 0) AS value,
+                   COUNT(DISTINCT CASE WHEN x.status <> 'annullato' THEN x.customer END) AS customers,
+                   SUM(x.status = 'annullato') AS cancelled,
+                   SUM(x.summary_tb_modified IS NULL) AS missing_amounts
+            FROM $from
+            WHERE $where AND x.order_date IS NOT NULL $ytdCond
+            GROUP BY y
+            ORDER BY y
+        ", $params);
+
+        $available = array_map(function ($r) {
+            return (int)$r['y'];
+        }, $summary);
+
+        // Anni scelti (validati); default: gli ultimi 3 disponibili
+        $years = array_values(array_intersect(array_map('intval', MagoSalesStats::arrParam('years')), $available));
+        if (!$years) $years = array_slice($available, -3);
+        sort($years);
+
+        $monthly = [];
+        $customers = [];
+
+        if ($years) {
+            $ph = [];
+            $yp = $params;
+            foreach ($years as $i => $y) {
+                $ph[] = ':yy' . $i;
+                $yp['yy' . $i] = $y;
+            }
+            $yearIn = 'YEAR(x.order_date) IN (' . implode(',', $ph) . ')';
+
+            // --- Mensile per anno ---
+            $monthly = MagoSalesStats::fetchAllQ($pdo, "
+                SELECT YEAR(x.order_date) AS y, MONTH(x.order_date) AS m, SUM($m) AS v
+                FROM $from
+                WHERE $where AND $yearIn $ytdCond
+                GROUP BY y, m
+                ORDER BY y, m
+            ", $yp);
+
+            // --- Clienti per anno ---
+            $rows = MagoSalesStats::fetchAllQ($pdo, "
+                SELECT x.customer AS code, x.company_name AS name, YEAR(x.order_date) AS y, SUM($m) AS v
+                FROM $from
+                WHERE $where AND $yearIn $ytdCond AND x.customer <> ''
+                GROUP BY x.customer, x.company_name, y
+            ", $yp);
+
+            foreach ($rows as $r) {
+                $k = $r['code'];
+                if (!isset($customers[$k])) {
+                    $customers[$k] = ['code' => $r['code'], 'name' => $r['name'], 'v' => []];
+                }
+                $customers[$k]['v'][(int)$r['y']] = (float)$r['v'];
+            }
+            $customers = array_values($customers);
+        }
+
+        MagoSalesStats::jsonOut([
+            'success'   => true,
+            'metric'    => $metric,
+            'ytd'       => $ytd,
+            'today'     => date('Y-m-d'),
+            'available' => $available,
+            'years'     => $years,
+            'summary'   => $summary,
+            'monthly'   => $monthly,
+            'customers' => $customers,
+        ]);
+    } catch (Throwable $e) {
+        MagoSalesStats::jsonOut(['success' => false, 'message' => $e->getMessage()]);
+    }
+}
+
+?>
+<!doctype html>
+<html lang="it">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
+    <?php include('cssinclude.php'); ?>
+    <title>Confronto anni - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
+
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+    <!-- DataTables + export -->
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.bootstrap5.min.css">
+    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
+
+    <!-- Select2 -->
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.full.min.js"></script>
+
+    <!-- Grafici -->
+    <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.49.1"></script>
+
+    <style>
+        :root {
+            --c-ink: #1f2d3d;
+            --c-muted: #64748b;
+            --c-line: #e2e8f0;
+        }
+
+        body {
+            font-size: 1.02rem;
+            background: #f8fafc;
+        }
+
+        .card {
+            border-radius: 16px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        }
+
+        .back-dashboard {
+            background-color: #b9ebc7 !important;
+            color: var(--c-ink) !important;
+            border-radius: 10px;
+            font-weight: 600;
+            padding: 10px 18px;
+        }
+
+        /* ---------- HEADER ---------- */
+        .stats-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+
+        .stats-title {
+            display: flex;
+            align-items: center;
+            gap: 14px;
+        }
+
+        .stats-title-icon {
+            width: 52px;
+            height: 52px;
+            border-radius: 14px;
+            background: linear-gradient(135deg, #198754, #3bb77e);
+            color: #fff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.5rem;
+            box-shadow: 0 6px 16px rgba(25, 135, 84, .25);
+        }
+
+        .sync-pill {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 5px 12px;
+            border-radius: 999px;
+            background: #eef6ff;
+            color: #0b3d91;
+            font-size: .85rem;
+            font-weight: 600;
+        }
+
+        .sync-pill .dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: #94a3b8;
+        }
+
+        .sync-pill.ok .dot {
+            background: #22c55e;
+        }
+
+        .sync-pill.err .dot {
+            background: #ef4444;
+        }
+
+        /* ---------- TAB PAGINE ---------- */
+        .stats-tabs {
+            display: flex;
+            gap: 6px;
+            border-bottom: 2px solid var(--c-line);
+            margin-bottom: 18px;
+            flex-wrap: wrap;
+        }
+
+        .stats-tabs a {
+            padding: 10px 18px;
+            border-radius: 12px 12px 0 0;
+            font-weight: 700;
+            color: var(--c-muted);
+            text-decoration: none;
+            background: #f1f5f9;
+            margin-bottom: -2px;
+            border: 2px solid transparent;
+        }
+
+        .stats-tabs a:hover {
+            color: var(--c-ink);
+        }
+
+        .stats-tabs a.active {
+            background: #fff;
+            color: #198754;
+            border-color: var(--c-line);
+            border-bottom-color: #fff;
+        }
+
+        /* ---------- FILTRI ---------- */
+        .filters-box {
+            background: #fff;
+            border: 1px solid var(--c-line);
+            border-radius: 16px;
+            padding: 16px;
+            box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
+        }
+
+        .filters-box label.flabel {
+            font-weight: 700;
+            font-size: .8rem;
+            color: var(--c-muted);
+            text-transform: uppercase;
+            letter-spacing: .4px;
+            margin-bottom: 4px;
+            display: block;
+        }
+
+        .chip-row {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+        }
+
+        .chip {
+            border: 1.5px solid var(--c-line);
+            background: #fff;
+            color: var(--c-ink);
+            border-radius: 999px;
+            padding: 6px 14px;
+            font-weight: 700;
+            font-size: .92rem;
+            cursor: pointer;
+            transition: all .15s ease;
+            display: inline-flex;
+            align-items: center;
+            gap: 7px;
+        }
+
+        .chip .dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background: var(--yc, #94a3b8);
+        }
+
+        .chip.active {
+            background: var(--yc, #198754);
+            border-color: var(--yc, #198754);
+            color: #fff;
+        }
+
+        .chip.active .dot {
+            background: #fff;
+        }
+
+        .metric-switch {
+            display: inline-flex;
+            background: #f1f5f9;
+            border-radius: 12px;
+            padding: 4px;
+            gap: 4px;
+        }
+
+        .metric-switch button {
+            border: 0;
+            background: transparent;
+            padding: 7px 16px;
+            border-radius: 9px;
+            font-weight: 700;
+            color: var(--c-muted);
+        }
+
+        .metric-switch button.active {
+            background: #fff;
+            color: var(--c-ink);
+            box-shadow: 0 2px 6px rgba(15, 23, 42, .1);
+        }
+
+        .ytd-switch {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            background: #f1f5f9;
+            border-radius: 12px;
+            padding: 7px 14px;
+            font-weight: 700;
+            color: var(--c-ink);
+            cursor: pointer;
+            user-select: none;
+        }
+
+        .ytd-switch .form-check-input {
+            width: 2.6em;
+            height: 1.35em;
+            margin: 0;
+            cursor: pointer;
+        }
+
+        .ytd-switch .form-check-input:checked {
+            background-color: #198754;
+            border-color: #198754;
+        }
+
+        .select2-container--bootstrap-5 .select2-selection {
+            border-radius: 10px;
+            min-height: 42px;
+        }
+
+        /* ---------- CARTE ANNO ---------- */
+        .year-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+            gap: 14px;
+        }
+
+        .year-card {
+            background: color-mix(in srgb, var(--yc) 12%, #fff);
+            border: 1px solid color-mix(in srgb, var(--yc) 28%, #fff);
+            border-radius: 16px;
+            padding: 16px 18px;
+        }
+
+        .year-card .y {
+            font-size: 1.05rem;
+            font-weight: 800;
+            color: color-mix(in srgb, var(--yc) 75%, #1f2d3d);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .year-card .y small {
+            font-weight: 600;
+            font-size: .78rem;
+            color: var(--c-muted);
+        }
+
+        .year-card .big {
+            font-size: 1.9rem;
+            font-weight: 800;
+            color: var(--c-ink);
+            font-variant-numeric: tabular-nums;
+            line-height: 1.15;
+            margin-top: 6px;
+        }
+
+        .year-card .stats {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 6px;
+            margin-top: 10px;
+        }
+
+        .year-card .stats div {
+            background: #fff;
+            border-radius: 10px;
+            padding: 6px 8px;
+        }
+
+        .year-card .stats b {
+            display: block;
+            font-size: 1rem;
+            color: var(--c-ink);
+            font-variant-numeric: tabular-nums;
+        }
+
+        .year-card .stats span {
+            font-size: .72rem;
+            color: var(--c-muted);
+            font-weight: 700;
+            text-transform: uppercase;
+        }
+
+        .year-card .deltas {
+            margin-top: 10px;
+            font-size: .88rem;
+            color: var(--c-muted);
+            display: flex;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+
+        .delta-up {
+            color: #198754;
+            font-weight: 800;
+        }
+
+        .delta-down {
+            color: #dc3545;
+            font-weight: 800;
+        }
+
+        /* ---------- GRAFICI / TABELLA ---------- */
+        .chart-card {
+            background: #fff;
+            border: 1px solid var(--c-line);
+            border-radius: 16px;
+            padding: 16px;
+            height: 100%;
+        }
+
+        .chart-title {
+            font-weight: 800;
+            color: var(--c-ink);
+            font-size: 1rem;
+        }
+
+        .chart-hint {
+            font-size: .8rem;
+            color: var(--c-muted);
+        }
+
+        #custTable thead th {
+            background: #b9ebc7;
+            color: var(--c-ink);
+            white-space: nowrap;
+        }
+
+        #custTable tbody tr {
+            cursor: pointer;
+        }
+
+        .amount {
+            font-variant-numeric: tabular-nums;
+            white-space: nowrap;
+        }
+
+        .trend {
+            display: inline-flex;
+            align-items: center;
+            gap: 4px;
+            padding: 3px 10px;
+            border-radius: 999px;
+            font-weight: 800;
+            font-size: .78rem;
+            white-space: nowrap;
+        }
+
+        .trend-new {
+            background: #e0f2fe;
+            color: #0369a1;
+        }
+
+        .trend-lost {
+            background: #fde8ea;
+            color: #b02a37;
+        }
+
+        .trend-up {
+            background: #dcfce7;
+            color: #15803d;
+        }
+
+        .trend-down {
+            background: #ffedd5;
+            color: #c2410c;
+        }
+
+        .trend-flat {
+            background: #f1f5f9;
+            color: #475569;
+        }
+
+        .warn-strip {
+            background: #fff8e6;
+            border: 1px solid #ffe2a8;
+            color: #8a5a00;
+            border-radius: 12px;
+            padding: 10px 14px;
+            font-size: .9rem;
+        }
+
+        .dataTables_wrapper .dt-buttons .btn {
+            border-radius: 10px;
+            font-weight: 600;
+        }
+
+        .empty-state {
+            text-align: center;
+            padding: 60px 20px;
+            color: var(--c-muted);
+        }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper" id="appWrapper">
+        <?php include('include/navbar.php'); ?>
+        <?php include('include/topbar.php'); ?>
+
+        <div class="page-wrapper">
+            <div class="page-content">
+                <div class="card p-3">
+
+                    <!-- HEADER -->
+                    <div class="card-header bg-white border-0 pb-3">
+                        <div class="stats-header">
+                            <div class="stats-title">
+                                <div class="stats-title-icon"><i class="fa-solid fa-chart-column"></i></div>
+                                <div>
+                                    <h5 class="mb-1" style="font-weight:800;">Statistiche Ordini Cliente</h5>
+                                    <span class="sync-pill" id="syncPill"><span class="dot"></span><span id="syncText">Dati Mago4</span></span>
+                                </div>
+                            </div>
+                            <button type="button" class="btn back-dashboard" onclick="location.href='production_dashboard.php'">↩️ Torna alla Dashboard</button>
+                        </div>
+                    </div>
+
+                    <div class="card-body pt-0">
+
+                        <div class="stats-tabs">
+                            <a href="sales_orders_stats.php"><i class="fa-solid fa-list-check me-1"></i> Andamento ordini</a>
+                            <a href="sales_orders_years.php" class="active"><i class="fa-solid fa-chart-column me-1"></i> Confronto anni</a>
+                        </div>
+
+                        <!-- FILTRI -->
+                        <div class="filters-box mb-4">
+                            <div class="row g-3 align-items-end">
+                                <div class="col-12 col-xl-6">
+                                    <label class="flabel">Anni da confrontare</label>
+                                    <div class="chip-row" id="yearChips"></div>
+                                </div>
+                                <div class="col-12 col-xl-6 d-flex gap-2 flex-wrap justify-content-xl-end">
+                                    <label class="ytd-switch" for="ytdToggle" title="Ogni anno viene considerato solo fino al giorno di oggi, per confronti equi con l'anno in corso">
+                                        <input class="form-check-input" type="checkbox" role="switch" id="ytdToggle" checked>
+                                        <span id="ytdLabel">A pari data</span>
+                                    </label>
+                                    <div class="metric-switch" id="metricSwitch">
+                                        <button type="button" data-metric="value" class="active">€ Valore</button>
+                                        <button type="button" data-metric="count"># N° ordini</button>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="row g-2 align-items-end mt-1">
+                                <div class="col-12 col-md-5">
+                                    <label class="flabel" for="fCustomers">Clienti</label>
+                                    <select id="fCustomers" multiple style="width:100%;"></select>
+                                </div>
+                                <div class="col-6 col-md-3">
+                                    <label class="flabel" for="fSalespeople">Agente</label>
+                                    <select id="fSalespeople" multiple style="width:100%;"></select>
+                                </div>
+                                <div class="col-6 col-md-3">
+                                    <label class="flabel" for="fAreas">Area</label>
+                                    <select id="fAreas" multiple style="width:100%;"></select>
+                                </div>
+                                <div class="col-12 col-md-1 d-grid">
+                                    <button type="button" class="btn btn-outline-secondary" id="btnReset" title="Azzera filtri" style="border-radius:12px;min-height:42px;">
+                                        <i class="fa-solid fa-eraser"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="emptyState" class="empty-state" style="display:none;">
+                            <div style="font-size:3rem;">📊</div>
+                            <h5 class="mt-2" style="color:var(--c-ink);">Nessun dato da confrontare</h5>
+                            <p>Sincronizza gli ordini da Mago dalla pagina <a href="sales_orders_stats.php">Andamento ordini</a>.</p>
+                        </div>
+
+                        <div id="content">
+                            <div class="warn-strip mb-3" id="missingAmounts" style="display:none;"></div>
+
+                            <!-- RIEPILOGO ANNI -->
+                            <div class="year-grid mb-4" id="yearCards"></div>
+
+                            <!-- GRAFICI -->
+                            <div class="row g-3 mb-3">
+                                <div class="col-xl-6">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlMonthly">Andamento mensile</div>
+                                        <div class="chart-hint">Stagionalità: un colore per anno</div>
+                                        <div id="chMonthly" style="min-height:340px;"></div>
+                                    </div>
+                                </div>
+                                <div class="col-xl-6">
+                                    <div class="chart-card">
+                                        <div class="chart-title" id="ttlCumul">Progressivo dell'anno</div>
+                                        <div class="chart-hint">Somma da gennaio: dice se si è avanti o indietro rispetto agli anni scorsi</div>
+                                        <div id="chCumul" style="min-height:340px;"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- CLIENTI -->
+                            <div class="chart-card">
+                                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2">
+                                    <div>
+                                        <div class="chart-title" id="ttlCust">Clienti a confronto</div>
+                                        <div class="chart-hint" id="custHint">Clicca un cliente per filtrare tutta la pagina</div>
+                                    </div>
+                                    <div class="chip-row" id="trendChips">
+                                        <button type="button" class="chip active" data-trend="" style="--yc:#198754;">Tutti <span class="badge bg-light text-dark" id="cntAll">0</span></button>
+                                        <button type="button" class="chip" data-trend="new" style="--yc:#0369a1;">Nuovi <span class="badge bg-light text-dark" id="cntNew">0</span></button>
+                                        <button type="button" class="chip" data-trend="lost" style="--yc:#b02a37;">Persi <span class="badge bg-light text-dark" id="cntLost">0</span></button>
+                                        <button type="button" class="chip" data-trend="up" style="--yc:#15803d;">In crescita <span class="badge bg-light text-dark" id="cntUp">0</span></button>
+                                        <button type="button" class="chip" data-trend="down" style="--yc:#c2410c;">In calo <span class="badge bg-light text-dark" id="cntDown">0</span></button>
+                                    </div>
+                                </div>
+                                <div class="table-responsive">
+                                    <table id="custTable" class="table table-striped align-middle w-100"></table>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <?php include('include/footer.php'); ?>
+    </div>
+
+    <?php include('jsinclude.php'); ?>
+    <script>
+        (function() {
+            const MONTHS = ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'];
+            const PALETTE = ['#198754', '#0d6efd', '#fd7e14', '#6f42c1', '#0ea5e9', '#d63384', '#64748b', '#a16207'];
+            const STORE_KEY = 'zibo_sales_years_filters_v1';
+            const CUR_Y = new Date().getFullYear();
+
+            const charts = {};
+            let table = null;
+            let metric = 'value';
+            let selectedYears = [];
+            let trendFilter = '';
+            let lastData = null;
+            let loadTimer = null;
+            let reqSeq = 0;
+
+            /* ---------------- UTILS ---------------- */
+            const yearColor = y => PALETTE[Math.max(0, CUR_Y - y) % PALETTE.length];
+
+            function esc(s) {
+                return String(s ?? '').replace(/[&<>"']/g, c => ({
+                    '&': '&amp;',
+                    '<': '&lt;',
+                    '>': '&gt;',
+                    '"': '&quot;',
+                    "'": '&#039;'
+                } [c]));
+            }
+
+            const fmtNum = n => Number(n || 0).toLocaleString('it-IT');
+            const fmtEur = (n, dec) => Number(n || 0).toLocaleString('it-IT', {
+                style: 'currency',
+                currency: 'EUR',
+                minimumFractionDigits: dec || 0,
+                maximumFractionDigits: dec || 0
+            });
+
+            function fmtEurShort(n) {
+                const v = Number(n || 0),
+                    a = Math.abs(v);
+                if (a >= 1e6) return (v / 1e6).toLocaleString('it-IT', {
+                    maximumFractionDigits: 2
+                }) + ' M€';
+                if (a >= 1e4) return (v / 1e3).toLocaleString('it-IT', {
+                    maximumFractionDigits: 1
+                }) + ' k€';
+                return fmtEur(v);
+            }
+
+            const fmtMetric = v => v === null || v === undefined ? '—' : (metric === 'value' ? fmtEur(v) : fmtNum(Math.round(v)));
+            const fmtAxis = v => metric === 'value' ? fmtEurShort(v) : fmtNum(Math.round(v));
+
+            function pct(cur, prev) {
+                if (!prev) return null;
+                return (cur - prev) * 100 / prev;
+            }
+
+            function deltaSpan(p, label) {
+                if (p === null) return '';
+                const r = Math.round(p);
+                return `<span><span class="${r >= 0 ? 'delta-up' : 'delta-down'}">${r >= 0 ? '▲' : '▼'} ${Math.abs(r)}%</span> ${label}</span>`;
+            }
+
+            function todayLabel() {
+                const d = new Date();
+                return `${d.getDate()} ${MONTHS[d.getMonth()]}`;
+            }
+
+            /* ---------------- STATO FILTRI ---------------- */
+            function save() {
+                try {
+                    localStorage.setItem(STORE_KEY, JSON.stringify({
+                        years: selectedYears,
+                        metric: metric,
+                        ytd: $('#ytdToggle').is(':checked'),
+                        customers: $('#fCustomers').val() || [],
+                        salespeople: $('#fSalespeople').val() || [],
+                        areas: $('#fAreas').val() || []
+                    }));
+                } catch (e) {}
+            }
+
+            function restore() {
+                try {
+                    return JSON.parse(localStorage.getItem(STORE_KEY) || 'null');
+                } catch (e) {
+                    return null;
+                }
+            }
+
+            function scheduleLoad(delay) {
+                clearTimeout(loadTimer);
+                loadTimer = setTimeout(loadData, delay === undefined ? 300 : delay);
+            }
+
+            function renderYearChips(available) {
+                const years = available.slice().sort((a, b) => b - a);
+                $('#yearChips').html(years.map(y =>
+                    `<button type="button" class="chip${selectedYears.includes(y) ? ' active' : ''}" data-year="${y}" style="--yc:${yearColor(y)};"><span class="dot"></span>${y}</button>`
+                ).join(''));
+            }
+
+            function renderSyncInfo(s) {
+                const $p = $('#syncPill').removeClass('ok err');
+                const o = s && s.sale_ord;
+                if (!s || s.error || !o || !o.last_run_at) {
+                    $('#syncText').text(s && s.error ? s.error : 'Mai sincronizzato');
+                    if (s && s.error) $p.addClass('err');
+                    return;
+                }
+                $p.addClass(o.last_status === 'ok' ? 'ok' : 'err');
+                $('#syncText').text(`Aggiornato il ${o.last_run_at} · ${fmtNum(s.total_orders)} ordini in archivio`);
+            }
+
+            /* ---------------- CARICAMENTO ---------------- */
+            function loadFilters() {
+                return fetch('?action=filters').then(r => r.json()).then(d => {
+                    renderSyncInfo(d.sync);
+                    if (!d.success) return d;
+                    const fill = (id, list, label) => {
+                        const $s = $(id).empty();
+                        list.forEach(o => $s.append(new Option(label(o), o.code, false, false)));
+                    };
+                    fill('#fCustomers', d.customers || [], o => `${o.name} (${o.code})`);
+                    fill('#fSalespeople', d.salespeople || [], o => o.code);
+                    fill('#fAreas', d.areas || [], o => o.code);
+                    return d;
+                });
+            }
+
+            function loadData() {
+                save();
+                const p = new URLSearchParams();
+                p.append('action', 'data');
+                p.append('metric', metric);
+                if ($('#ytdToggle').is(':checked')) p.append('ytd', '1');
+                selectedYears.forEach(y => p.append('years[]', y));
+                ['customers', 'salespeople', 'areas'].forEach(k => {
+                    const id = {
+                        customers: '#fCustomers',
+                        salespeople: '#fSalespeople',
+                        areas: '#fAreas'
+                    } [k];
+                    ($(id).val() || []).forEach(v => p.append(k + '[]', v));
+                });
+
+                const seq = ++reqSeq;
+                $('#content').css('opacity', .55);
+
+                fetch('?' + p.toString()).then(r => r.json()).then(d => {
+                    if (seq !== reqSeq) return;
+                    $('#content').css('opacity', 1);
+                    if (!d.success) {
+                        alert(d.message || 'Errore nel caricamento');
+                        return;
+                    }
+                    lastData = d;
+                    selectedYears = d.years.slice();
+                    renderYearChips(d.available);
+
+                    const empty = !d.available.length;
+                    $('#emptyState').toggle(empty);
+                    $('#content').toggle(!empty);
+                    if (empty) return;
+
+                    updateTitles();
+                    renderCards(d);
+                    renderMonthly(d);
+                    renderCumul(d);
+                    renderCustomers(d);
+                }).catch(e => {
+                    $('#content').css('opacity', 1);
+                    console.error(e);
+                });
+            }
+
+            function updateTitles() {
+                const v = metric === 'value';
+                const ytd = $('#ytdToggle').is(':checked');
+                $('#ytdLabel').text(`A pari data (fino al ${todayLabel()})`);
+                $('#metricSwitch button').removeClass('active');
+                $(`#metricSwitch button[data-metric="${metric}"]`).addClass('active');
+                $('#ttlMonthly').text(v ? 'Valore ordinato per mese' : 'Ordini per mese');
+                $('#ttlCumul').text(v ? 'Valore progressivo dell\'anno' : 'Ordini progressivi dell\'anno');
+                $('#ttlCust').text(v ? 'Clienti a confronto · valore ordinato' : 'Clienti a confronto · numero ordini');
+            }
+
+            /* ---------------- CARTE ANNO ---------------- */
+            function renderCards(d) {
+                const byYear = {};
+                d.summary.forEach(r => byYear[+r.y] = r);
+                const ytd = !!d.ytd;
+
+                const missing = d.summary.filter(r => d.years.includes(+r.y)).reduce((a, r) => a + (+r.missing_amounts || 0), 0);
+                $('#missingAmounts').toggle(missing > 0).html(missing > 0 ?
+                    `<i class="fa-solid fa-circle-exclamation me-1"></i> ${fmtNum(missing)} ordini negli anni scelti non hanno ancora gli importi: lancia una sincronizzazione.` : '');
+
+                $('#yearCards').html(d.years.slice().reverse().map(y => {
+                    const r = byYear[y] || {
+                        orders: 0,
+                        value: 0,
+                        customers: 0
+                    };
+                    const prev = byYear[y - 1];
+                    const orders = +r.orders,
+                        value = +r.value,
+                        avg = orders ? value / orders : 0;
+                    const scope = ytd ? `al ${todayLabel()}` : (y === CUR_Y ? 'in corso' : 'anno intero');
+                    const deltas = prev ? [
+                        deltaSpan(pct(value, +prev.value), `valore vs ${y - 1}`),
+                        deltaSpan(pct(orders, +prev.orders), `ordini`)
+                    ].join('') : `<span>nessun dato ${y - 1}</span>`;
+
+                    return `
+                        <div class="year-card" style="--yc:${yearColor(y)};">
+                            <div class="y">${y} <small>${scope}</small></div>
+                            <div class="big" title="${esc(fmtEur(value, 2))}">${fmtEurShort(value)}</div>
+                            <div class="stats">
+                                <div><span>Ordini</span><b>${fmtNum(orders)}</b></div>
+                                <div><span>Medio</span><b>${fmtEurShort(avg)}</b></div>
+                                <div><span>Clienti</span><b>${fmtNum(r.customers)}</b></div>
+                            </div>
+                            <div class="deltas">${deltas}</div>
+                        </div>`;
+                }).join(''));
+            }
+
+            /* ---------------- GRAFICI ---------------- */
+            function seriesByYear(d) {
+                const map = {};
+                d.years.forEach(y => map[y] = Array(12).fill(0));
+                d.monthly.forEach(r => {
+                    if (map[+r.y]) map[+r.y][+r.m - 1] = +r.v;
+                });
+                // mesi futuri: vuoti (non zero) per l'anno in corso, e per tutti se "a pari data"
+                const curM = new Date().getMonth();
+                d.years.forEach(y => {
+                    if (y === CUR_Y || d.ytd) {
+                        for (let i = curM + 1; i < 12; i++) map[y][i] = null;
+                    }
+                });
+                return map;
+            }
+
+            function upsert(key, el, opts) {
+                if (charts[key]) charts[key].updateOptions(opts, true, true);
+                else {
+                    charts[key] = new ApexCharts(document.getElementById(el), opts);
+                    charts[key].render();
+                }
+            }
+
+            const base = {
+                fontFamily: 'inherit',
+                toolbar: {
+                    show: false
+                },
+                animations: {
+                    speed: 350
+                }
+            };
+
+            function renderMonthly(d) {
+                const map = seriesByYear(d);
+                upsert('monthly', 'chMonthly', {
+                    chart: {
+                        ...base,
+                        type: 'line',
+                        height: 340
+                    },
+                    series: d.years.map(y => ({
+                        name: String(y),
+                        data: map[y]
+                    })),
+                    colors: d.years.map(yearColor),
+                    stroke: {
+                        width: d.years.map(y => y === Math.max(...d.years) ? 4 : 2.5),
+                        curve: 'smooth'
+                    },
+                    markers: {
+                        size: 4
+                    },
+                    xaxis: {
+                        categories: MONTHS
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: fmtAxis
+                        }
+                    },
+                    tooltip: {
+                        shared: true,
+                        intersect: false,
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    },
+                    legend: {
+                        position: 'top',
+                        horizontalAlign: 'left'
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    }
+                });
+            }
+
+            function renderCumul(d) {
+                const map = seriesByYear(d);
+                const cum = {};
+                d.years.forEach(y => {
+                    let s = 0;
+                    cum[y] = map[y].map(v => v === null ? null : (s += v));
+                });
+                upsert('cumul', 'chCumul', {
+                    chart: {
+                        ...base,
+                        type: 'area',
+                        height: 340
+                    },
+                    series: d.years.map(y => ({
+                        name: String(y),
+                        data: cum[y]
+                    })),
+                    colors: d.years.map(yearColor),
+                    fill: {
+                        type: 'gradient',
+                        gradient: {
+                            opacityFrom: .25,
+                            opacityTo: .02
+                        }
+                    },
+                    stroke: {
+                        width: d.years.map(y => y === Math.max(...d.years) ? 4 : 2.5),
+                        curve: 'smooth'
+                    },
+                    dataLabels: {
+                        enabled: false
+                    },
+                    xaxis: {
+                        categories: MONTHS
+                    },
+                    yaxis: {
+                        labels: {
+                            formatter: fmtAxis
+                        }
+                    },
+                    tooltip: {
+                        shared: true,
+                        intersect: false,
+                        y: {
+                            formatter: fmtMetric
+                        }
+                    },
+                    legend: {
+                        position: 'top',
+                        horizontalAlign: 'left'
+                    },
+                    grid: {
+                        borderColor: '#eef2f7'
+                    }
+                });
+            }
+
+            /* ---------------- CLIENTI ---------------- */
+            function classify(c, last, prev) {
+                const a = c.v[last] || 0,
+                    b = prev ? (c.v[prev] || 0) : 0;
+                if (!prev) return {
+                    t: 'flat',
+                    p: null
+                };
+                if (b === 0 && a > 0) return {
+                    t: 'new',
+                    p: null
+                };
+                if (b > 0 && a === 0) return {
+                    t: 'lost',
+                    p: -100
+                };
+                const p = pct(a, b);
+                if (p === null) return {
+                    t: 'flat',
+                    p: null
+                };
+                if (p >= 10) return {
+                    t: 'up',
+                    p
+                };
+                if (p <= -10) return {
+                    t: 'down',
+                    p
+                };
+                return {
+                    t: 'flat',
+                    p
+                };
+            }
+
+            function trendBadge(c) {
+                const map = {
+                    new: ['trend-new', '★ Nuovo'],
+                    lost: ['trend-lost', '✕ Perso'],
+                    up: ['trend-up', '▲ Crescita'],
+                    down: ['trend-down', '▼ Calo'],
+                    flat: ['trend-flat', '= Stabile']
+                };
+                const [cls, txt] = map[c.t];
+                return `<span class="trend ${cls}">${txt}</span>`;
+            }
+
+            function renderCustomers(d) {
+                const years = d.years;
+                const last = years[years.length - 1];
+                const prev = years.length > 1 ? years[years.length - 2] : null;
+
+                const all = d.customers.map(c => Object.assign({}, c, classify(c, last, prev)));
+                const counts = {
+                    new: 0,
+                    lost: 0,
+                    up: 0,
+                    down: 0
+                };
+                all.forEach(c => {
+                    if (counts[c.t] !== undefined) counts[c.t]++;
+                });
+                $('#cntAll').text(fmtNum(all.length));
+                $('#cntNew').text(counts.new);
+                $('#cntLost').text(counts.lost);
+                $('#cntUp').text(counts.up);
+                $('#cntDown').text(counts.down);
+                $('#trendChips .chip').removeClass('active');
+                $(`#trendChips .chip[data-trend="${trendFilter}"]`).addClass('active');
+                $('#custHint').text(prev ?
+                    `Andamento: ${last} rispetto a ${prev} (soglia ±10%) · clicca un cliente per filtrare tutta la pagina` :
+                    'Seleziona almeno due anni per vedere nuovi, persi, crescita e calo');
+
+                const rows = all.filter(c => !trendFilter || c.t === trendFilter);
+
+                const columns = [{
+                    title: 'Cliente',
+                    data: null,
+                    render: (c, type) => type === 'display' ?
+                        `<div class="fw-semibold">${esc(c.name)}</div><div class="small text-muted">${esc(c.code)}</div>` : (type === 'export' ? `${c.name} (${c.code})` : `${c.name} ${c.code}`)
+                }];
+                years.slice().reverse().forEach(y => columns.push({
+                    title: `<span style="color:${yearColor(y)};">●</span> ${y}`,
+                    data: null,
+                    className: 'text-end amount',
+                    render: (c, type) => {
+                        const v = c.v[y] || 0;
+                        if (type !== 'display') return v;
+                        return v ? fmtMetric(v) : '<span class="text-muted">—</span>';
+                    }
+                }));
+                columns.push({
+                    title: prev ? `Var. ${last} vs ${prev}` : 'Var.',
+                    data: null,
+                    className: 'text-end',
+                    render: (c, type) => {
+                        if (type === 'export') return c.p === null ? '' : Math.round(c.p) / 100;
+                        if (type !== 'display') return c.p === null ? (c.t === 'new' ? 1e9 : -1e9) : c.p;
+                        if (c.p === null) return '<span class="text-muted">—</span>';
+                        const r = Math.round(c.p);
+                        return `<span class="${r >= 0 ? 'delta-up' : 'delta-down'}">${r >= 0 ? '+' : ''}${r}%</span>`;
+                    }
+                }, {
+                    title: 'Andamento',
+                    data: null,
+                    render: (c, type) => type === 'display' ? trendBadge(c) : (type === 'export' ? $('<div>').html(trendBadge(c)).text().replace(/^[^A-Za-zÀ-ú]+/, '') : c.t)
+                });
+
+                if (table) {
+                    table.destroy();
+                    $('#custTable').empty();
+                }
+
+                table = $('#custTable').DataTable({
+                    data: rows,
+                    columns: columns,
+                    order: [
+                        [1, 'desc']
+                    ],
+                    pageLength: 25,
+                    lengthMenu: [10, 25, 50, 100],
+                    dom: "<'row mb-2'<'col-md-6'B><'col-md-6'f>>rt<'row mt-2'<'col-md-5'i><'col-md-7'p>>",
+                    buttons: {
+                        dom: {
+                            button: {
+                                className: 'btn'
+                            }
+                        },
+                        buttons: [{
+                            extend: 'excelHtml5',
+                            text: '<i class="fa-solid fa-file-excel me-1"></i> Excel',
+                            className: 'btn btn-outline-success btn-sm',
+                            title: 'Confronto clienti per anno',
+                            exportOptions: {
+                                orthogonal: 'export',
+                                format: {
+                                    header: h => $('<div>').html(h).text().replace('●', '').trim()
+                                }
+                            }
+                        }]
+                    },
+                    language: {
+                        url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/it-IT.json'
+                    }
+                });
+
+                $('#custTable tbody').off('click').on('click', 'tr', function() {
+                    const c = table.row(this).data();
+                    if (!c) return;
+                    $('#fCustomers').val([c.code]).trigger('change');
+                    window.scrollTo({
+                        top: 0,
+                        behavior: 'smooth'
+                    });
+                });
+            }
+
+            /* ---------------- EVENTI ---------------- */
+            $(function() {
+                ['#fCustomers', '#fSalespeople', '#fAreas'].forEach((id, i) => {
+                    $(id).select2({
+                        theme: 'bootstrap-5',
+                        placeholder: ['Tutti i clienti', 'Tutti', 'Tutte'][i],
+                        allowClear: true,
+                        closeOnSelect: false,
+                        width: '100%'
+                    }).on('change', () => scheduleLoad());
+                });
+
+                $('#yearChips').on('click', '.chip', function() {
+                    const y = +$(this).data('year');
+                    if (selectedYears.includes(y)) {
+                        if (selectedYears.length === 1) return; // almeno un anno
+                        selectedYears = selectedYears.filter(x => x !== y);
+                    } else {
+                        selectedYears.push(y);
+                    }
+                    selectedYears.sort();
+                    $(this).toggleClass('active');
+                    scheduleLoad(0);
+                });
+
+                $('#ytdToggle').on('change', () => scheduleLoad(0));
+
+                $('#metricSwitch').on('click', 'button', function() {
+                    metric = $(this).data('metric');
+                    scheduleLoad(0);
+                });
+
+                $('#trendChips').on('click', '.chip', function() {
+                    trendFilter = $(this).data('trend') || '';
+                    if (lastData) renderCustomers(lastData);
+                });
+
+                $('#btnReset').on('click', function() {
+                    $('#fCustomers, #fSalespeople, #fAreas').val(null).trigger('change.select2');
+                    trendFilter = '';
+                    selectedYears = [];
+                    $('#ytdToggle').prop('checked', true);
+                    scheduleLoad(0);
+                });
+
+                loadFilters().then(() => {
+                    const s = restore();
+                    if (s) {
+                        selectedYears = (s.years || []).map(Number);
+                        metric = s.metric === 'count' ? 'count' : 'value';
+                        $('#ytdToggle').prop('checked', s.ytd !== false);
+                        $('#fCustomers').val(s.customers || []).trigger('change.select2');
+                        $('#fSalespeople').val(s.salespeople || []).trigger('change.select2');
+                        $('#fAreas').val(s.areas || []).trigger('change.select2');
+                    }
+                    updateTitles();
+                    loadData();
+                });
+            });
+        })();
+    </script>
+</body>
+
+</html>
\ No newline at end of file