:root{--colore-accento: #ffe234;--colore-accento-testo: #1c1c1e;--sfondo-pagina: #fdf6e3;--sfondo-card: #ffffff;--sfondo-card-alt: #faf9f5;--sfondo-input: #ffffff;--testo-primario: #1c1c1e;--testo-secondario: #55555c;--testo-terziario: #85858c;--bordo: #e0ddd2;--ombra: rgba(0, 0, 0, .08)}html[data-tema=scuro]{--sfondo-pagina: #17171a;--sfondo-card: #232326;--sfondo-card-alt: #2a2a2e;--sfondo-input: #2c2c30;--testo-primario: #f2f2f5;--testo-secondario: #c9c9d2;--testo-terziario: #9a9aa3;--bordo: #3a3a40;--ombra: rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sfondo-pagina);color:var(--testo-primario);transition:background .2s ease,color .2s ease}.schermo-centrato{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card-login{background:var(--sfondo-card);padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px var(--ombra);max-width:380px;width:100%;text-align:center;color:var(--testo-primario)}.card-login h1{margin:0 0 .3rem}.sottotitolo{color:var(--testo-secondario);font-size:.95rem;margin-bottom:1.5rem}.card-login form{display:flex;flex-direction:column;gap:.7rem}.card-login input{padding:.7rem .9rem;border:1px solid var(--bordo);border-radius:8px;font-size:1rem;background:var(--sfondo-input);color:var(--testo-primario)}.card-login button[type=submit]{background:var(--colore-accento);color:var(--colore-accento-testo);border:none;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.card-login button[type=submit]:hover{filter:brightness(.92)}.card-login button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.link-secondario{background:none;border:none;color:#3b82f6;cursor:pointer;margin-top:1rem;font-size:.9rem}.errore{color:#ef5350;font-size:.85rem;margin:0}.app-shell{min-height:100vh}.topbar{background:var(--sfondo-card);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px var(--ombra);font-weight:600;gap:1rem;color:var(--testo-primario)}.topbar-nav{display:flex;gap:.5rem;flex:1;flex-wrap:wrap}.topbar-nav button{background:none;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;color:var(--testo-secondario);font-size:.9rem}.topbar-nav button.attivo{background:var(--colore-accento);color:var(--colore-accento-testo);font-weight:700}.topbar-utente{display:flex;align-items:center;gap:1rem;font-weight:400;font-size:.9rem;color:var(--testo-primario)}.topbar-utente button{background:var(--sfondo-card-alt);border:1px solid var(--bordo);color:var(--testo-primario);padding:.4rem .9rem;border-radius:6px;cursor:pointer}.selettore-tema{display:flex;align-items:center;gap:.4rem}.selettore-tema button{background:var(--sfondo-card-alt);border:1px solid var(--bordo);color:var(--testo-primario);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem}.selettore-tema button.attivo{border-color:var(--colore-accento);background:var(--colore-accento);color:var(--colore-accento-testo)}.selettore-accento{display:flex;align-items:center;gap:.3rem}.pallino-accento{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:0}.pallino-accento.attivo{border-color:var(--testo-primario)}.input-colore-custom{width:24px;height:24px;border:none;border-radius:50%;padding:0;cursor:pointer;background:none}.dashboard{padding:2rem;max-width:900px;margin:0 auto;color:var(--testo-primario)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.8rem}.dashboard-header h2{color:var(--testo-primario)}.dashboard-header select{padding:.5rem .8rem;border-radius:8px;border:1px solid var(--bordo);font-size:.9rem;background:var(--sfondo-input);color:var(--testo-primario)}.grafico-container{background:var(--sfondo-card);border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px var(--ombra)}.totale-etichetta{text-align:center;color:var(--testo-secondario);margin-top:.5rem}.vuoto{color:var(--testo-terziario);text-align:center;padding:2rem}.catalogo{padding:2rem;max-width:1100px;margin:0 auto;color:var(--testo-primario)}.catalogo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.catalogo-header h2{color:var(--testo-primario)}.sottotitolo-pagina{color:var(--testo-secondario);font-size:.9rem;max-width:560px}.catalogo-header button,.catalogo-header-azioni button{background:var(--colore-accento);color:var(--colore-accento-testo);border:none;padding:.7rem 1.3rem;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.catalogo-header button:disabled{opacity:.6;cursor:not-allowed}.btn-secondario{background:var(--sfondo-card-alt)!important;color:var(--testo-primario)!important;border:1px solid var(--bordo)!important}.banner-suggerimenti{background:var(--sfondo-card-alt);border:1px solid var(--colore-accento);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1.2rem;color:var(--testo-primario)}.banner-suggerimenti-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.banner-suggerimenti-header button{background:var(--testo-primario);color:var(--sfondo-pagina);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;white-space:nowrap}.tabella-catalogo{width:100%;border-collapse:collapse;background:var(--sfondo-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px var(--ombra);color:var(--testo-primario)}.tabella-catalogo th{background:var(--sfondo-card-alt);text-align:left;padding:.8rem 1rem;font-size:.85rem;color:var(--testo-secondario)}.tabella-catalogo td{padding:.7rem 1rem;border-top:1px solid var(--bordo);font-size:.9rem;color:var(--testo-primario)}.cella-mono{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--testo-secondario)}.tabella-catalogo input[type=text],.tabella-catalogo select{padding:.4rem .6rem;border:1px solid var(--bordo);border-radius:6px;font-size:.85rem;width:100%;background:var(--sfondo-input);color:var(--testo-primario)}.suggerimento-cella{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--testo-primario)}.suggerimento-motivo{color:var(--testo-terziario);font-style:italic}.suggerimento-cella button{align-self:flex-start;background:#1e7e3422;color:#2e9e4a;border:none;padding:.3rem .7rem;border-radius:6px;font-size:.78rem;cursor:pointer;margin-top:.2rem}.suggerimento-vuoto{color:var(--testo-terziario)}.catalogo-header-azioni{display:flex;gap:.6rem;flex-wrap:wrap}.filtro-tipo{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filtro-tipo button{background:var(--sfondo-card);border:1px solid var(--bordo);padding:.4rem .9rem;border-radius:20px;font-size:.82rem;cursor:pointer;color:var(--testo-secondario)}.filtro-tipo button.attivo{background:var(--testo-primario);color:var(--sfondo-pagina);border-color:var(--testo-primario);font-weight:600}.btn-elimina{background:none;border:none;color:#ef5350;cursor:pointer;font-size:1rem;padding:.2rem .5rem}.btn-elimina:hover{background:#ef535022;border-radius:6px}.modale-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modale-contenuto{background:var(--sfondo-card);color:var(--testo-primario);padding:1.8rem;border-radius:14px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modale-contenuto h3{margin-top:0}.modale-azioni{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.modale-azioni button{padding:.6rem 1.1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.modale-azioni button[type=submit]{background:var(--colore-accento);color:var(--colore-accento-testo)}.modale-contenuto label.etichetta-campo{display:block;margin-top:.7rem;margin-bottom:.2rem;font-size:.85rem;color:var(--testo-secondario)}.modale-contenuto input,.modale-contenuto select{width:100%;padding:.6rem .8rem;border:1px solid var(--bordo);border-radius:8px;font-size:.9rem;background:var(--sfondo-input);color:var(--testo-primario)}.grafico-container-3d{background:linear-gradient(160deg,#262628,#1c1c1e);border:1px solid #333;box-shadow:0 8px 30px #00000059,inset 0 1px #ffffff0a}.grafico-container-3d .totale-etichetta{color:var(--colore-accento);font-weight:700;font-size:1.1rem}.suggerimento-click{text-align:center;color:#cfcfd6;font-size:.8rem;margin-top:.2rem}.dettaglio-categoria{background:var(--sfondo-card);color:var(--testo-primario);border-radius:12px;padding:1.2rem 1.5rem;margin-top:1.2rem;box-shadow:0 2px 10px var(--ombra);border-left:4px solid var(--colore-accento)}.dettaglio-categoria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dettaglio-categoria-header h3{margin:0;color:var(--testo-primario)}.lista-dettaglio{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.lista-dettaglio li{display:flex;align-items:center;gap:.8rem;padding:.5rem .7rem;background:var(--sfondo-card-alt);border-radius:8px;font-size:.88rem;color:var(--testo-primario)}.dettaglio-nome{font-weight:600;flex:1}.dettaglio-tag{background:var(--bordo);padding:.15rem .6rem;border-radius:20px;font-size:.75rem;color:var(--testo-secondario)}.dettaglio-data{color:var(--testo-terziario);font-size:.78rem}.pannello-admin{padding:2rem;max-width:1200px;margin:0 auto;color:var(--testo-primario)}.sezione-utenti{margin-bottom:2rem}.sezione-utenti h3{margin-bottom:.6rem;color:var(--testo-primario)}.azioni-riga{display:flex;gap:.5rem;white-space:nowrap}.btn-approva{background:#1e7e3422;color:#2e9e4a;border:none;padding:.4rem .9rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}.sotto-etichetta{color:var(--testo-terziario);font-size:.78rem}.chips-selezione{display:flex;flex-wrap:wrap;gap:.35rem}.chip{background:var(--sfondo-card-alt);border:1px solid var(--bordo);color:var(--testo-secondario);padding:.25rem .7rem;border-radius:20px;font-size:.78rem;cursor:pointer}.chip-piccolo{font-size:.7rem;padding:.2rem .55rem;font-family:JetBrains Mono,monospace}.chip-attivo{background:var(--colore-accento);color:var(--colore-accento-testo);border-color:var(--colore-accento);font-weight:600}.chip-disabilitato{opacity:.45;cursor:not-allowed}.lista-permessi-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem;max-height:240px;overflow-y:auto}.riga-permesso-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer;color:var(--testo-primario)}.riga-permesso-checkbox input{width:auto}.riga-permesso-checkbox.disabilitato{opacity:.5;cursor:not-allowed}.avviso-delega{background:#ffe23422;border:1px solid var(--colore-accento);border-radius:8px;padding:.6rem .9rem;font-size:.8rem;color:var(--testo-primario);margin-top:.4rem}.badge-connesso{background:#1e7e3422;color:#2e9e4a;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-prossimamente{background:var(--sfondo-card-alt);color:var(--testo-terziario);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;border:1px solid var(--bordo)}.badge-scadenza-ok{background:var(--sfondo-card-alt);color:var(--testo-secondario);padding:.4rem .8rem;border-radius:20px;font-size:.8rem}.badge-in-scadenza{background:#ffb30022;color:#d18a00;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-scaduto{background:#ef535022;color:#d32f2f;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.etichetta-campo{font-size:.8rem;color:var(--testo-secondario);margin-top:.3rem}.messaggio-sync{margin-top:1rem;padding:.8rem 1rem;background:var(--sfondo-card);color:var(--testo-primario);border-radius:8px;font-size:.9rem}.card-servizio{background:var(--sfondo-card);color:var(--testo-primario);border-radius:14px;padding:1.3rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px var(--ombra)}.card-servizio-info h3{margin:0 0 .3rem;color:var(--testo-primario)}.card-servizio-info p{color:var(--testo-secondario);margin:0 0 .8rem;font-size:.9rem}.card-servizio-azioni{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.card-servizio-azioni button{background:var(--colore-accento);color:var(--colore-accento-testo);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem}.card-servizio-azioni button:disabled{opacity:.6;cursor:not-allowed}.integrazioni{padding:2rem;max-width:800px;margin:0 auto;color:var(--testo-primario)}.integrazioni h2{color:var(--testo-primario)}