:root{--colore-primario: #0f172a;--colore-accent: #fbbf24;--colore-giallo: #ff0;--colore-blu: #182232;--colore-blu-bg: #1e293b;--colore-input: #0f1724;--colore-azzurro: #3b82f6;--colore-verde: #009869;--colore-rosso: #df2459;--colore-grigio-scuro: #334155;--colore-grigio: #64748b;--colore-grigio-chiaro: #94a3b8;--colore-passati: #475569;--colore-apt: #cbd5e1}*,*:before,*:after{box-sizing:border-box}::selection{background-color:var(--colore-azzurro);color:#fff}html{font-size:clamp(.95rem,4vw,1.1rem)}@media(orientation:landscape){html{font-size:clamp(.95rem,2.2vh,1rem)}}html.offline{--colore-primario: #271212}html.offline .logo-title:after{content:" (offline)";font-size:.6em;font-weight:400;font-style:italic}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--colore-primario);color:#f8fafc}.center{align-items:center;justify-content:center}a{color:var(--colore-azzurro)}.app-container{padding:0rem 1.5rem 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem}.logo-title{margin:0;font-size:1.5em}.logo-title a{text-decoration:none;color:#fff;outline:none!important}.page-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--colore-azzurro)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-wrapper{max-width:900px;margin:0 auto;padding:.5rem 0 4rem;font-family:system-ui,-apple-system,sans-serif}input[type=date]{cursor:text}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(100%)}input[type=date]::-webkit-calendar-picker-indicator{margin-left:-10px;padding:0;filter:invert(100%)}::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.subheader{padding:1rem 0}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.header-button,.header-controls select{background-color:var(--colore-blu-bg);color:#f8fafc;border:.0625rem solid var(--colore-grigio-scuro);padding:.35rem .75rem;border-radius:.25rem;font-size:.9rem;height:28px;line-height:1}.header-controls select{padding:.3rem .5rem}.header-button{min-width:5rem;cursor:pointer}.btn-salva,.btn-elimina,.btn-annulla,.btn-azione{font-size:.9rem!important;line-height:1!important;font-weight:500;border-radius:6px;max-height:36.79px}.btn-azione{background:var(--colore-azzurro);color:#fff;padding:.4rem .8rem;cursor:pointer;box-shadow:none;border:none;width:fit-content;min-height:1.9rem}.btn-salva{background-color:var(--colore-verde);color:#fff;border:none;font-weight:500;line-height:1;padding:.7rem 2rem;cursor:pointer;transition:background-color .2s;letter-spacing:.025em}.btn-annulla{display:flex;align-items:center;justify-content:center;color:#000;border:none;padding:0 .75rem;outline:none;cursor:pointer;height:1.9rem}.btn-elimina{display:flex;align-items:center;justify-content:center;background-color:var(--colore-rosso);color:#fff;border:none;padding:0 .75rem;outline:none;cursor:pointer;min-height:1.9rem}input[type=checkbox]{accent-color:var(--colore-azzurro)!important;cursor:pointer;scale:1.5;transform-origin:center}.loading-message{width:100%;display:flex;align-items:center;color:var(--colore-grigio);justify-content:center;height:calc(100vh - 72px)}.bg-box{background-color:#1e293b80;border-radius:.25rem;border:.0625rem solid rgba(51,65,85,.6)}.input{padding:6px;border:none!important;box-shadow:none!important;border-radius:4px;background-color:var(--colore-input);color:#fff;font-size:1rem;line-height:1.4}.input::placeholder{color:var(--colore-grigio)}select{background-color:var(--colore-input);color:#fff;border:none;box-shadow:none;margin-left:0;cursor:pointer;font-size:1rem;border-radius:4px;height:34px;padding-left:6px}select:disabled{cursor:not-allowed}@media(max-width:56.25rem){.header{flex-direction:column;align-items:flex-start;gap:.5rem;position:sticky;top:0;background:var(--colore-primario);padding:.75rem}.app-container{padding:0 .75rem .75rem}.logo-title{font-size:1.3rem}.btn-salva{padding:.65rem 1rem;margin-left:unset}.input{flex:1;min-width:0}.header-controls{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;justify-content:flex-start}.header-button{min-width:4rem}}