:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f3f6f6;--color-canvas-upper:#e8f2f0;--color-canvas-halo:#32d4ca17;--color-metric-glass:#ffffffd1;--color-metric-border:#ffffffeb;--color-alert-glass:#fff4f2eb;--color-action-symbol:#e0f5f1;--canvas-plane-height:38rem;--canvas-plane-radius:4rem;--canvas-halo-size:34rem;--blur-canvas:48px;--shadow-metric:0 6px 22px #091f2c0f, 0 1px 3px #091f2c08;--color-surface:#fff;--color-surface-subtle:#e8efef;--color-surface-inverse:#091f2c;--color-text:#102c39;--color-text-muted:#506571;--color-text-inverse:#fff;--color-text-inverse-muted:#bbced3;--color-accent:#32d4ca;--color-accent-hover:#61e3db;--color-accent-ink:#005d60;--color-border:#cbd7da;--color-border-strong:#71858e;--color-paid:#176641;--color-paid-surface:#e6f4eb;--color-pending:#965000;--color-pending-surface:#fff1dd;--color-overdue:#af2929;--color-overdue-surface:#fff0ee;--color-future:#506571;--color-future-surface:#edf1f2;--color-focus:#007f83;--color-overlay:#091f2ca6;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:var(--font-body);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(1.65rem, 3vw, 2.5rem);--weight-regular:400;--weight-medium:600;--weight-bold:750;--leading-body:1.5;--leading-heading:1.15;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-circle:50%;--border-width:1px;--border-width-emphasis:3px;--color-overdue-border:color-mix(in srgb, var(--color-overdue) 20%, transparent);--color-surface-recessed:#f7fafa;--color-surface-glass:#ffffffe6;--color-surface-glass-hover:#fffffff7;--color-inverse-glass:#091f2cf7;--color-glass-border:#ffffffb8;--color-inverse-edge:#bbced338;--blur-surface:12px;--blur-backdrop:3px;--shadow-surface:0 4px 20px #091f2c0d;--shadow-floating:0 8px 24px #091f2c24;--shadow-navigation:0 -4px 24px #091f2c1f;--shadow-action:0 4px 16px #091f2c38;--motion-fast:.14s;--motion-standard:.2s;--ease-standard:cubic-bezier(.2, .7, .2, 1);--month-control-width:15rem;--month-control-height:4rem;--action-size:3.5rem;--fan-width:clamp(7rem, 25vw, 9rem);--fan-height:4.75rem;--fan-reach-x:min(clamp(5.5rem, 32vw, 10rem), calc(50vw - var(--fan-width) / 2 - var(--space-4)));--fan-reach-y:clamp(4.75rem, 18vw, 6rem);--color-fan-surface:#091f2cf0;--color-fan-hover:#123c4a;--color-fan-active:#061923;--color-fan-border:#32d4ca6b;--color-fan-border-hover:#32d4cac7;--color-fan-symbol:#32d4ca24;--shadow-fan:0 10px 28px #091f2c3d, inset 0 1px 0 #ffffff1a;--shadow-none:none;--shadow-overlay:0 12px 40px #091f2c29;--content-width:72rem;--form-width:30rem;--dialog-width:34rem;--control-height:2.75rem;--nav-height:4.75rem;--safe-area-bottom:env(safe-area-inset-bottom,0px);--nav-clearance:calc(var(--nav-height) + var(--space-7) + var(--safe-area-bottom));--layer-nav:10;--layer-action:20;--layer-dialog:30}*{box-sizing:border-box}html{scroll-padding-bottom:var(--nav-clearance);font-family:var(--font-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-heading);text-wrap:balance}h1,h2,h3,p{margin:0}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}button,input,select{font:inherit}button{min-height:var(--control-height);cursor:pointer;font-weight:var(--weight-medium);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);transition:background-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}button:hover:not(:disabled){background:var(--color-surface-subtle)}button:disabled{cursor:not-allowed;opacity:.6}input,select{min-width:0;max-width:100%;min-height:var(--control-height);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface);color:var(--color-text)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent);color:var(--color-surface-inverse)}.icon{vertical-align:-.2em;flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;background:var(--color-surface);color:var(--color-text);padding:var(--space-3);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cancelar-despesa{color:var(--color-overdue);border-color:var(--color-overdue-border);font-size:var(--text-sm);white-space:nowrap;background:0 0}.cancelar-despesa:hover:not(:disabled){background:var(--color-overdue-surface)}.cancellation-dialog textarea{resize:vertical;width:100%;min-height:7rem}.confirmar-cancelamento{background:var(--color-overdue);color:var(--color-surface);border-color:#0000}.confirmar-cancelamento:hover:not(:disabled){filter:brightness(.92)}[hidden]{display:none!important}.app{isolation:isolate;min-height:100svh;position:relative;overflow:clip}.app:before{content:"";z-index:-1;height:var(--canvas-plane-height);background:var(--color-canvas-upper);border-radius:0 0 var(--canvas-plane-radius) var(--canvas-plane-radius);pointer-events:none;position:absolute;inset:0 0 auto}.app:after{content:"";z-index:-1;top:var(--space-8);right:calc(0rem - var(--space-8));width:var(--canvas-halo-size);height:var(--canvas-halo-size);border-radius:var(--radius-circle);background:var(--color-canvas-halo);filter:blur(var(--blur-canvas));pointer-events:none;position:absolute}.topo{background:var(--color-surface-inverse);color:var(--color-text-inverse);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) max(var(--space-5), calc((100% - var(--content-width)) / 2));border-bottom:3px solid var(--color-accent);display:flex}.brand h1{font-size:var(--text-xl);letter-spacing:-.04em}.brand h1 span{margin-left:var(--space-2);color:var(--color-accent);display:inline-block}.brand p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-inverse-muted)}.perfil{width:var(--control-height);border-color:var(--color-accent);color:var(--color-accent);background:0 0;flex-shrink:0}.perfil:hover:not(:disabled){color:var(--color-surface-inverse);background:var(--color-accent)}.conteudo{width:min(var(--content-width), calc(100% - var(--space-7)));padding-top:var(--space-7);padding-bottom:var(--nav-clearance);margin:auto}.boas-vindas{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.boas-vindas h2{font-size:var(--text-2xl);max-width:24ch;margin-top:var(--space-4);letter-spacing:-.035em}.saudacao{font-size:var(--text-lg);font-weight:var(--weight-medium)}.nome-familia,.boas-vindas p:not(.saudacao){font-size:var(--text-sm);color:var(--color-text-muted)}.month-control{align-items:center;gap:var(--space-3);width:var(--month-control-width);min-height:var(--month-control-height);background:var(--color-surface);border:var(--border-width) solid var(--color-metric-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);flex-shrink:0;display:flex;position:relative}.month-control>.icon{top:50%;left:var(--space-4);color:var(--color-accent-ink);pointer-events:none;z-index:1;position:absolute;transform:translateY(-50%)}.month-control>.icon:last-child{left:auto;right:var(--space-4)}.month-control__field{width:100%}.month-control label{top:var(--space-2);left:var(--space-7);color:var(--color-text-muted);font-size:var(--text-xs);pointer-events:none;z-index:1;position:absolute}.mes{appearance:none;width:100%;height:100%;padding:var(--space-5) var(--space-7) var(--space-1);border-radius:inherit;font-weight:var(--weight-medium);background:0 0;border:0;position:absolute;inset:0}.month-control:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.mes:focus-visible{outline:none}.alerta{align-items:center;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);background:var(--color-overdue-surface);color:var(--color-overdue);border:var(--border-width) solid var(--color-overdue-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-surface);display:flex}.alerta__symbol{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-xl);flex-shrink:0;place-items:center;display:grid}.alerta__copy{flex:1}.alerta__copy p{font-size:var(--text-sm);margin-top:var(--space-1)}.alerta button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-surface);color:inherit;border-radius:var(--radius-md);border:0;flex-shrink:0;display:flex}.resumo{gap:var(--space-4);background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{--metric-color:var(--color-accent-ink);--metric-surface:var(--color-action-symbol);min-width:0;padding:var(--space-5);border:var(--border-width) solid var(--color-metric-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-metric);flex-direction:column;display:flex}.metric__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.metric__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.metric__symbol{width:var(--space-6);height:var(--space-6);background:var(--metric-surface);color:var(--metric-color);border-radius:var(--radius-md);flex-shrink:0;place-items:center;display:grid}.metric__value{color:var(--metric-color);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(1.125rem,2.2vw,1.85rem);line-height:var(--leading-heading);margin-block:var(--space-5) var(--space-3);overflow-wrap:anywhere;display:block}.metric__detail{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:auto}.metric--total{background:var(--color-surface-inverse);border-color:var(--color-inverse-edge);--metric-color:var(--color-accent);--metric-surface:var(--color-inverse-edge)}.metric--total .metric__label,.metric--total .metric__detail{color:var(--color-text-inverse-muted)}.metric--pago{--metric-color:var(--color-paid);--metric-surface:var(--color-paid-surface)}.metric--pendente{--metric-color:var(--color-pending);--metric-surface:var(--color-pending-surface)}.metric--vencido{--metric-color:var(--color-overdue);--metric-surface:var(--color-overdue-surface)}.progresso-card{margin-block:var(--space-6);padding:var(--space-5);background:var(--color-surface-inverse);color:var(--color-text-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.progresso-titulo{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.progresso-titulo>strong{font-size:var(--text-xl);color:var(--color-accent)}.progresso-titulo p{color:var(--color-text-inverse-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.barra{height:var(--space-2);margin-top:var(--space-5);background:var(--color-text-muted);border-radius:var(--radius-sm);overflow:hidden}.barra-preenchida{background:var(--color-accent);width:63%;height:100%}.proximas{margin-top:var(--space-7);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.titulo-secao{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.titulo-secao p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.ver-todas{color:var(--color-accent-ink);background:0 0;border-color:#0000;flex-shrink:0}.despesa{align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-top:var(--border-width) solid var(--color-border);display:flex}.icone{width:var(--control-height);height:var(--control-height);background:var(--color-surface-subtle);color:var(--color-accent-ink);border-radius:var(--radius-sm);flex-shrink:0;place-items:center;display:grid}.dados{overflow-wrap:anywhere;flex:1;min-width:0}.dados strong,.dados span{display:block}.dados span{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.valor{text-align:right;font-variant-numeric:tabular-nums;min-width:7.5rem}.status{text-align:center;min-width:6rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm)}.pago-status{color:var(--color-paid);background:var(--color-paid-surface)}.vencido-status{color:var(--color-overdue);background:var(--color-overdue-surface)}.paguei,.salvar-despesa,.login-page button[type=submit],.login button[type=submit]{background:var(--color-accent);color:var(--color-surface-inverse);border-color:#0000}.paguei:hover:not(:disabled),.salvar-despesa:hover:not(:disabled),.login-page button[type=submit]:hover:not(:disabled),.login button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover)}.paguei{min-width:6rem;font-size:var(--text-sm)}.menu{width:100%;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-surface-inverse);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:var(--border-width) solid var(--color-inverse-edge);box-shadow:var(--shadow-navigation);z-index:var(--layer-nav);grid-template-columns:1fr 1fr 5rem 1fr 1fr;display:grid;position:fixed;bottom:0;left:0}.menu button{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-md);margin:var(--space-2) var(--space-1);padding:var(--space-2) var(--space-1);color:var(--color-text-inverse-muted);font-size:var(--text-xs);background:0 0;border:0;flex-direction:column;display:flex}.menu button .icon{font-size:var(--text-lg)}.menu button.ativo{color:var(--color-accent);box-shadow:inset 0 3px var(--color-accent)}.menu button:hover:not(:disabled){color:var(--color-surface-inverse);background:var(--color-accent)}.menu :focus-visible,.topo :focus-visible,.progresso-card :focus-visible{outline-color:var(--color-accent);outline-offset:-4px}.quick-add{left:50%;bottom:calc(var(--space-5) + var(--safe-area-bottom));width:var(--action-size);height:var(--action-size);z-index:var(--layer-action);position:fixed;transform:translate(-50%)}.adicionar{z-index:1;border:var(--border-width-emphasis) solid var(--color-surface-inverse);border-radius:var(--radius-lg);background:var(--color-accent);width:100%;height:100%;color:var(--color-surface-inverse);box-shadow:var(--shadow-action);place-items:center;padding:0;display:grid;position:relative}.adicionar:hover:not(:disabled){background:var(--color-accent-hover)}.adicionar .icon{transition:transform var(--motion-standard) var(--ease-standard)}.quick-add[data-open=true] .adicionar .icon{transform:rotate(45deg)}.quick-add__actions{box-shadow:none;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-standard) var(--ease-standard), visibility 0s var(--motion-standard);background:0 0;border:0;position:absolute;inset:0}.quick-add[data-open=true] .quick-add__actions{opacity:1;visibility:visible;transition-delay:0s}.quick-add__action{width:var(--fan-width);min-height:var(--fan-height);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-sm);border:var(--border-width) solid var(--color-fan-border);border-radius:var(--radius-xl);background:var(--color-surface-inverse);color:var(--color-text-inverse);box-shadow:var(--shadow-fan);transition:transform var(--motion-standard) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.28)}.quick-add__symbol{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);background:var(--color-fan-symbol);color:var(--color-accent);place-items:center;display:grid}.quick-add__action>span:last-child{line-height:var(--leading-heading)}.quick-add[data-open=true] .quick-add__action{pointer-events:auto;transform:translate(calc(-50% + var(--branch-x)), calc(-50% - var(--fan-reach-y))) scale(1)}.quick-add__action:focus-visible{outline:var(--border-width-emphasis) solid var(--color-accent);outline-offset:var(--space-1);border-color:var(--color-accent)}.quick-add[data-open=true] .quick-add__action:active{background:var(--color-fan-active);border-color:var(--color-accent);transform:translate(calc(-50% + var(--branch-x)), calc(-50% - var(--fan-reach-y))) scale(.97)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.month-control,.metric:not(.metric--total){background:var(--color-metric-glass);-webkit-backdrop-filter:blur(var(--blur-surface));backdrop-filter:blur(var(--blur-surface))}.alerta{background:var(--color-alert-glass);-webkit-backdrop-filter:blur(var(--blur-surface));backdrop-filter:blur(var(--blur-surface))}.quick-add__action{background:var(--color-fan-surface);-webkit-backdrop-filter:blur(var(--blur-surface));backdrop-filter:blur(var(--blur-surface))}.menu{background:var(--color-inverse-glass);-webkit-backdrop-filter:blur(var(--blur-surface));backdrop-filter:blur(var(--blur-surface))}}.modal-fundo{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-5);z-index:var(--layer-dialog);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.modal-despesa{width:100%;max-width:var(--dialog-width);max-height:calc(100dvh - var(--space-7));background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-overlay);overflow-y:auto}.modal-topo{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal-topo p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.fechar-modal{padding:var(--space-2);min-width:var(--control-height);font-size:var(--text-lg);flex-shrink:0}.form-despesa,.adicionar-membro,.login form,.login-card form{gap:var(--space-4);flex-direction:column;display:flex}.form-despesa label{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);flex-direction:column;display:flex}.form-despesa input,.form-despesa select{width:100%}.acoes-modal{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.campos-parcelas{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.separador-parcelas{padding-bottom:var(--space-3);color:var(--color-text-muted)}.area-perfil{max-width:var(--dialog-width);align-items:flex-start;gap:var(--space-5);padding-bottom:var(--space-7);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);flex-direction:column;margin-inline:auto;display:flex}.area-perfil>p{overflow-wrap:anywhere;max-width:100%}.adicionar-membro{border-top:var(--border-width) solid var(--color-border);width:100%;padding-top:var(--space-5)}.login-page,.login{background:var(--color-surface-inverse);min-height:100svh;color:var(--color-text-inverse);padding:var(--space-7) var(--space-5)}.login-page{place-items:center;display:grid}.login-card,.login>*{width:min(100%, var(--form-width));margin-inline:auto}.login-card{border-top:4px solid var(--color-accent);padding-top:var(--space-6)}.login-page h1,.login h1{font-size:var(--text-2xl);letter-spacing:-.04em}.login-page p,.login>p{color:var(--color-text-inverse-muted);margin-block:var(--space-4)}.login form,.login-card form{margin-block:var(--space-6)}.login h2{margin-top:var(--space-5)}.login-card>button,.login>button{border-color:var(--color-text-inverse-muted);color:var(--color-text-inverse);background:0 0;display:block}.login-card>button:hover,.login>button:hover{background:var(--color-surface);color:var(--color-text)}.login-page :focus-visible,.login :focus-visible{outline-color:var(--color-accent)}.session-loading{min-height:100svh;color:var(--color-text-muted);place-items:center;display:grid}@media (width<=800px){.resumo{grid-template-columns:repeat(2,minmax(0,1fr))}.despesa{grid-template-columns:var(--control-height) minmax(0, 1fr) auto;gap:var(--space-3);display:grid}.icone{grid-row:1/3}.valor{min-width:0;font-size:var(--text-sm)}.status,.paguei{grid-column:2/4;justify-self:start}}@media (width<=480px){.topo{padding:var(--space-5) var(--space-4)}.brand h1{font-size:var(--text-lg)}.brand h1 span{margin-left:0;display:block}.conteudo{width:calc(100% - var(--space-6));padding-top:var(--space-6)}.boas-vindas{flex-direction:column;align-items:stretch}.month-control{width:100%}.month-control__field{flex:1}.mes{width:100%}.alerta{padding:var(--space-4);gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.alerta button{grid-column:2;justify-self:start}.resumo{gap:var(--space-3)}.metric{padding:var(--space-4)}.metric__heading{gap:var(--space-3);flex-direction:column-reverse}.metric__value{margin-top:var(--space-4)}.proximas{padding:var(--space-4)}.titulo-secao{flex-direction:column;align-items:flex-start}.despesa{grid-template-columns:var(--control-height) minmax(0, 1fr)}.valor{text-align:left;grid-column:2}.status,.paguei{grid-column:2}.modal-fundo{padding:var(--space-3)}.modal-despesa{padding:var(--space-5);max-height:calc(100dvh - var(--space-5))}}.modal-fundo::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-backdrop));backdrop-filter:blur(var(--blur-backdrop))}@media (prefers-reduced-motion:reduce){.quick-add__actions{transition:none}}.future-status{background:var(--color-future-surface);color:var(--color-future)}.progresso-card>p{margin-top:var(--space-3);color:var(--color-text-inverse-muted);font-size:var(--text-sm)}.pendente-status{color:var(--color-pending);background:var(--color-pending-surface)}.payment-backdrop{z-index:calc(var(--layer-action) + 10);padding:var(--space-5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05142694;place-items:center;display:grid;position:fixed;inset:0}.payment-dialog{width:min(28rem,100%);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-metric-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-navigation)}.payment-dialog h2{margin-bottom:var(--space-2)}.payment-dialog>p{color:var(--color-text-muted);margin-bottom:var(--space-5)}.payment-dialog label{gap:var(--space-2);font-weight:var(--weight-medium);display:grid}.payment-dialog select{width:100%;min-height:var(--control-height);padding-inline:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.payment-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.payment-error{margin-top:var(--space-3);color:var(--color-overdue)!important}.activity-card{margin-top:var(--space-6);padding:var(--space-6);border:var(--border-width) solid var(--color-metric-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7}.activity-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.activity-item{gap:var(--space-3);padding-block:var(--space-3);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);grid-template-columns:auto 1fr;align-items:start;display:grid}.activity-item:first-child{border-top:0}.activity-item strong{color:var(--color-text)}.activity-item small{margin-top:var(--space-1);color:var(--color-text-muted);display:block}.activity-dot{background:var(--color-accent);border-radius:999px;width:.65rem;height:.65rem;margin-top:.45rem;box-shadow:0 0 0 .3rem #00c9d71f}@media (width<=720px){.despesa{flex-wrap:wrap}.dados{flex-basis:calc(100% - var(--control-height) - var(--space-4))}.valor{margin-left:calc(var(--control-height) + var(--space-4));text-align:left}.payment-actions{flex-direction:column-reverse}.payment-actions button{width:100%}.activity-card{padding:var(--space-5)}}.cards-panel{gap:22px;margin-top:18px;display:grid}.cards-panel[hidden]{display:none}.cards-panel__header,.invoice-list__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.cards-panel__actions{align-items:center;gap:10px;display:flex}.cards-panel__header h2{margin:2px 0 4px;font-size:clamp(1.7rem,4vw,2.4rem)}.eyebrow{color:var(--color-accent,#00c7d9);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.cards-primary,.cards-empty button{background:var(--color-accent,#00c7d9);color:#042536;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.cards-primary svg{width:18px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.credit-card{color:#fff;background:linear-gradient(145deg,#071d38,#0d3658);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:190px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #061f392e}.credit-card:after{content:"";background:#00cfd61f;border-radius:50%;width:170px;height:170px;position:absolute;top:-70px;right:-55px}.credit-card h3{margin:7px 0;font-size:1.35rem}.credit-card span{color:#ffffffb8;font-size:.82rem}.credit-card__meta{gap:18px;display:flex}.credit-card__meta strong{color:#fff}.credit-card__invoice{justify-content:space-between;align-items:end;gap:12px;display:flex}.credit-card__invoice strong{font-size:1.35rem}.invoice-list{background:#ffffffd6;border:1px solid #0a345314;border-radius:22px;padding:20px;box-shadow:0 14px 36px #082b4612}.invoice-list__header{border-bottom:1px solid #0a345314;align-items:center;padding-bottom:14px}.invoice-list__header h3{margin:2px 0}.invoice-list__header>strong{font-size:1.35rem}.invoice-row{border-bottom:1px solid #0a34530f;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;display:flex}.invoice-row:last-child{border-bottom:0}.invoice-row div{flex-direction:column;gap:3px;display:flex}.invoice-row span,.invoice-list__empty{color:#66788a;font-size:.88rem}.cards-empty{text-align:center;background:#ffffff9e;border:1px dashed #0a345333;border-radius:22px;padding:36px 20px}.cards-empty svg{width:34px;height:34px}.cards-empty h3{margin:10px 0 4px}.cards-empty.compact{padding:24px}.cards-dialog{min-width:min(560px,88vw)}.cards-form{gap:14px;margin-top:18px;display:grid}.cards-form label{gap:6px;font-weight:700;display:grid}.cards-form label span{color:#708090;font-weight:500}.cards-form input,.cards-form select{box-sizing:border-box;color:#10283d;width:100%;font:inherit;background:#fff;border:1px solid #09304d2e;border-radius:12px;padding:12px}.cards-form__pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cards-error{color:#a52525;background:#fff1f1;border-radius:12px;padding:10px 12px}.cards-hint{color:#31566b;background:#eefbfd;border-radius:12px;margin:0;padding:10px 12px;font-size:.88rem}@media (width<=640px){.cards-panel__header,.cards-panel__actions{flex-direction:column;align-items:stretch}.cards-primary{justify-content:center}.cards-form__pair{grid-template-columns:1fr}.credit-card{min-height:170px}.invoice-list{padding:16px}.cards-dialog{min-width:0}}.quick-add{--quick-add-glass:#091f2cc7;--quick-add-glass-hover:#123c4ae0;--quick-add-glass-active:#061923eb;--quick-add-glass-border:#32d4ca7a;--quick-add-glass-border-hover:#32d4cac7;--quick-add-glass-blur:14px;--quick-add-pill-width:clamp(8.25rem, 28vw, 10.5rem);--quick-add-reach-x:min(clamp(5.75rem, 31vw, 9.5rem), calc(50vw - var(--quick-add-pill-width) / 2 - var(--space-3)));--quick-add-reach-y:clamp(4.75rem, 18vw, 6rem)}.quick-add__actions{box-shadow:none;background:0 0;border:0}.quick-add__action{width:var(--quick-add-pill-width);gap:var(--space-2);min-height:3.75rem;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--quick-add-glass-border);border-radius:var(--radius-circle);background:var(--color-fan-surface);color:var(--color-text-inverse);box-shadow:var(--shadow-fan);flex-direction:row}.quick-add__symbol{border-radius:var(--radius-circle);flex:none;width:2.25rem;height:2.25rem}.quick-add__action>span:last-child{text-align:center;max-width:7.25rem;line-height:var(--leading-heading);font-weight:var(--weight-medium);overflow-wrap:anywhere}.quick-add[data-open=true] .quick-add__action{transform:translate(calc(-50% + var(--branch-x)), calc(-50% - var(--quick-add-reach-y))) scale(1)}.quick-add__action--expense{--branch-x:calc(0rem - var(--quick-add-reach-x))}.quick-add__action--card{--branch-x:var(--quick-add-reach-x)}.quick-add__action:hover:not(:disabled){background:var(--quick-add-glass-hover);border-color:var(--quick-add-glass-border-hover)}.quick-add[data-open=true] .quick-add__action:active{background:var(--quick-add-glass-active);transform:translate(calc(-50% + var(--branch-x)), calc(-50% - var(--quick-add-reach-y))) scale(.97)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.quick-add__action{background:var(--quick-add-glass);-webkit-backdrop-filter:blur(var(--quick-add-glass-blur));backdrop-filter:blur(var(--quick-add-glass-blur))}}@media (width<=360px){.quick-add{--quick-add-pill-width:min(8rem, calc(50vw - var(--space-4)));--quick-add-reach-x:calc(25vw + var(--space-2))}.quick-add__action{min-height:4rem;padding-inline:var(--space-2)}.quick-add__action>span:last-child{max-width:5.5rem;font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.quick-add__action,.quick-add__actions,.adicionar .icon{transition:none}}.month-picker{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.month-picker__control{grid-template-columns:var(--control-height) minmax(9.5rem, 1fr) var(--control-height);min-height:var(--control-height);background:var(--color-surface);border:var(--border-width) solid var(--color-metric-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);align-items:stretch;display:grid;overflow:hidden}.month-picker__arrow{min-width:var(--control-height);color:var(--color-accent-ink);font-size:var(--text-xl);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.month-picker__arrow:hover:not(:disabled){background:var(--color-action-symbol)}.month-picker__field{border-inline:var(--border-width) solid var(--color-border);cursor:pointer;place-items:center;min-width:9.5rem;display:grid;position:relative}.month-picker__label{padding:var(--space-2) var(--space-3);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none}.month-picker__field input[type=month]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.month-picker__control:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.month-picker__arrow:focus-visible,.month-picker__today:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.month-picker__today{min-height:var(--control-height);padding-inline:var(--space-3);border-color:var(--color-metric-border);color:var(--color-accent-ink);font-size:var(--text-sm);background:0 0}.month-picker__today:hover:not(:disabled){background:var(--color-action-symbol)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.month-picker{width:100%}.month-picker__control{grid-template-columns:var(--control-height) minmax(0, 1fr) var(--control-height);flex:1}.month-picker__field{min-width:0}.month-picker__today{flex-shrink:0}}.future-panel{gap:1.25rem;display:grid}.future-head{box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem;display:flex}.future-head h2{margin:.15rem 0}.future-head p{color:var(--color-text-muted);margin:.25rem 0}.future-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.future-horizon{background:#091f3312;border-radius:999px;gap:.4rem;padding:.3rem;display:flex}.future-horizon button{background:0 0;border:0;border-radius:999px;padding:.6rem .85rem;font-weight:700}.future-horizon button.ativo{background:var(--color-primary);color:#fff}.future-months{gap:1rem;display:grid}.future-month{box-shadow:var(--shadow-surface);background:#ffffffc7;border-radius:22px;padding:1rem 1.1rem}.future-month h3{text-transform:capitalize;margin:.1rem 0 .8rem}.future-item{border-top:1px solid #091f3314;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.future-item div{gap:.2rem;display:grid}.future-item span,.future-empty{color:var(--color-text-muted);font-size:.9rem}.future-detail{cursor:pointer;background:#00bed21f;border:0;border-radius:50%;width:2rem;height:2rem;font-weight:800;position:relative}.future-detail>span{color:#fff;text-align:left;width:260px;box-shadow:var(--shadow-surface);z-index:4;background:#092033;border-radius:14px;padding:.75rem;display:none;position:absolute;bottom:2.4rem;right:0}.future-detail:hover>span,.future-detail:focus>span,.future-detail[data-open=true]>span{display:block}@media (width<=700px){.future-head{flex-direction:column;align-items:stretch}.future-horizon{align-self:flex-start}.future-detail>span{width:220px;right:-.5rem}}
