:root{--terracotta:#80321a;--terracotta-viva:#c8431c;--terracotta-scura:#5e2412;--crema:#fff1e2;--crema-scura:#f3e4d2;--nero-caldo:#1e1a17;--marrone:#5c4b3f;--colore-testo:var(--nero-caldo);--colore-testo-secondario:#6f6158;--colore-sfondo:#faf4ec;--colore-superficie:#fff;--colore-bordo:#e8dccd;--colore-primario:var(--terracotta);--colore-primario-testo:#fff;--colore-errore:#b3261e;--colore-successo:#2e7d32;--raggio:16px;--ombra:0 2px 12px #5e241214;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--colore-sfondo);color:var(--colore-testo);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{letter-spacing:-.01em;font-size:1.5rem}h2{font-size:1.15rem}.testata{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 18px;display:flex}.testata img{width:auto;height:44px;display:block}.testata .saluto{color:var(--colore-testo-secondario);text-align:right;font-size:.95rem}.testata .saluto strong{color:var(--colore-testo);font-size:1.05rem;display:block}.onboarding-hero{text-align:center;padding:18px 0 10px}.onboarding-hero img{width:auto;height:78px}.onboarding-hero p{color:var(--colore-testo-secondario);margin:10px 0 0}.card.tessera{background:linear-gradient(145deg, var(--nero-caldo) 0%, #2c221d 55%, var(--terracotta-scura) 100%);color:var(--crema);border:none;border-radius:22px;padding:22px 20px 18px;position:relative;overflow:hidden;box-shadow:0 14px 34px #1e1a1747}.card.tessera:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8431c59,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.tessera-intestazione{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tessera-intestazione img{width:auto;height:30px}.tessera-livello{letter-spacing:.14em;text-transform:uppercase;color:var(--crema);background:#fff1e224;border:1px solid #fff1e240;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.tessera-qr{background:#fff;border-radius:16px;margin:4px auto 0;padding:14px;display:inline-block}.tessera-codice{letter-spacing:.18em;color:#fff;margin:12px 0 2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem}.tessera-nota{color:#fff1e2bf;margin:0;font-size:.78rem}.tessera-piede{color:#fff1e2cc;justify-content:space-between;align-items:center;margin-top:14px;font-size:.8rem;display:flex}.tessera-piede strong{color:#fff;font-weight:600}.progresso{background:var(--crema-scura);border-radius:999px;height:8px;margin:10px 0 6px;overflow:hidden}.progresso>div{background:linear-gradient(90deg, var(--terracotta), var(--terracotta-viva));border-radius:999px;height:100%;transition:width .4s}.card-link{color:inherit;align-items:center;gap:14px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.card-link:active{transform:scale(.99)}.card-link .icona{background:var(--crema);width:44px;height:44px;color:var(--terracotta);border-radius:12px;flex:none;place-items:center;font-size:1.3rem;display:grid}.card-link .freccia{color:var(--colore-testo-secondario);margin-left:auto;font-size:1.2rem}.card-link .contatore{background:var(--terracotta);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.75rem;font-weight:700;display:inline-grid}.schermo{max-width:480px;min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.schermo-larga{max-width:960px}h1,h2,h3{margin:0 0 12px}p{line-height:1.5}.card{background:var(--colore-superficie);border:1px solid var(--colore-bordo);border-radius:var(--raggio);box-shadow:var(--ombra);margin-bottom:16px;padding:20px}.campo{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.campo label{font-size:.9rem;font-weight:600}.campo input,.campo select{border:1px solid var(--colore-bordo);background:var(--colore-superficie);color:var(--colore-testo);border-radius:10px;padding:12px 14px;font-size:1rem}.campo input:focus,.campo select:focus{outline:2px solid var(--terracotta-viva);outline-offset:1px}.campo input,.campo select,.campo-checkbox input{accent-color:var(--terracotta)}.campo-checkbox{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.campo-checkbox input{width:18px;height:18px;margin-top:4px}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primario{background:var(--colore-primario);color:var(--colore-primario-testo);box-shadow:0 4px 14px #80321a40}.btn-primario:hover:not(:disabled){background:var(--terracotta-scura)}.btn-primario:active:not(:disabled){transform:translateY(1px)}.btn-primario:disabled{opacity:.5;cursor:not-allowed}.btn-secondario{background:var(--colore-superficie);color:var(--terracotta);border:1px solid var(--colore-bordo)}.btn-secondario:hover:not(:disabled){border-color:var(--terracotta)}.btn-pericolo{background:var(--colore-errore);color:#fff}.messaggio-errore{color:var(--colore-errore);margin:-6px 0 14px;font-size:.9rem}.messaggio-successo{color:var(--colore-successo);font-size:.9rem}.testo-secondario{color:var(--colore-testo-secondario);font-size:.9rem}.link-testo{color:var(--terracotta);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}nav.tab-bar{border-top:1px solid var(--colore-bordo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#ffffffeb;margin:auto -16px 0;display:flex;position:sticky;bottom:0}nav.tab-bar a,nav.tab-bar button{text-align:center;color:var(--colore-testo);cursor:pointer;background:0 0;border:none;flex:1;padding:14px 0;font-size:.85rem;font-weight:600;text-decoration:none}nav.tab-bar a{color:var(--colore-testo-secondario);border-top:3px solid #0000}nav.tab-bar a.attivo{color:var(--colore-primario);border-top:3px solid var(--colore-primario)}table.tabella-admin{border-collapse:collapse;width:100%;font-size:.9rem}table.tabella-admin th,table.tabella-admin td{text-align:left;border-bottom:1px solid var(--colore-bordo);padding:10px 8px}.griglia-metriche{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metrica{background:var(--colore-superficie);border:1px solid var(--colore-bordo);border-radius:var(--raggio);text-align:center;padding:16px}.metrica .valore{color:var(--terracotta);font-size:1.8rem;font-weight:700}.badge{color:#fff;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.card.banner-installa{background:var(--crema);border-color:#ebd9c3;padding:16px}.banner-installa-testo{align-items:flex-start;gap:12px;display:flex}.banner-installa-testo img{border-radius:10px;flex:none;box-shadow:0 2px 8px #0000001f}.banner-installa-testo p{color:var(--colore-testo-secondario);margin:4px 0 0;font-size:.9rem;line-height:1.45}.banner-installa-testo .ios-icona{color:#0a7aff;font-size:1.05rem}.banner-installa-azioni{gap:8px;margin-top:12px;display:flex}.banner-installa-azioni .btn{width:auto;padding:10px 16px;font-size:.92rem}