:root{--fondo:#0b1020;--card:#1b2547;--card-chiara:#242f57;--bordo:#2c3a6b;--testo:#e8ecf5;--testo-tenue:#9aa4bf;--entrate:#2ec4b6;--uscite:#e5484d;--accento:#f5c518;--su-accento:#1a1400;--cashflow-da:#f2622e;--cashflow-a:#e5484d;--barre:#0076ba;--wants:#e06f00;--entrate-chiaro:#17e7cf;--raggio:14px;--gutter:16px;--menu:220px}*{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-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}nav{z-index:10;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--fondo);border-top:1px solid var(--bordo);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}nav button{appearance:none;font:inherit;min-height:44px;color:var(--testo-tenue);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 2px;font-size:11px;font-weight:600;line-height:1.2;transition:color .15s}nav button[aria-current=page]{color:var(--accento)}nav button:active{background:var(--card)}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))}nav{width:var(--menu);border-top:0;border-right:1px solid var(--bordo);grid-template-columns:1fr;align-content:start;gap:4px;padding:28px 14px;top:0;right:auto}nav button{text-align:left;min-height:0;padding:12px 14px;font-size:14px}}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);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-chiara);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 .blocco>h2{text-align:center;color:var(--testo);margin:0 0 8px;font-size:15px;font-weight:600}.overview .card{border-radius:var(--raggio);background:var(--card);padding:14px}.overview .riquadri{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:480px){.overview .riquadri{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.overview .riquadri{grid-template-columns:repeat(6,1fr)}}.overview .riquadro{background:var(--card-chiara);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}@media (min-width:900px){.overview .bilancio{max-width:440px}}.overview .bilancio table{border-collapse:collapse;width:100%;font-size:14px}@media (max-width:479px){.overview .bilancio table{font-size:13px}.overview .bilancio .importo{padding-left:8px}}.overview .bilancio th,.overview .bilancio td{border-bottom:1px dashed var(--bordo);padding:5px 0}.overview .bilancio tr:last-child th,.overview .bilancio tr:last-child td{border-bottom:0}.overview .bilancio th{text-align:left;padding-right:10px;font-weight:400}.overview .bilancio .importo{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}.overview .bilancio .totale th,.overview .bilancio .totale .importo{font-weight:700}.overview .bilancio .totale .entrate{color:var(--entrate)}.overview .bilancio .totale .uscite{color:var(--uscite)}.overview .bilancio .totale:not(:first-child) th,.overview .bilancio .totale:not(:first-child) td{padding-top:16px}@media (min-width:1220px){.overview{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.overview>*{grid-column:1/-1}.overview>.bilancio{grid-column:1}.overview>.questo-mese{grid-column:2}.overview>.bilancio,.overview>.questo-mese{grid-template-rows:auto minmax(0,1fr);display:grid}}.overview .mese{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"entrate uscite""legenda legenda""cashflow cashflow""needs wants";gap:12px;display:grid}@media (min-width:720px){.overview .mese{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,1.1fr);grid-template-areas:"entrate uscite legenda""cashflow needs legenda""cashflow wants legenda"}}.overview .mese .entrate{grid-area:entrate}.overview .mese .uscite{grid-area:uscite}.overview .mese .legenda{grid-area:legenda}.overview .mese .cashflow{grid-area:cashflow}.overview .mese .needs{grid-area:needs}.overview .mese .wants{grid-area:wants}.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}@media (min-width:1120px){.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 minmax(0,1fr) 12px}.overview .periodo .voci-entrate .importo{text-align:left;grid-area:1/1}.overview .periodo .voci-entrate .nome{text-align:right;grid-area:1/2}.overview .periodo .voci-entrate .pastiglia{background:var(--entrate);grid-area:1/3}.overview .periodo .anello-entrate .anello path.fetta{fill:var(--entrate)}.overview .periodo .anello-entrate .anello circle.fetta{stroke:var(--entrate)}.overview .selettore{align-items:center;gap:8px;max-width:100%;display:inline-flex}.overview .selettore select{appearance:none;background:var(--card-chiara);color:var(--testo);font:inherit;cursor:pointer;border:0;border-radius:8px;min-height:32px;padding:4px 10px;font-size:16px;font-weight:700}.overview .selettore select:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.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-chiara)}.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:12px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:19px;display:grid}.overview .legenda .pastiglia{background:var(--uscite);align-self:stretch;width:12px}@media (max-width:719px){.overview .mese .legenda{justify-self:center;width:100%;max-width:260px}}@media (max-width:1119px){.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 .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 .barre,.overview .scorrevole .linee,.overview .scorrevole .mensile{width:100%}.overview .scorrevole .barre,.overview .scorrevole .mensile{min-width:940px}.overview .andamento-secchi .scorrevole .linee,.overview .andamento-secchi .scorrevole .mensile{min-width:990px}.overview .barre,.overview .linee{height:auto;display:block}.overview .barre .tacca,.overview .barre .ascissa,.overview .linee .tacca,.overview .linee .ascissa{fill:var(--testo-tenue);font-size:13px}.overview .barre .valore{fill:var(--testo);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.overview .barre .griglia,.overview .linee .griglia{stroke:var(--bordo);stroke-width:1px;stroke-dasharray:3 5}.overview .barre .barra{fill:var(--barre)}.overview .linee .spezzata{fill:none;stroke:var(--testo-tenue);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.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);width:8.8%;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(--accento);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(--accento);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}