:root{--fondo:#0b1020;--card:#141c38;--bordo:#2c3a6b;--testo:#e8ecf5;--testo-tenue:#8b96b6;--entrate:#2ec4b6;--uscite:#e5484d;--accento:#2ec4b6;--su-accento:#04231f;--cashflow-da:#f2622e;--cashflow-a:#e5484d;--wants:#e06f00;--entrate-chiaro:#17e7cf;--richiamo:#f5c518;--raggio:18px;--gutter:16px;--menu:220px;--ombra:0 1px 0 #ffffff0a inset, 0 8px 24px #00000047;--card-alta:#1c2649}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--testo);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{font-variant-numeric:tabular-nums;font-size:15px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-text-size-adjust:100%}main{padding:var(--gutter);padding-bottom:calc(76px + env(safe-area-inset-bottom));max-width:1280px;margin:0 auto}body[data-nascosta=si]>*{filter:blur(22px);transition:none}.fondo{z-index:10;padding:0 14px calc(16px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0b102000,#0b1020e6 42%);position:fixed;bottom:0;left:0;right:0}.piu{pointer-events:auto;background:var(--accento);width:56px;height:56px;color:var(--su-accento);cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb, var(--accento) 40%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;margin:0 4px 12px auto;display:flex}.avviso-piu{pointer-events:auto;background:var(--card-alta);box-shadow:var(--ombra);color:var(--testo-tenue);border-radius:14px;margin:0 0 10px;padding:10px 14px;font-size:13px}nav{pointer-events:auto;background:color-mix(in srgb, var(--card-alta) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:6px;display:grid;box-shadow:0 12px 34px #00000080}nav button{appearance:none;font:inherit;min-height:44px;color:var(--testo-tenue);cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;font-size:10px;font-weight:600;line-height:1.2;transition:background .18s,color .18s;display:flex}nav button svg{width:21px;height:21px}nav button[aria-current=page]{background:color-mix(in srgb, var(--accento) 14%, transparent);color:var(--accento)}nav button:focus-visible{outline:2px solid var(--accento);outline-offset:-2px}@media (min-width:900px){main{padding-bottom:var(--gutter);padding-left:calc(var(--menu) + var(--gutter))}.fondo{width:var(--menu);background:0 0;padding:28px 14px;position:fixed;top:0;bottom:0;right:auto}nav{border-radius:18px;grid-auto-flow:row}nav button{flex-direction:row;gap:10px;padding:12px 14px;font-size:14px}.piu{margin:12px auto 0 0}}main h1{text-align:center;letter-spacing:.01em;margin:6px 0 14px;font-size:17px;font-weight:600}.pannello{border-radius:var(--raggio);background:var(--card);box-shadow:var(--ombra);padding:18px}.pannello p{color:var(--testo-tenue);margin:0;line-height:1.5}.ingranaggio{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:11;appearance:none;width:44px;height:44px;color:var(--testo-tenue);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute}.ingranaggio svg{width:22px;height:22px}.ingranaggio[aria-pressed=true]{color:var(--accento)}.ingranaggio:active{background:var(--card)}.ingranaggio:focus-visible{outline:2px solid var(--accento);outline-offset:-2px}main section.pannello+section.pannello{margin-top:14px}main section.pannello h2{color:var(--accento);margin:0 0 8px;font-size:15px;font-weight:600}.nota{color:var(--testo-tenue);margin:0 0 12px;font-size:13px;line-height:1.45}.elenco{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.elenco li{background:var(--card-alta);border-radius:10px;gap:2px;padding:10px 12px;font-size:14px;display:grid}.elenco .nota{margin:0;font-size:12px}.elenco li .revoca-apri{appearance:none;border:1px solid var(--bordo);min-height:36px;color:var(--uscite);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-self:start;margin-top:6px;padding:0 12px;font-size:13px;font-weight:600}.elenco li .revoca-apri:disabled{opacity:.55;cursor:default}.elenco li .revoca-apri:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.elenco li form.revoca{border-top:1px solid var(--bordo);gap:6px;margin-top:8px;padding-top:10px;display:grid}.elenco li form.revoca label{color:var(--testo-tenue);font-size:12px;font-weight:600}.elenco li form.revoca input{border:1px solid var(--bordo);background:var(--fondo);width:100%;color:var(--testo);font:inherit;border-radius:8px;padding:9px 11px;font-size:16px}.elenco li form.revoca input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.elenco li form.revoca .azioni{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.elenco li form.revoca button{appearance:none;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-weight:700}.elenco li form.revoca button[type=submit]{background:var(--uscite);color:var(--fondo)}.elenco li form.revoca button[type=button]{border:1px solid var(--bordo);color:var(--testo);background:0 0;font-weight:600}.elenco li form.revoca button:disabled{opacity:.55;cursor:default}.elenco li form.revoca button:focus-visible{outline:2px solid var(--accento);outline-offset:1px}main .modulo,main .importi{gap:6px;display:grid}main .modulo{margin-top:16px}main .modulo label,main .importi label{color:var(--testo-tenue);font-size:12px;font-weight:600}main .modulo input,main .importi input{border:1px solid var(--bordo);background:var(--fondo);width:100%;color:var(--testo);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}main .modulo input:focus-visible,main .importi input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}main .importi .riga{grid-template-columns:1fr 140px;align-items:center;gap:10px;display:grid}main .importi .riga label{color:var(--testo);font-size:14px;font-weight:500}main .importi .riga input{text-align:right}@media (min-width:900px){main .importi .riga{grid-template-columns:220px 160px;justify-content:start}}main .modulo button,main .importi button{appearance:none;background:var(--accento);min-height:44px;color:var(--su-accento);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-self:start;margin-top:10px;padding:0 18px;font-weight:700}main .modulo button:disabled,main .importi button:disabled{opacity:.55;cursor:default}main .avviso{margin:12px 0 0;font-size:13px;line-height:1.45}main .avviso.si{color:var(--entrate)}main .avviso.no{color:var(--uscite)}
.overview{gap:18px;display:grid}.overview>*{min-width:0}.overview .sintesi{padding:16px 2px 4px}.overview .sintesi p{margin:0}.overview .sintesi .etichetta{letter-spacing:.08em;text-transform:uppercase;color:var(--testo-tenue);font-size:12px}.overview .sintesi .cifra{letter-spacing:-.025em;margin-top:6px;font-size:40px;font-weight:650;line-height:1}.overview .sintesi .scarto{border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.overview .sintesi .scarto.su{background:color-mix(in srgb, var(--entrate) 14%, transparent);color:var(--entrate)}.overview .sintesi .scarto.giu{background:color-mix(in srgb, var(--uscite) 14%, transparent);color:var(--uscite)}.blocco>h2{letter-spacing:.1em;text-transform:uppercase;color:var(--testo-tenue);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.blocco>h2 .nota{text-transform:none;letter-spacing:0;flex:none;font-weight:400}.blocco{border-radius:var(--raggio);background:var(--card);box-shadow:var(--ombra);padding:16px;container-type:inline-size}.card{box-shadow:none;background:0 0;border-radius:0;padding:0}.overview .riquadri{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.overview .riquadri .riquadro{padding:10px 8px}.overview .riquadri .voce{font-size:11px}.overview .riquadri .importo{white-space:nowrap;font-size:15px}@container (min-width:616px){.overview .riquadri{grid-template-columns:repeat(6,1fr)}}.overview .riquadro{background:var(--card-alta);text-align:center;border-radius:10px;justify-items:center;gap:8px;padding:12px 8px;display:grid}.overview .riquadro .voce{color:var(--testo-tenue);font-size:13px}.overview .riquadro .importo{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.bilancio{max-width:40rem}.bilancio .cap{border-bottom:1px dashed var(--bordo);justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding-bottom:5px;font-weight:700;display:flex}.bilancio .cap:not(:first-child){margin-top:16px}.bilancio .cap .importo.entrate{color:var(--entrate)}.bilancio .cap .importo.uscite{color:var(--uscite)}.bilancio .voci{margin:0;padding:0;font-size:14px;list-style:none}.bilancio .voci li{border-bottom:1px dashed var(--bordo);justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}.bilancio .voci li:last-child{border-bottom:0}.bilancio .nome{min-width:0}.bilancio .voci .importo{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.bilancio .dollari{color:var(--testo-tenue);font-size:12px}@media (min-width:1180px){.overview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.overview .sintesi,.overview .periodo-barra,.overview .andamento-cashflow,.overview .andamento-secchi,.overview .riepilogo,.overview .aggiornato{grid-column:1/-1}.overview .periodo-barra{margin-left:0;margin-right:0}}.overview .mese{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"entrate uscite""cashflow taxes""needs wants""leva leva""cassetto cassetto";gap:12px;display:grid}@container (min-width:656px){.overview .mese{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"entrate uscite cashflow taxes""entrate uscite needs wants""leva leva leva leva""cassetto cassetto cassetto cassetto"}.overview .mese .cassetto:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}}.overview .mese .entrate{grid-area:entrate}.overview .mese .uscite{grid-area:uscite}.overview .mese .cashflow{grid-area:cashflow}.overview .mese .taxes{grid-area:taxes}.overview .mese .needs{grid-area:needs}.overview .mese .wants{grid-area:wants}.overview .mese .leva{grid-area:leva}.overview .mese .cassetto{grid-area:cassetto}.overview .periodo-barra{z-index:20;margin:18px calc(-1 * var(--gutter)) 0;padding:8px var(--gutter) 10px;background:var(--fondo);box-shadow:0 10px 12px -6px var(--fondo);position:sticky;top:-2px}.overview .anni{background:var(--card);scrollbar-width:none;border-radius:999px;gap:4px;padding:3px;display:flex;overflow-x:auto}.overview .anni::-webkit-scrollbar{height:0}.overview .anni button{appearance:none;font:inherit;min-height:44px;color:var(--testo-tenue);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 18px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.overview .anni button[aria-pressed=true]{background:var(--card-alta);color:var(--testo)}.overview .mesi{scrollbar-width:none;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.overview .mesi::-webkit-scrollbar{height:0}.overview .mesi button{appearance:none;background:var(--card);font:inherit;letter-spacing:.04em;min-height:44px;color:var(--testo-tenue);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:12px;font-weight:600;transition:background .18s,color .18s}.overview .mesi button[aria-pressed=true]{background:var(--accento);color:var(--su-accento)}.overview .mesi button[aria-disabled=true]{opacity:.6;cursor:default}.overview .anni button:focus-visible,.overview .mesi button:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.overview .periodo{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"voci voci voci voci voci voci""entrate entrate entrate uscite uscite uscite""legenda legenda legenda legenda legenda legenda""cashflow cashflow cashflow cashflow cashflow cashflow""needs needs needs wants wants wants""taxes taxes taxes taxes taxes taxes";gap:12px;display:grid}@container (min-width:836px){.overview .periodo{grid-template-columns:repeat(8,minmax(0,1fr)) minmax(190px,2.6fr);grid-template-areas:"voci voci entrate entrate entrate uscite uscite uscite legenda""cashflow cashflow needs needs wants wants taxes taxes legenda"}}.overview .periodo .voci-entrate{grid-area:voci}.overview .periodo .anello-entrate{grid-area:entrate}.overview .periodo .anello-uscite{grid-area:uscite}.overview .periodo .voci-uscite{grid-area:legenda}.overview .periodo .cashflow{grid-area:cashflow}.overview .periodo .needs{grid-area:needs}.overview .periodo .wants{grid-area:wants}.overview .periodo .taxes{grid-area:taxes}.overview .periodo .voci-entrate li{grid-template-columns:auto auto minmax(0,1fr) 8px}.overview .periodo .voci-entrate .importo{text-align:left;grid-area:1/1}.overview .periodo .voci-entrate .quota{grid-area:1/2}.overview .periodo .voci-entrate .nome{text-align:right;grid-area:1/3}.overview .periodo .voci-entrate .pastiglia{background:var(--entrate);grid-area:1/4}.overview .periodo .anello-entrate .anello path.fetta{fill:var(--entrate)}.overview .periodo .anello-entrate .anello circle.fetta{stroke:var(--entrate)}.overview .anello-blocco{place-items:center;min-width:0;display:grid}.overview .anello{width:100%;max-width:200px;height:auto}.overview .anello .binario{stroke:var(--card-alta)}.overview .anello .nome{fill:var(--testo-tenue);font-size:9px}.overview .anello .cifra{fill:var(--testo);font-variant-numeric:tabular-nums;font-weight:700}.overview .anello path.fetta{fill:var(--uscite)}.overview .anello circle.fetta{stroke:var(--uscite)}.overview .mese .entrate .anello path.fetta{fill:var(--entrate)}.overview .mese .entrate .anello circle.fetta{stroke:var(--entrate)}.overview .legenda{align-content:center;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.overview .legenda li{grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:19px;padding:6px 2px;display:grid}.overview .legenda li+li{border-top:1px solid #ffffff0b}.overview .legenda .pastiglia{background:var(--uscite);border-radius:999px;align-self:center;width:8px;height:8px}@container (max-width:655px){.overview .mese .legenda{justify-self:center;width:100%;max-width:260px}}@container (max-width:835px){.overview .periodo .legenda{justify-self:center;width:100%;max-width:260px}}.overview .legenda .importo{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.overview .legenda .quota{color:var(--testo-tenue);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.overview .mese .riquadro,.overview .periodo .riquadro{align-content:center;padding:14px 10px}.overview .mese .riquadro .importo,.overview .periodo .riquadro .importo{font-size:18px}.overview .periodo .riquadro .voce{line-height:1.3}.overview .mese .cashflow,.overview .periodo .cashflow{background:linear-gradient(135deg, var(--cashflow-da), var(--cashflow-a))}.overview .mese .cashflow .voce,.overview .periodo .cashflow .voce{color:var(--testo);font-size:15px}.overview .mese .cashflow .importo,.overview .periodo .cashflow .importo{font-size:20px}.overview .scorrevole{overscroll-behavior-x:contain;overflow-x:auto}.overview .scorrevole .mensile{width:100%;min-width:940px}.overview .andamento-secchi .scorrevole .mensile{min-width:990px}.overview .andamento-cashflow .barre,.overview .andamento-secchi .linee{width:100%}.overview .barre,.overview .linee{height:auto;display:block}.overview .telaio{touch-action:pan-y;position:relative}.overview .bolla{z-index:3;pointer-events:none;background:var(--card-alta);white-space:nowrap;border-radius:12px;padding:8px 10px;font-size:12px;position:absolute;top:34px;transform:translate(-50%,-112%);box-shadow:0 10px 26px #00000080}.overview .bolla p{justify-content:space-between;gap:16px;margin:0;display:flex}.overview .bolla .titolo{letter-spacing:.1em;text-transform:uppercase;color:var(--testo-tenue);margin-bottom:4px;font-size:10px;display:block}.overview .bolla span{color:var(--testo-tenue)}.overview .bolla strong{font-weight:650}.overview .barre .ascissa,.overview .linee .ascissa{fill:var(--testo-tenue);font-size:13px}.overview .barre .griglia,.overview .linee .griglia{stroke:var(--bordo);stroke-width:1px;stroke-dasharray:3 5}.overview .chiavi{color:var(--testo-tenue);flex-wrap:wrap;gap:14px;margin:0 0 10px;font-size:13px;display:flex}.overview .chiavi span{align-items:center;gap:6px;display:inline-flex}.overview .chiavi i{background:var(--testo-tenue);border-radius:999px;width:8px;height:8px}.overview .linee .spezzata{fill:none;stroke:var(--testo-tenue);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.overview .linee .punto{fill:var(--card);stroke:var(--testo-tenue);stroke-width:5px}.overview .linee .impilata .tratto{fill:var(--testo-tenue)}.overview .mensile{border-collapse:collapse;table-layout:fixed;margin-top:12px;font-size:11.5px}.overview .mensile th,.overview .mensile td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-right:1px dotted var(--bordo);padding:5px 4px}.overview .mensile th:last-child,.overview .mensile td:last-child{border-right:0}.overview .mensile tbody th,.overview .mensile tbody td{border-top:1px dotted var(--bordo)}.overview .mensile tbody tr:last-child th,.overview .mensile tbody tr:last-child td{border-bottom:1px dotted var(--bordo)}.overview .mensile thead th{text-align:center;color:var(--testo);font-weight:700}.overview .mensile .angolo,.overview .mensile tbody th{z-index:1;background:var(--card);font-weight:700;position:sticky;left:0}.overview .mensile .entrate th,.overview .mensile .entrate td{color:var(--entrate)}.overview .mensile .uscite th,.overview .mensile .uscite td{color:var(--uscite)}.overview .mensile .media{color:var(--testo);font-weight:700}.overview .mensile .sforato{color:var(--uscite);font-weight:700}.overview .mensile.secchi{font-size:10.5px}.overview .mensile.secchi th,.overview .mensile.secchi td{padding:5px 3px}.overview .aggiornato{text-align:center;color:var(--testo-tenue);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.overview .aggiornato .cambio-vecchio{color:var(--richiamo);margin-top:4px;display:block}.pannello.guasto .riprova{appearance:none;background:var(--accento);min-height:44px;color:var(--su-accento);font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:14px;padding:0 18px;font-weight:700}.pannello.guasto .riprova:focus-visible{outline:2px solid var(--testo);outline-offset:2px}.overview .leva{appearance:none;font:inherit;width:100%;min-height:44px;color:var(--testo-tenue);cursor:pointer;background:0 0;border:0;border-radius:10px;margin-top:10px;padding:8px;font-size:13px;transition:background .15s,color .15s}.overview .leva:hover{background:var(--card-alta);color:var(--testo)}.overview .leva:focus-visible{outline:2px solid var(--accento);outline-offset:-2px}.overview .cassetto{animation:.22s apri-cassetto}@keyframes apri-cassetto{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.overview .cassetto{animation:none}}.overview .barre .barra{transform-box:fill-box;animation:.55s cubic-bezier(.22,1,.36,1) backwards cresci-barra}@keyframes cresci-barra{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.overview .linee .spezzata{stroke-dasharray:1;animation:.9s cubic-bezier(.4,0,.2,1) backwards traccia}.overview .linee .spezzata:nth-of-type(2){animation-delay:.1s}.overview .linee .spezzata:nth-of-type(3){animation-delay:.2s}@keyframes traccia{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.overview .linee .punto{transform-box:fill-box;animation:.3s ease-out .75s backwards spunta}@keyframes spunta{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.overview .anello .fetta{transform-origin:50%;animation:.5s cubic-bezier(.22,1,.36,1) backwards chiudi-anello}@keyframes chiudi-anello{0%{opacity:0;transform:rotate(-1.5deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.overview .barre .barra,.overview .linee .spezzata,.overview .linee .punto,.overview .anello .fetta{animation:none}.overview .linee .spezzata{stroke-dasharray:none}}