:root{--fondo:#0b1020;--card:#1b2547;--card-chiara:#242f57;--bordo:#2c3a6b;--testo:#e8ecf5;--testo-tenue:#9aa4bf;--entrate:#2ec4b6;--uscite:#e5484d;--accento:#f5c518;--cashflow-da:#f2622e;--cashflow-a:#e5484d;--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);color:#1a1400;min-height:44px;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)}