@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--nero: #05070b;--nero-2: #0a0e15;--vetro: rgba(18, 24, 36, .62);--vetro-forte: rgba(14, 19, 29, .88);--linea: rgba(120, 160, 255, .12);--linea-forte: rgba(120, 160, 255, .22);--testo: #e9eef7;--tenue: #8a96ab;--spento: #556075;--ciano: #00f0ff;--magenta: #ff2bd6;--errore: #ff4d6d;--neon: var(--ciano);--neon-attivo: var(--ciano);--raggio: 14px;--larga: 256px;--stretta: 72px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--testo);background:var(--nero);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 500px at 12% -10%,rgba(0,240,255,.1),transparent 60%),radial-gradient(800px 500px at 100% 110%,rgba(255,43,214,.1),transparent 60%),var(--nero)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}kbd{font:600 10.5px/1 var(--mono);padding:3px 6px;border-radius:6px;border:1px solid var(--linea-forte);color:var(--tenue);background:#ffffff08}:focus-visible{outline:2px solid var(--neon-attivo);outline-offset:2px}::selection{background:#00f0ff4d}.marchio{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--ciano),var(--magenta));box-shadow:0 0 18px #00f0ff59,0 0 28px #ff2bd640}.marchio.grande{width:58px;height:58px;border-radius:16px;margin:0 auto 16px}.marchio-segno{font:700 14px var(--mono);color:var(--nero);letter-spacing:.5px}.marchio.grande .marchio-segno{font-size:19px}.neon-testo{background:linear-gradient(90deg,var(--ciano),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(0,240,255,.35))}.accesso{position:relative;min-height:100%;display:grid;place-items:center;padding:24px 16px;overflow:hidden}.accesso:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 35% at 30% 30%,rgba(0,240,255,.22),transparent 70%),radial-gradient(35% 30% at 70% 65%,rgba(255,43,214,.2),transparent 70%),radial-gradient(30% 25% at 60% 20%,rgba(157,107,255,.16),transparent 70%);filter:blur(20px);animation:aurora 18s ease-in-out infinite alternate}.accesso:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}@keyframes aurora{to{transform:translate3d(4%,-3%,0) rotate(8deg) scale(1.08)}}.accesso-scheda{position:relative;z-index:1;width:100%;max-width:390px;text-align:center;padding:34px 30px;background:var(--vetro-forte);border:1px solid var(--linea-forte);border-radius:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px #000c,0 0 0 1px #00f0ff0f,0 0 60px -20px #00f0ff59}.accesso-scheda h1{margin:0;font-size:28px;letter-spacing:-.02em}.accesso-scheda .sotto{margin:6px 0 26px;color:var(--tenue);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.accesso-scheda label{display:block;text-align:left;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-bottom:16px}.accesso-scheda input{display:block;width:100%;margin-top:8px;padding:13px 14px;font:500 16px Space Grotesk,sans-serif;letter-spacing:0;text-transform:none;color:var(--testo);background:#05070bb3;border:1px solid var(--linea-forte);border-radius:11px;transition:border-color .2s,box-shadow .2s}.accesso-scheda input::placeholder{color:var(--spento)}.accesso-scheda input:focus{outline:none;border-color:var(--ciano);box-shadow:0 0 0 3px #00f0ff26,0 0 22px -6px var(--ciano)}.primario{width:100%;padding:14px;margin-top:6px;border-radius:11px;font-weight:700;letter-spacing:.02em;color:var(--nero);background:linear-gradient(90deg,var(--ciano),#6c8bff 55%,var(--magenta));background-size:160% 100%;box-shadow:0 0 24px -6px #00f0ffb3,0 0 30px -10px #ff2bd699;transition:background-position .4s,transform .15s,box-shadow .2s}.primario:hover:not(:disabled){background-position:100% 0;transform:translateY(-1px);box-shadow:0 0 30px -4px #00f0ffcc,0 0 40px -8px #ff2bd6b3}.primario:disabled{opacity:.35;cursor:default;box-shadow:none}.errore{color:var(--errore);font-size:13px;text-align:left;margin:0 0 14px;text-shadow:0 0 12px rgba(255,77,109,.4)}.nota{color:var(--spento);font-size:12px;margin:18px 0 0}.avvio{height:100%;display:grid;place-items:center}.gestionale{display:grid;grid-template-columns:var(--larga) 1fr;height:100%;overflow:hidden;transition:grid-template-columns .25s ease}.gestionale.stretta{grid-template-columns:var(--stretta) 1fr}.barra{display:flex;flex-direction:column;min-height:0;z-index:20;position:relative;background:linear-gradient(180deg,#0a0e15f5,#06080cfa);border-right:1px solid var(--linea)}.barra:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--neon-attivo),transparent);opacity:.5}.barra-testa{display:flex;align-items:center;gap:11px;padding:18px 16px 14px}.barra-titolo{font-weight:700;font-size:16px;letter-spacing:-.01em;flex:1;white-space:nowrap}.barra-cerca{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:10px 12px;border-radius:11px;font-size:13px;color:var(--tenue);background:#ffffff08;border:1px solid var(--linea);transition:border-color .2s,box-shadow .2s,color .2s}.barra-cerca .testo:first-of-type{flex:1;text-align:left}.barra-cerca:hover{color:var(--testo);border-color:#00f0ff59;box-shadow:0 0 18px -8px var(--ciano)}.barra-voci{flex:1;overflow-y:auto;padding:2px 10px 14px;scrollbar-width:thin;scrollbar-color:#1f2735 transparent}.gruppo{margin-top:16px}.gruppo-nome{display:flex;align-items:center;gap:8px;padding:0 10px 7px;font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--spento)}.gruppo-nome:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--neon);box-shadow:0 0 8px var(--neon)}.voce{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 11px;border-radius:10px;font-size:14px;font-weight:500;text-align:left;white-space:nowrap;color:#b9c3d4;transition:background .15s,color .15s}.voce svg{flex:none;transition:color .15s,filter .15s}.gruppo .voce svg{color:color-mix(in srgb,var(--neon) 70%,#8a96ab)}.voce:hover{color:#fff;background:#ffffff0a}.gruppo .voce:hover svg{color:var(--neon);filter:drop-shadow(0 0 6px var(--neon))}.voce.attiva{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--neon, var(--ciano)) 18%,transparent),#ffffff05);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon, var(--ciano)) 35%,transparent)}.voce.attiva svg{color:var(--neon, var(--ciano));filter:drop-shadow(0 0 7px var(--neon, var(--ciano)))}.voce.attiva:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--neon, var(--ciano));box-shadow:0 0 12px var(--neon, var(--ciano))}.voce .testo{flex:1;overflow:hidden;text-overflow:ellipsis}.punto{flex:none!important;width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon)}.barra-piede{border-top:1px solid var(--linea);padding:10px}.barra-piede .voce{color:var(--tenue)}.stretta .testo,.stretta .barra-titolo{display:none}.stretta .barra-testa{justify-content:center;padding-left:0;padding-right:0}.stretta .barra-cerca{justify-content:center;margin:0 12px 12px}.stretta .voce{justify-content:center}.stretta .gruppo{margin-top:10px;padding-top:10px;border-top:1px solid var(--linea)}.stretta .gruppo-nome{display:none}.area{display:flex;flex-direction:column;min-width:0;min-height:0}.testata{position:relative;height:56px;flex:none;display:flex;align-items:center;gap:12px;padding:0 14px 0 20px;background:#080b11d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}.testata:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--neon-attivo),transparent);opacity:.7}.briciole{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.b-gruppo{color:var(--spento);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.b-sep{color:var(--spento)}.b-app{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 18px color-mix(in srgb,var(--neon-attivo) 45%,transparent)}.orologio{display:inline-flex;align-items:center;gap:8px;color:var(--tenue);font:500 12px var(--mono);white-space:nowrap}.stato-punto{width:7px;height:7px;border-radius:50%;background:#2bff88;box-shadow:0 0 10px #2bff88;animation:pulsa 2.4s ease-in-out infinite}@keyframes pulsa{50%{opacity:.35}}.azioni{display:flex;gap:4px}.icona-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--tenue);text-decoration:none;transition:color .15s,background .15s,box-shadow .15s}.icona-btn:hover{color:var(--neon-attivo);background:#ffffff0a;box-shadow:0 0 16px -6px var(--neon-attivo)}.carica{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:var(--neon-attivo);box-shadow:0 0 10px -2px var(--neon-attivo);animation:gira .8s linear infinite;flex:none}@keyframes gira{to{transform:rotate(360deg)}}.contenuto{flex:1;position:relative;min-height:0;overflow:hidden}.riquadro-app{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--nero-2);visibility:hidden}.riquadro-app.visibile{visibility:visible;animation:entra .25s ease}@keyframes entra{0%{opacity:0;transform:scale(.995)}}.home{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:38px clamp(16px,4vw,56px) 48px}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 55%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 55%);opacity:.6}.home>*{position:relative}.sopratitolo{display:block;color:var(--spento);font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.home-testa h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;line-height:1.05}.home-testa p{margin:12px 0 0;color:var(--tenue);max-width:620px;line-height:1.5}.home-gruppo{margin-top:36px}.home-gruppo h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 12px color-mix(in srgb,var(--neon) 60%,transparent)}.home-gruppo h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--neon) 50%,transparent),transparent)}.riquadri{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.riquadro{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;text-align:left;padding:18px 16px 16px;border-radius:var(--raggio);background:linear-gradient(160deg,#161d2bbf,#0a0d14d9);border:1px solid var(--linea);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s,box-shadow .25s}.riquadro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(260px 120px at 0% 0%,color-mix(in srgb,var(--neon) 22%,transparent),transparent 70%)}.riquadro:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--neon) 55%,transparent);box-shadow:0 18px 40px -22px #000000e6,0 0 0 1px color-mix(in srgb,var(--neon) 25%,transparent),0 0 32px -10px var(--neon)}.riquadro:hover:before{opacity:1}.riquadro-numero{position:absolute;top:10px;right:12px;font:600 10px var(--mono);color:var(--spento);letter-spacing:.1em}.riquadro:hover .riquadro-numero{color:var(--neon)}.riquadro-icona{grid-row:span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;position:relative;color:var(--neon);background:color-mix(in srgb,var(--neon) 10%,transparent);border:1px solid color-mix(in srgb,var(--neon) 30%,transparent);box-shadow:inset 0 0 14px -6px var(--neon);transition:box-shadow .25s,filter .25s}.riquadro:hover .riquadro-icona{box-shadow:inset 0 0 18px -4px var(--neon),0 0 22px -6px var(--neon);filter:drop-shadow(0 0 4px var(--neon))}.riquadro-nome{position:relative;font-weight:700;font-size:16px;letter-spacing:-.01em}.riquadro-descr{position:relative;color:var(--tenue);font-size:13px;line-height:1.4}.home-piede{margin-top:40px;color:var(--spento);font-size:13px}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:13vh 16px 16px;background:#0204089e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ricerca{width:100%;max-width:580px;overflow:hidden;border-radius:18px;background:var(--vetro-forte);border:1px solid rgba(0,240,255,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 100px -30px #000000e6,0 0 60px -18px #00f0ff73;animation:apri .18s ease}@keyframes apri{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.ricerca-campo{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--linea);color:var(--ciano)}.ricerca-campo input{flex:1;border:0;outline:none;background:none;color:var(--testo);font:500 17px Space Grotesk,sans-serif}.ricerca-campo input::placeholder{color:var(--spento)}.ricerca ul{list-style:none;margin:0;padding:8px;max-height:52vh;overflow-y:auto}.ricerca li{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#b9c3d4}.ricerca li svg{color:var(--neon)}.ricerca li.sel{color:#fff;background:color-mix(in srgb,var(--neon) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon) 35%,transparent)}.ricerca li.sel svg{filter:drop-shadow(0 0 6px var(--neon))}.r-nome{font-weight:600;white-space:nowrap}.r-descr{color:var(--tenue);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ricerca li.vuoto{display:block;color:var(--tenue);cursor:default}.solo-mobile,.velo-cassetto{display:none}@media (max-width: 860px){.gestionale,.gestionale.stretta{grid-template-columns:1fr}.barra{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);transform:translate(-100%);transition:transform .22s ease}.cassetto-aperto .barra{transform:none;box-shadow:0 0 60px -10px #00f0ff59}.cassetto-aperto .velo-cassetto{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02040899;z-index:15}.stretta .testo,.stretta .barra-titolo,.stretta .gruppo-nome{display:flex}.stretta .voce{justify-content:flex-start}.solo-mobile{display:inline-grid}.barra-cerca kbd,.orologio{display:none}.testata{padding:0 8px}.home{padding:26px 16px 36px}.riquadri{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
