.login-wrapper{background-color:var(--bg-dark);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.login-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 20px #0000004d}.login-card h2{color:var(--text-main);text-align:center;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.6rem}.login-card p{color:var(--text-muted);text-align:center;margin-bottom:2.2rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;display:block}.form-group input{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:6px;padding:.75rem;font-size:1rem}.login-card button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:700;transition:background .2s}.login-card button:hover:not(:disabled){background-color:var(--accent-hover)}.login-errore{color:var(--danger-color);text-align:center;margin-bottom:1rem;font-size:.9rem}.login-logo-container{justify-content:center;align-items:center;margin-top:.5rem;margin-bottom:2rem;display:flex}.login-logo{width:110px;height:auto;color:var(--accent-color);display:block}.login-selettore-lingua{margin:1.25rem auto 0;display:block}.login-version{text-align:center;font-family:var(--mono);color:var(--text-muted);opacity:.4;letter-spacing:.5px;margin-top:1.5rem;font-size:.75rem}.selettore-lingua{border:1px solid var(--border-color,#ccc);background:var(--bg-input,#fff);color:var(--text-main,inherit);cursor:pointer;border-radius:6px;padding:.25rem .4rem;font-size:.8rem}.layout-principale{width:100vw;height:100dvh;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;width:clamp(190px,15vw + 100px,250px);display:flex;box-shadow:4px 0 10px #0003}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:flex-start;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.sidebar-logo{width:55px;height:auto;color:var(--accent-color);flex-shrink:0}.sidebar-brand-text{color:var(--text-main);letter-spacing:-.3px;text-transform:capitalize;font-size:1.15rem;font-weight:600}.sidebar-header h2{color:var(--accent-color)}.sidebar-menu{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex}.sidebar-menu button{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.sidebar-menu button:hover{color:var(--text-main);background-color:#0ea5e91a}.sidebar-menu button.active{background-color:var(--accent-color);color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.sidebar-selettore-lingua{width:100%;margin-bottom:.75rem;display:block}.sidebar-version{font-family:var(--mono);color:var(--text-muted);opacity:.5;text-align:center;letter-spacing:.5px;margin-bottom:1rem;font-size:.75rem}.btn-logout{width:100%;color:var(--danger-color);border:1px solid var(--danger-color);cursor:pointer;background-color:#ef444433;border-radius:6px;padding:.75rem;font-weight:600}.btn-logout:hover{background-color:var(--danger-color);color:#fff}.user-info-box{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.user-name{color:var(--text-main);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.user-ruolo,.user-cc{color:var(--text-muted);font-size:.8rem}.user-ruolo{margin-bottom:.25rem}.user-ruolo span,.user-cc span{font-family:var(--mono);color:var(--accent-color);font-weight:700}.contenuto{background-color:#0f172a;flex-direction:column;flex:1;min-width:0;height:100dvh;padding:2rem;display:flex;overflow-y:auto}.stato-caricamento-vista{color:var(--accent-color);text-align:center;padding:40px 20px;font-style:italic}.contenuto-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:2rem;display:flex}.contenuto-header h1{flex:240px;min-width:0;font-size:1.4rem}.btn-aggiorna{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-aggiorna:hover:not(:disabled){background-color:var(--accent-hover)}.btn-aggiorna:disabled{background-color:var(--border-color);cursor:not-allowed}.card.tabella-container{flex:1;min-width:0;height:100%;padding:0 1rem .75rem;overflow:auto}.tabella{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:.9rem}.tabella th,.tabella td{text-align:left;border-bottom:1px solid var(--border-color);padding:.55rem .85rem}.tabella th{color:var(--text-muted);background-color:var(--bg-panel);z-index:2;font-weight:600;position:sticky;top:0}.card.tabella-container::-webkit-scrollbar{width:8px;height:8px}.card.tabella-container::-webkit-scrollbar-track{background:var(--bg-panel)}.card.tabella-container::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.azioni-header{flex-wrap:wrap;flex-shrink:0;gap:.75rem;display:flex}.btn-aggiungi{background-color:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;transition:opacity .2s}.btn-aggiungi:hover{background-color:var(--success-hover)}.th-ordinabile{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.th-ordinabile:hover{color:var(--text-main);background-color:#ffffff08}.th-contenuto{justify-content:flex-start;align-items:center;gap:.4rem;display:flex}.icona-ordine{stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:14px;height:14px;transition:color .2s,opacity .2s;display:inline-block}.icona-ordine.neutra{color:var(--text-muted);opacity:.25}.th-ordinabile:hover .icona-ordine.neutra{opacity:.7}.icona-ordine.attiva{color:var(--accent-color);opacity:1}.card.form-card{border-left:4px solid var(--accent-color);margin-bottom:2rem}.card.form-card h3{color:var(--text-main);margin-bottom:1.25rem}.form-orizzontale{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;display:flex}.form-group-flex{flex-direction:column;flex:1;min-width:180px;display:flex}.form-group-flex label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.form-group-flex input{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:.65rem;font-size:.95rem}.form-group-flex input.input-bloccato{color:var(--text-muted);cursor:not-allowed;background-color:#33415566;border-style:dashed}.checkbox-group{justify-content:center;min-width:100px;height:38px}.checkbox-container{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-label{font-size:.95rem;color:var(--text-main)!important}.form-bottoni{gap:.5rem;height:38px;display:flex}.btn-salva{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:0 1.25rem;font-weight:600}.btn-annulla{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:6px;padding:0 1.25rem}.btn-salva:hover{background-color:var(--accent-hover)}.btn-annulla:hover{color:var(--text-main);background-color:#ffffff0d}.animate-fadin{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.azioni-celle{white-space:nowrap}.btn-azione-tabella{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem .45rem;font-size:.95rem;transition:background .2s}.btn-modifica:hover{background-color:#0ea5e926}.btn-elimina:hover:not(:disabled){background-color:#ef444426}.btn-elimina:disabled{opacity:.2;cursor:not-allowed}.btn-utenti:hover{background-color:#10b98126}.topbar-mobile,.btn-chiudi-sidebar,.overlay-sidebar{display:none}@media (width<=768px){.layout-principale{flex-direction:column}.topbar-mobile{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.btn-hamburger{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .65rem;font-size:1.2rem;line-height:1}.topbar-mobile-brand{color:var(--text-main);font-size:1.05rem;font-weight:600}.sidebar{z-index:1000;width:82vw;max-width:300px;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-aperta{transform:translate(0)}.btn-chiudi-sidebar{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.1rem;display:block}.overlay-sidebar{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.contenuto{padding:1rem}}@media (width>=769px){.sidebar{transform:none!important}.overlay-sidebar{display:none!important}}@media (width<=768px){.tabella{min-width:0}.tabella thead{display:none}.tabella,.tabella tbody,.tabella tr{width:100%;display:block}.tabella tr{border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.tabella td{text-align:right;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.tabella td:before{content:attr(data-label);color:var(--text-muted);text-align:left;font-weight:600}.tabella .th-secondaria,.tabella .cella-secondaria{display:none}.id-apparato-valore{overflow-wrap:anywhere;text-align:right;min-width:0}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--bg-dark:#121824;--bg-panel:#1e293b;--bg-input:#334155;--accent-color:#0ea5e9;--accent-hover:#0284c7;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--success-color:#10b981;--success-hover:#059669;--danger-color:#ef4444;--danger-hover:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);height:100dvh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.card h3{color:var(--text-muted);margin-bottom:.5rem;font-size:1rem}.badge{border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.badge-admin{color:var(--success-color);background-color:#10b98133}.badge-user{color:var(--accent-color);background-color:#0ea5e933}.testo-centro{text-align:center;color:var(--text-muted)}.card-errore{color:var(--danger-color);border:1px solid var(--danger-color);background-color:#ef444433;border-radius:6px;margin-bottom:1.5rem;padding:1rem}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,10px + .5vw,18px);line-height:145%}body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}#root{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0}h1,h2,h3{font-family:var(--heading);font-weight:500}p{margin:0}