:root{--carta: #fafaf8;--pietra: #e9eae8;--pietra-scura: #c3c6c4;--antracite: #171717;--testo: #232725;--testo-soft: #66706e;--accento: #17b3af;--accento-scuro: #0d8b88;--accento-soft: #e2f5f4;--verde: #1a7f37;--giallo: #9a6700;--rosso: #b3261e;--bordo: #dcdfdd;--radius: 10px;--font-display: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--ombra: 0 1px 3px rgba(43, 43, 40, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--carta);color:var(--testo);font-size:14px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0 0 .5rem}h1{font-size:1.9rem}h2{font-size:1.4rem}h3{font-size:1.15rem}a{color:var(--accento-scuro);text-decoration:none}:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.layout{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--antracite);color:var(--pietra);display:flex;flex-direction:column;padding:1.2rem .9rem;position:sticky;top:0;height:100vh}.sidebar .logo-box{background:#fff;border-radius:10px;padding:.55rem;display:flex;justify-content:center;margin-bottom:.6rem}.sidebar .logo-box img{width:110px;height:auto;display:block}.sidebar .wordmark{font-family:var(--font-display);letter-spacing:.28em;font-size:1rem;color:#fff;margin-bottom:.2rem}.sidebar .sotto{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pietra-scura);margin-bottom:1.4rem}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:var(--pietra);padding:.5rem .7rem;border-radius:7px;font-size:.86rem}.sidebar nav a:hover{background:#ffffff12}.sidebar nav a.active{background:var(--accento);color:#fff}.sidebar .fondo{margin-top:auto;font-size:.75rem;color:var(--pietra-scura)}.sidebar .fondo button{background:none;border:1px solid var(--pietra-scura);color:var(--pietra);border-radius:6px;padding:.3rem .7rem;cursor:pointer;margin-top:.5rem}.main{flex:1;padding:1.6rem 2rem;max-width:1400px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--bordo);border-radius:var(--radius);padding:1.1rem 1.3rem;box-shadow:var(--ombra);margin-bottom:1.2rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-bottom:1.2rem}.kpi{background:#fff;border:1px solid var(--bordo);border-radius:var(--radius);padding:.9rem 1.1rem;box-shadow:var(--ombra)}.kpi .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--testo-soft)}.kpi .valore{font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:.2rem}table.dati{width:100%;border-collapse:collapse;font-size:.84rem}table.dati th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--testo-soft);padding:.45rem .6rem;border-bottom:2px solid var(--bordo);white-space:nowrap}table.dati td{padding:.42rem .6rem;border-bottom:1px solid var(--pietra);vertical-align:top}table.dati tr:hover td{background:var(--accento-soft)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabella-scroll{overflow-x:auto}.semaforo{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.4rem;vertical-align:baseline}.semaforo.verde{background:var(--verde)}.semaforo.giallo{background:var(--giallo)}.semaforo.rosso{background:var(--rosso)}.badge{display:inline-block;padding:.12rem .55rem;border-radius:20px;font-size:.72rem;font-weight:500}.badge.verde{background:#e3f2e7;color:var(--verde)}.badge.giallo{background:#fdf3d8;color:var(--giallo)}.badge.rosso{background:#fbe7e6;color:var(--rosso)}.badge.neutro{background:var(--pietra);color:var(--testo-soft)}button.primario,.bottone{background:var(--accento-scuro);border:none;color:#fff;padding:.5rem 1rem;border-radius:7px;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-sans)}button.primario:hover{filter:brightness(1.08)}button.secondario{background:#fff;border:1px solid var(--bordo);color:var(--testo);padding:.45rem .9rem;border-radius:7px;font-size:.85rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.link{background:none;border:none;color:var(--accento-scuro);cursor:pointer;padding:0;font-size:.82rem}input,select,textarea{font-family:var(--font-sans);font-size:.86rem;padding:.45rem .6rem;border:1px solid var(--bordo);border-radius:7px;background:#fff;color:var(--testo)}input:focus,select:focus{border-color:var(--accento)}label.campo{display:flex;flex-direction:column;gap:.25rem;font-size:.76rem;color:var(--testo-soft)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.filtri{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}.avviso{padding:.6rem .9rem;border-radius:8px;font-size:.84rem;margin-bottom:.8rem}.avviso.errore{background:#fbe7e6;color:var(--rosso)}.avviso.ok{background:#e3f2e7;color:var(--verde)}.avviso.info{background:var(--accento-soft);color:var(--testo)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17171773;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#fff;border-radius:var(--radius);box-shadow:0 12px 44px #00000047;max-width:680px;width:100%;max-height:90vh;overflow:auto;padding:1.2rem 1.4rem}.modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.modal .calc-voce{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap}.modal .calc-voce input{min-width:0}.modal .calc-tot{display:flex;align-items:baseline;justify-content:flex-end;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:2px solid var(--bordo)}.modal .calc-tot .valore{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accento-scuro)}.login-box{max-width:380px;margin:12vh auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media (max-width: 980px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.sidebar nav{flex-direction:row;flex-wrap:wrap}.main{padding:1rem}.grid-2{grid-template-columns:1fr}}