:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef2f5;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#0f766e;--brand-soft:#d1fae5;--on-brand:#fff;--on-neg:#fff;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--sx:#9ca3af;--chart-grid:#eceef1;--chart-axis:#c3c7ce;--pos:#15803d;--neg:#b91c1c;--warn:#b45309;--warn-soft:#fef3c7;--prazo-atencao:#eab308;--prazo-atencao-texto:#a16207;--prazo-proximo:#f97316;--prazo-proximo-texto:#c2410c;--prazo-vencida:#dc2626;--prazo-vencida-texto:#b91c1c;--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-tema=claro]){--bg:#0b1220;--surface:#111a2b;--surface-2:#182236;--text:#e5e7eb;--muted:#9ca3af;--line:#243044;--brand:#2dd4bf;--brand-soft:#134e4a;--on-brand:#042f2e;--on-neg:#450a0a;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--sx:#6b7280;--chart-grid:#1f2a3d;--chart-axis:#34425a;--pos:#4ade80;--neg:#f87171;--warn:#fbbf24;--warn-soft:#3f2d0a;--prazo-atencao:#facc15;--prazo-atencao-texto:#facc15;--prazo-proximo:#fb923c;--prazo-proximo-texto:#fb923c;--prazo-vencida:#f87171;--prazo-vencida-texto:#f87171}}:root[data-tema=escuro]{--bg:#0b1220;--surface:#111a2b;--surface-2:#182236;--text:#e5e7eb;--muted:#9ca3af;--line:#243044;--brand:#2dd4bf;--brand-soft:#134e4a;--on-brand:#042f2e;--on-neg:#450a0a;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--sx:#6b7280;--chart-grid:#1f2a3d;--chart-axis:#34425a;--pos:#4ade80;--neg:#f87171;--warn:#fbbf24;--warn-soft:#3f2d0a;--prazo-atencao:#facc15;--prazo-atencao-texto:#facc15;--prazo-proximo:#fb923c;--prazo-proximo-texto:#fb923c;--prazo-vencida:#f87171;--prazo-vencida-texto:#f87171}:root[data-tema=claro]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-tema=escuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.app-header{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-title{color:var(--brand);letter-spacing:.2px;font-size:18px;font-weight:700}.app-main{padding:12px 16px calc(env(safe-area-inset-bottom) + 148px);flex-direction:column;flex:1;gap:12px;display:flex}.shell{flex-direction:column;flex:1;display:flex}.content{flex-direction:column;flex:1;min-width:0;display:flex}.nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{min-height:56px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;display:flex}.nav button[aria-current=page]{color:var(--brand);font-weight:600}.nav .ico{stroke-width:2px;width:22px;height:22px}.nav-brand,.nav-user,.page-title{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-size:13px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.stat-value.big{font-size:26px}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}.month-picker{align-items:center;gap:4px;display:flex}.month-picker button{min-width:var(--tap);min-height:40px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.month-picker button:hover{background:var(--surface-2)}.month-picker button svg{width:22px;height:22px}.month-picker button:disabled{opacity:.3}.month-picker .label{text-align:center;text-transform:capitalize;min-width:96px;font-weight:600}.notyf{padding-top:env(safe-area-inset-top);font-family:inherit}.notyf__toast{border-radius:12px;max-width:360px}.notyf__wrapper{padding:14px 0}.notyf__message{font-size:14px;font-weight:600}@media (width<=480px){html .notyf{padding:calc(env(safe-area-inset-top) + 16px) 16px 0;align-items:center}html .notyf__toast{border-radius:12px;width:auto;max-width:min(340px,100%);box-shadow:0 4px 16px #0003}}.toast-ok .notyf__message{color:var(--on-brand)}.toast-erro .notyf__message{color:var(--on-neg)}.toast-ok .notyf__dismiss-btn:before,.toast-ok .notyf__dismiss-btn:after{background:var(--on-brand)}.toast-erro .notyf__dismiss-btn:before,.toast-erro .notyf__dismiss-btn:after{background:var(--on-neg)}.row-acoes{gap:6px;display:flex}.acao{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.acao svg{width:16px;height:16px}.acao:hover{color:var(--brand)}.acao.perigo:hover{color:var(--neg)}.row-com-acoes .row-side{flex-direction:row;align-items:center;gap:12px}.list{flex-direction:column;display:flex}.row{border-top:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 0;display:flex}.row:first-child{border-top:0}.row.prazo-atencao,.row.prazo-proximo,.row.prazo-vencida{padding-left:14px;position:relative}.row.prazo-atencao:before,.row.prazo-proximo:before,.row.prazo-vencida:before{content:"";background:var(--prazo-cor);border-radius:2px;width:4px;position:absolute;top:10px;bottom:10px;left:0}.row.prazo-atencao{--prazo-cor:var(--prazo-atencao);--prazo-texto:var(--prazo-atencao-texto)}.row.prazo-proximo{--prazo-cor:var(--prazo-proximo);--prazo-texto:var(--prazo-proximo-texto)}.row.prazo-vencida{--prazo-cor:var(--prazo-vencida);--prazo-texto:var(--prazo-vencida-texto)}.prazo{color:var(--prazo-texto,var(--muted));align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.prazo svg{width:13px;height:13px}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-sub{color:var(--muted);font-size:12px}.row-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.row-value{font-variant-numeric:tabular-nums;font-weight:700}.row-prev{color:var(--muted);font-size:12px;text-decoration:line-through}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.badge.pago{background:var(--brand-soft);color:var(--pos)}.badge.admin{background:var(--brand-soft);color:var(--brand)}.badge.pendente{background:var(--warn-soft);color:var(--warn)}.state{text-align:center;color:var(--muted);padding:32px 16px}.state.error{color:var(--neg)}.btn{min-height:var(--tap);background:var(--brand);color:var(--on-brand);border-radius:12px;padding:0 18px;font-weight:600}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--neg)}.btn:disabled{opacity:.5}.sheet-backdrop{z-index:10;background:#00000073;align-items:flex-end;height:100%;display:flex;position:fixed;top:0;left:0;right:0}.sheet{background:var(--surface);width:100%;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);overscroll-behavior:contain;border-radius:20px 20px 0 0;flex-direction:column;gap:14px;max-height:100%;animation:.18s ease-out up;display:flex;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet-handle{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto}.sheet h2{margin:0;font-size:18px}.sheet .sub{color:var(--muted);margin-top:-8px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.money{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:flex}.money span{color:var(--muted);font-weight:600}.money input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-height:52px;font-size:24px;font-weight:700}.seg{gap:8px;display:flex}.seg button{min-height:var(--tap);background:var(--surface-2);border-radius:12px;flex:1;font-weight:600}.seg button[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.sheet-actions{gap:10px;display:flex}.sheet-aviso{color:var(--warn);margin:0;font-size:13px}.sheet-info{color:var(--muted);margin:-4px 0 0;font-size:13px}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.cartao-titulo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cartao-titulo .card-title{margin:0}.cartao-fatura{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:10px;display:flex}.limite-track{background:var(--surface-2);border-radius:3px;height:6px;margin:8px 0 4px;overflow:hidden}.limite-fill{background:var(--brand);border-radius:3px;height:100%}.cartao-abrir{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.cartao-abrir:hover .cartao-abrir-ico{color:var(--brand)}.cartao-abrir-ico{width:18px;height:18px;color:var(--muted);align-self:center;margin-left:auto}.cartao-parcelas-titulo{margin:14px 0 4px;font-weight:600}.cartao-rec{align-items:flex-start;gap:12px;display:flex}.cartao-rec svg{width:28px;height:28px;color:var(--brand);flex:none;margin-top:2px}.cartao-rec div{flex-direction:column;gap:2px;display:flex}.cartao-rec strong{font-size:17px}.cartao-melhor{color:var(--brand);margin:10px 0 0;font-size:14px;font-weight:600}.field-label{color:var(--muted);font-size:13px}.cor-linha{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cor-input{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:44px;height:36px;padding:2px}.cor-hex{color:var(--muted);font-variant-numeric:tabular-nums;min-width:64px;font-size:13px}.cor-sugestoes{gap:6px;display:flex}.cor-sugestao{border:2px solid var(--surface);width:26px;height:26px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.cor-sugestao[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.btn-icone{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-icone svg{width:18px;height:18px}.sheet-actions .btn{flex:1}.fab{right:16px;bottom:calc(env(safe-area-inset-bottom) + 76px);background:var(--brand);width:56px;height:56px;color:var(--on-brand);z-index:6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 14px #00000040}.perfil-sair{width:100%;color:var(--neg)}.painel-baixar{width:100%;margin-top:12px}.app-ola{color:var(--muted);font-size:14px}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.table th,.table td{text-align:right;border-top:1px solid var(--line);padding:8px 4px}.table th:first-child,.table td:first-child{text-align:left}.table thead th{color:var(--muted);border-top:0;font-size:12px;font-weight:600}.table tr.current td{background:var(--warn-soft)}.login{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 48px) 16px 32px;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;display:flex}.login-title{color:var(--brand);margin:0;font-size:28px}.login-sub{color:var(--muted);margin:0 0 8px}.login-form{flex-direction:column;gap:14px;display:flex}.link{color:var(--brand);min-height:var(--tap);font-weight:600}.text-input{min-height:var(--tap);border:1px solid var(--line);background:var(--surface-2);border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:16px}.text-input:focus{border-color:var(--brand)}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-head .card-title{margin:0}.btn.small{align-items:center;gap:4px;min-height:36px;padding:0 12px;font-size:14px;display:inline-flex}.btn.small svg{width:16px;height:16px}.fab svg{width:28px;height:28px}.row.inativa{opacity:.55}button.app-title{padding:0}@media (width>=900px){.shell{flex-direction:row}.nav{border-top:0;border-right:1px solid var(--line);flex-direction:column;flex:none;gap:4px;width:232px;height:100dvh;padding:20px 12px;position:sticky;top:0}.nav-brand{color:var(--brand);align-items:center;gap:10px;padding:0 12px 20px;font-size:20px;font-weight:700;display:flex}.nav-brand svg{width:26px;height:26px}.nav button{border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px;font-size:15px}.nav button:hover{background:var(--surface-2);color:var(--text)}.nav button[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.nav .ico{width:20px;height:20px}.nav-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:auto;padding:12px;font-size:14px;display:block;overflow:hidden}.header-brand{display:none}.page-title{margin:0;font-size:22px;display:block}.app-header{padding:18px 32px}.app-main{width:100%;max-width:960px;margin:0 auto;padding:24px 32px 104px}.fab{bottom:32px;right:32px}.sheet-backdrop{justify-content:center;align-items:center}.sheet{border-radius:20px;max-width:480px;padding:20px 24px}.sheet-handle{display:none}}.grid-stats{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.painel-graficos{flex-direction:column;gap:12px;display:flex}.painel-baixar{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:inline-flex}.painel-baixar svg{width:18px;height:18px}.sw{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.sw.s1{background:var(--s1)}.sw.s2{background:var(--s2)}.sw.s3{background:var(--s3)}.sw.s4{background:var(--s4)}.sw.s5{background:var(--s5)}.sw.sx{background:var(--sx)}.chart{position:relative}.chart svg{display:block;overflow:visible}.chart-legend{color:var(--muted);gap:16px;margin-bottom:8px;font-size:13px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart .grid{stroke:var(--chart-grid);stroke-width:1px;shape-rendering:crispedges}.chart .axis{stroke:var(--chart-axis);stroke-width:1px;shape-rendering:crispedges}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .tick.atual{fill:var(--text);font-weight:700}.chart path.s1{fill:var(--s1)}.chart path.s2{fill:var(--s2)}.chart .band{fill:var(--surface-2)}.chart .band.hover{fill:var(--line)}.chart .hit{fill:#0000;cursor:pointer}.chart-tip{background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:28px;transform:translate(-50%);box-shadow:0 4px 14px #00000026}.chart-tip span{align-items:center;gap:6px;display:inline-flex}.pizza{flex-direction:column;align-items:center;gap:14px;display:flex}.pizza svg{display:block}.fatia{stroke:var(--surface);stroke-width:2px;cursor:pointer;transition:opacity .15s}.fatia.s1{fill:var(--s1)}.fatia.s2{fill:var(--s2)}.fatia.s3{fill:var(--s3)}.fatia.s4{fill:var(--s4)}.fatia.s5{fill:var(--s5)}.fatia.sx{fill:var(--sx)}.fatia.apagada{opacity:.3}.pizza-rotulo{fill:var(--muted);font-size:12px}.pizza-valor{fill:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.pizza-legenda{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.pizza-legenda li{cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto 52px;align-items:center;gap:8px;padding:7px 6px;font-size:14px;display:grid}.pizza-legenda li.ativa{background:var(--surface-2)}.pizza-legenda .valor{font-variant-numeric:tabular-nums;font-weight:600}.pizza-legenda .pct{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}@media (width>=900px){.grid-stats{grid-template-columns:repeat(3,1fr)}.painel-graficos{grid-template-columns:1.4fr 1fr;align-items:stretch;display:grid}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0)translateY(-45%)translate(13%)}to{transform:scale(1)translateY(-45%)translate(13%)}}.notyf{color:#fff;z-index:9999;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.notyf__icon--error,.notyf__icon--success{background:#fff;border-radius:50%;width:21px;height:21px;margin:0 auto;display:block;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;border-radius:3px;width:3px;height:12px;display:block;position:absolute;top:5px;left:9px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;border-radius:3px;width:3px;display:block;position:absolute}.notyf__icon--success:after{height:6px;top:9px;left:6px;transform:rotate(-45deg)}.notyf__icon--success:before{height:11px;top:5px;left:10px;transform:rotate(45deg)}.notyf__toast{pointer-events:auto;box-sizing:border-box;border-radius:2px;flex-shrink:0;max-width:300px;padding:0 15px;animation:.3s ease-in forwards notyf-fadeinup;display:block;position:relative;overflow:hidden;transform:translateY(25%);box-shadow:0 3px 7px #00000040}.notyf__toast--disappear{animation:.3s .25s forwards notyf-fadeoutdown;transform:translateY(0)}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{opacity:1;animation:.3s forwards notyf-fadeoutdown;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{opacity:1;animation:.3s forwards notyf-fadeoutright;transform:translate(0)}.notyf__toast--disappear .notyf__message{animation-delay:50ms}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{transform-origin:100% 100%;z-index:5;border-radius:50%;width:400px;height:400px;animation:.4s ease-out forwards ripple;position:absolute;top:0;right:0;transform:scale(0)translateY(-51%)translate(13%)}.notyf__wrapper{z-index:10;border-radius:3px;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;display:flex;position:relative}.notyf__icon{text-align:center;opacity:0;width:22px;margin-right:13px;font-size:1.3em;animation:.3s .3s forwards notyf-fadeinup}.notyf__dismiss{opacity:0;width:26px;height:100%;margin-right:-15px;animation:.3s .35s forwards notyf-fadeinleft;position:absolute;top:0;right:0}.notyf__dismiss-btn{cursor:pointer;opacity:.35;background-color:#00000040;border:none;outline:none;width:100%;height:100%;transition:opacity .2s,background-color .2s}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;border-radius:3px;width:2px;height:12px;position:absolute;top:calc(50% - 5px);left:calc(50% - 1px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;opacity:0;line-height:1.5em;animation:.3s .25s forwards notyf-fadeinup;position:relative}@media only screen and (width<=480px){.notyf{padding:0}.notyf__ripple{width:600px;height:600px;animation-duration:.5s}.notyf__toast{border-radius:0;width:100%;max-width:none;box-shadow:0 -2px 7px #00000021}.notyf__dismiss{width:56px}}