:root{--sfondo:#0f1115;--superficie:#171a21;--bordo:#2a2f3a;--testo:#e8eaf0;--testo-tenue:#a3a9b8;--accento:#4f8cff;--ok:#3fbf7f;--attenzione:#e0a24a;--errore:#e05a5a;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--sfondo);color:var(--testo);font-family:var(--font);margin:0;font-size:15px;line-height:1.45}#root{min-width:1024px;min-height:100vh}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.laterale{background:var(--superficie);border-right:1px solid var(--bordo);padding:20px 16px}.marchio{margin:0 0 20px;font-weight:600}.navigazione ul{margin:0;padding:0;list-style:none}.navigazione a{color:var(--testo);border-radius:6px;padding:8px 10px;text-decoration:none;display:block}.navigazione a.active{background:var(--bordo)}.principale{flex-direction:column;display:flex}.intestazione{border-bottom:1px solid var(--bordo);justify-content:flex-end;align-items:center;gap:16px;padding:12px 24px;display:flex}.ruolo,.scheletro,.vuoto{color:var(--testo-tenue)}.contenuto{padding:24px}.avviso{color:var(--attenzione);background:#e0a24a26;margin:0;padding:8px 24px}.errore{color:var(--errore)}.badge{border:1px solid var(--bordo);border-radius:999px;padding:2px 8px;font-size:13px;display:inline-block}.badge-ok{color:var(--ok)}.badge-attenzione{color:var(--attenzione)}.badge-errore{color:var(--errore)}.accesso{max-width:420px;margin:80px auto}button{font:inherit;border:1px solid var(--bordo);background:var(--superficie);color:var(--testo);cursor:pointer;border-radius:6px;padding:8px 14px}button.primario{background:var(--accento);border-color:var(--accento);color:#fff}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--bordo);background:var(--sfondo);width:100%;color:var(--testo);border-radius:6px;padding:8px 10px}label{color:var(--testo-tenue);margin:12px 0 4px;display:block}.testata{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.azioni{gap:8px;display:flex}.tabella{border-collapse:collapse;width:100%}.tabella th,.tabella td{text-align:left;border-bottom:1px solid var(--bordo);vertical-align:middle;padding:8px 10px}.menu-cella{position:relative}.menu{z-index:2;background:var(--superficie);border:1px solid var(--bordo);border-radius:6px;min-width:200px;margin:0;padding:6px 0;list-style:none;position:absolute;top:100%;right:10px}.menu li{cursor:pointer;padding:8px 14px}.menu li:hover,.menu li:focus{background:var(--bordo)}.velo{z-index:10;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.dialogo,.segreto,.modulo{background:var(--superficie);border:1px solid var(--bordo);border-radius:8px;max-width:520px;padding:20px 24px}.segreto-valore{background:var(--sfondo);-webkit-user-select:all;user-select:all;border-radius:6px;margin:12px 0;padding:12px;font-size:20px;display:block}.avviso-testo{color:var(--attenzione)}