:root{--notte: #0b121f;--oro: #c9a76b;--luce: #fae4ae;--legno: #5a4634;--carta: #f5f1ea;--grigio: #6b6b66;--bordo: #d8d2c6;--bianco: #ffffff;--stato-disponibile: #2e7d4f;--stato-sotto-soglia: #e07b00;--stato-mancante: #b3261e;--testo: var(--notte);--testo-secondario: var(--grigio);--sfondo: var(--carta);--superficie: var(--bianco);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--testo-base: 1.125rem;--testo-piccolo: 1rem;--testo-titolo: 1.5rem;--raggio: .75rem;--spazio: 1rem;--altezza-pulsante: 3rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--sfondo);color:var(--testo);font-family:var(--font);font-size:var(--testo-base);line-height:1.5;-webkit-text-size-adjust:100%}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--notte);outline-offset:2px}.topbar :focus-visible{outline-color:var(--luce)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:var(--notte);color:var(--carta);padding:.75rem var(--spazio);display:flex;align-items:center;justify-content:space-between;gap:var(--spazio)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand img{width:2.5rem;height:2.5rem;flex:none}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{color:var(--luce);font-size:1.375rem;font-weight:700;letter-spacing:.2em}.brand-company{color:var(--carta);font-size:var(--testo-piccolo);line-height:1.25;overflow-wrap:anywhere}.main{flex:1;width:100%;max-width:64rem;margin:0 auto;padding:1.5rem var(--spazio) 2.5rem}h1{font-size:var(--testo-titolo);margin:0 0 var(--spazio)}h2{font-size:1.25rem;margin:2rem 0 .75rem}p{margin:0 0 var(--spazio)}.muted{color:var(--testo-secondario)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--altezza-pulsante);padding:0 1.5rem;border-radius:var(--raggio);border:2px solid transparent;font:inherit;font-weight:600;cursor:pointer}.button-primary{background:var(--oro);color:var(--notte)}.button-primary:disabled{opacity:.6;cursor:wait}.button-secondary{background:transparent;color:var(--carta);border-color:var(--carta)}.button-block{width:100%}.login{width:100%;max-width:26rem;margin:0 auto;background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1.5rem}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:var(--spazio)}.field label{font-weight:600}.field input{min-height:var(--altezza-pulsante);padding:0 .875rem;border:1px solid var(--grigio);border-radius:var(--raggio);background:var(--bianco);color:var(--notte);font:inherit}.alert{border-left:4px solid var(--stato-mancante);background:var(--bianco);padding:.75rem var(--spazio);margin-bottom:var(--spazio)}.notice{border-left:4px solid var(--legno);background:var(--luce);padding:.75rem var(--spazio);margin-bottom:var(--spazio)}.who{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem}.badge{display:inline-block;white-space:nowrap;padding:.125rem .75rem;border-radius:999px;font-size:var(--testo-piccolo);font-weight:600}.badge-role{background:var(--oro);color:var(--notte)}.badge-soon{background:var(--luce);color:var(--notte)}.cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--spazio);grid-template-columns:1fr}.card{background:var(--superficie);border:1px solid var(--bordo);border-radius:var(--raggio);padding:var(--spazio);display:flex;flex-direction:column;gap:.5rem;min-height:6rem}.card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .5rem;font-weight:700;font-size:1.125rem}.card-count{font-size:1.75rem;font-weight:700;color:var(--legno)}.card p{margin:0}@media(min-width:48rem){.cards{grid-template-columns:repeat(2,1fr)}.cards-admin{grid-template-columns:repeat(3,1fr)}}