:root{--verde:#1E6B34;--verde-d:#14491F;--verde-l:#E8F3EB;--ink:#111827;--txt:#374151;--mut:#6B7280;--line:#E5E7EB;--bg:#F6F7F9;--rosso:#B91C1C;--ambra:#B45309}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--txt);background:var(--bg)}button{font:inherit;cursor:pointer}h1,h2{color:var(--ink);margin:0}.guscio{display:flex;min-height:100vh}.barra{width:248px;background:var(--verde-d);color:#d1e7d7;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.marchio{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff;font-weight:800;font-size:16px;line-height:1.1}.marchio small{display:block;font-weight:500;font-size:11px;letter-spacing:.14em;color:#9fc8aa}.marchio-mp{background:#fff;color:var(--verde);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-size:14px;font-weight:800}.marchio.grande{justify-content:center;color:var(--ink);font-size:20px;margin-bottom:18px}.marchio.grande small{color:var(--mut)}.marchio.grande .marchio-mp{background:var(--verde);color:#fff}nav{flex:1;overflow:auto;padding:6px 10px}.sezione{margin-bottom:10px}.sezione-t{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7fae8b;padding:10px 10px 4px;font-weight:700}.voce{display:flex;align-items:center;gap:10px;color:#d1e7d7;text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:500}.voce:hover{background:#ffffff0f}.voce.active{background:#fff;color:var(--verde-d);font-weight:700}.icona{width:18px;text-align:center;opacity:.9}.pill-g{margin-left:auto;font-size:10px;font-weight:700;background:#ffffff1f;color:#cde6d4;border-radius:99px;padding:1px 7px}.voce.active .pill-g{background:var(--verde-l);color:var(--verde)}.versione{font-size:11px;color:#86b492;padding:12px 18px 16px;border-top:1px solid rgba(255,255,255,.08);line-height:1.5}.corpo{flex:1;min-width:0;display:flex;flex-direction:column}.testata{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.testata h1{font-size:18px}.contenuto{padding:24px;max-width:1280px;width:100%}.menu-utente{position:relative}.utente-btn{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--line);border-radius:10px;padding:6px 10px}.utente-btn:hover{background:var(--bg)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.avatar.piccolo{width:28px;height:28px;font-size:11px;background:#d1e7d7;color:var(--verde-d)}.utente-txt{display:flex;flex-direction:column;text-align:left;line-height:1.2}.utente-txt b{color:var(--ink);font-size:13px}.utente-txt small{color:var(--mut);font-size:11.5px}.freccia{color:var(--mut);font-size:11px}.tendina{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #11182724;width:280px;padding:8px}.tendina-t{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:6px 8px 8px;display:flex;align-items:center;gap:8px}.tendina hr{border:0;border-top:1px solid var(--line);margin:6px 0}.riga-utente{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:7px 8px;text-align:left}.riga-utente:hover{background:var(--bg)}.riga-utente.attivo{background:var(--verde-l);cursor:default}.spunta{margin-left:auto;color:var(--verde);font-weight:800}.riga-azione{width:100%;background:none;border:0;text-align:left;padding:8px;border-radius:8px;color:var(--rosso);font-weight:600}.riga-azione:hover{background:#fef2f2}.pill-demo{background:#fef3c7;color:var(--ambra);font-size:10px;font-weight:700;border-radius:99px;padding:1px 7px;letter-spacing:.05em;text-transform:uppercase}.pill-m{display:inline-block;background:var(--verde-l);color:var(--verde-d);border-radius:6px;padding:2px 7px;margin:2px 4px 2px 0;font-size:12px}.scheda{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.scheda h2{font-size:16px;margin-bottom:8px}.scheda p{margin:0}.scheda.vuota{text-align:center;padding:48px 20px}.griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.tessera{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;position:relative}.tessera.spenta{opacity:.45}.tessera-i{font-size:20px;color:var(--verde)}.tessera-i.grande{font-size:34px;margin-bottom:6px}.tessera-t{font-weight:700;color:var(--ink);margin-top:6px}.tessera-s{color:var(--mut);font-size:12.5px;margin-top:2px}.tessera .pill-g{position:absolute;top:12px;right:12px;background:var(--verde-l);color:var(--verde)}.tabella{width:100%;border-collapse:collapse}.tabella th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:8px 10px;border-bottom:1px solid var(--line)}.tabella td{padding:9px 10px;border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--verde-d),#0B2A13)}.login-box{background:#fff;border-radius:16px;padding:32px;width:min(380px,92vw);display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000059}.login-box label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ink);font-size:13px}.login-box input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}.login-box input:focus{outline:2px solid var(--verde);border-color:transparent}.login-box .versione{color:var(--mut);border:0;padding:0;text-align:center}.btn{background:var(--verde);color:#fff;border:0;border-radius:8px;padding:11px;font-weight:700}.btn:disabled{opacity:.6}.errore{background:#fef2f2;color:var(--rosso);border-radius:8px;padding:8px 10px;font-size:13px}.errore.piccolo{margin:6px 8px;font-size:12px}@media(max-width:820px){.barra{display:none}.testata{padding:0 14px}.contenuto{padding:14px}.utente-txt{display:none}}