@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#204c3b;--lime:#d7ecad;--muted:#788078;--line:#e4e7df;--bg:#f6f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#24392f;font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fcfcf9;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--green);font:800 21px Manrope,sans-serif;letter-spacing:-1px}.brand>span{color:#8b9f60;margin-right:8px}.label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.label{margin:13px 0 47px;color:#90968a}nav{display:grid;gap:9px}nav button{text-align:left;background:none;color:#788078;padding:14px 16px;border-radius:10px;font-size:19px;display:flex;gap:13px;align-items:center}nav span{font-size:13px}nav .active{background:#eaf0e1;color:var(--green);font-weight:700}.aside-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:25px}.aside-bottom strong{font-size:12px}.aside-bottom p,.aside-bottom small{font-size:11px;color:var(--muted)}.avatars{display:flex;margin-bottom:15px}.avatars i{border:3px solid #fcfcf9;border-radius:50%;width:35px;height:35px;background:#e0d7c7;display:grid;place-items:center;font-style:normal;font-size:11px}.avatars i+i{background:#dce7ca;margin-left:-8px}main{margin-left:238px;padding:0 42px;max-width:1600px}header{height:88px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}header>div{display:flex;align-items:center;gap:18px}.outline{border:1px solid #d5dcd1;background:transparent;color:var(--green);border-radius:8px;padding:10px 14px;font-size:12px}.demo{border:1px solid #e2e6d9;border-radius:8px;padding:10px 14px;color:#69745d;font-size:9px;letter-spacing:1px}.demo span{font-size:11px;letter-spacing:0;margin-left:12px;color:#828879}.intro{display:flex;align-items:center;justify-content:space-between;margin:30px 0 24px}.eyebrow{color:#849174}h1{font:700 32px Manrope,sans-serif;letter-spacing:-1.2px;margin:8px 0}p{color:var(--muted);line-height:1.6}h1+p{margin:0;font-size:13px}.primary{padding:13px 18px;background:var(--green);color:white;border-radius:8px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.stat{border:1px solid var(--line);border-radius:13px;background:#fff;padding:21px}.stat small{color:var(--muted);font-size:12px}.stat strong{display:block;font:700 27px Manrope;margin:10px 0 6px;letter-spacing:-.8px}.stat span{font-size:11px;color:#87917f}.stat em{font-style:normal;color:#60854a}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.hero{background:var(--green);color:#fff;border-radius:16px;padding:29px;position:relative;overflow:hidden}.hero .eyebrow{color:#bbcea9}.hero h2{font:500 23px Manrope;max-width:310px;line-height:1.5;margin:15px 0}.hero h2 b{color:var(--lime)}.hero p{color:#bdd0c1;font-size:12px}.hero-top{display:flex;justify-content:space-between}.badge{font-size:10px;border:1px solid #65806b;border-radius:20px;padding:6px 10px;height:27px}.hero strong{font:600 32px Manrope}.hero strong small{font:12px 'DM Sans';color:#bdd0c1}.bar{height:7px;background:#e9ede3;border-radius:9px;overflow:hidden;margin:13px 0}.bar span{display:block;height:100%;background:#a7c47d;border-radius:9px}.hero .bar{background:#436653}.hero .bar span{background:var(--lime)}.between{display:flex;justify-content:space-between;gap:10px;font-size:11px}.hero .between{color:#c1d0bd}.milestones{display:flex;justify-content:space-between;margin-top:31px;padding-top:19px;border-top:1px solid #52715d}.milestones b{display:block;font:600 13px Manrope;margin-top:6px}.milestones span{font-size:10px;color:#bbcea9}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}h3{font:700 16px Manrope;margin:0 0 7px}.card>p{font-size:12px;margin:0 0 22px}.card-head{display:flex;justify-content:space-between;align-items:center}.tag{background:#eff3e7;color:#6e8552;border-radius:20px;padding:5px 9px;font-size:10px}.sim label{display:block;font-size:12px;margin:17px 0 8px}.sim label strong{float:right}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.sim input[type=number],dialog input,select{width:100%;border:1px solid var(--line);padding:10px;border-radius:8px;background:#fafbf7;color:var(--green)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.forecast{margin-top:19px;background:#f1f5e9;padding:15px;border-radius:10px}.forecast span{font-size:11px;color:#77866b}.forecast b{display:block;font:700 21px Manrope;margin:6px 0}.forecast small{font-size:10px;color:#7c8876}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.section-title span{color:var(--muted);font-size:12px}.pots{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pot{padding:20px}.pot .icon{display:grid;place-items:center;width:34px;height:34px;background:#f2eee5;border-radius:10px;font-size:18px;margin-bottom:15px}.pot h3{font-size:13px}.pot strong{display:block;font:700 20px Manrope;margin-top:15px}.pot small{font-size:11px;color:var(--muted)}.note{margin-top:21px;padding:17px 20px;border:1px dashed #cfd8c3;border-radius:10px;display:flex;gap:14px;align-items:center}.note p{margin:0;font-size:12px}.note b{color:var(--green)}footer{display:flex;justify-content:space-between;padding:30px 0;color:#959c8e;font-size:10px}table{width:100%;border-collapse:collapse;margin-top:15px}td,th{text-align:left;padding:17px 9px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-weight:400}.paid{color:#64834d}.unpaid{color:#a47d43}.table-wrap{overflow:auto}.status-button{padding:7px 10px;border-radius:6px;background:#edf1e6;color:#496b3c;font-size:11px}.wide{margin-top:20px}.budgetrow{margin:23px 0}.budgetrow .between{font-size:13px}.hint{font-size:11px!important;color:#85917b!important}.empty{padding:20px;background:#f2f5ed;border-radius:10px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;width:420px;color:var(--green)}dialog::backdrop{background:#142c235e;backdrop-filter:blur(3px)}dialog h2{font:700 23px Manrope}dialog label{display:block;margin:17px 0}dialog label input,dialog label select{margin-top:8px}dialog p{font-size:12px}.actions{display:flex;justify-content:flex-end;gap:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203f32;color:white;border-radius:10px;padding:14px 20px;display:none;z-index:5}@media(min-width:1450px){main{padding:0 65px}}@media(max-width:1050px){aside{width:200px;padding:30px 16px}main{margin-left:200px;padding:0 24px}.grid{grid-template-columns:1fr}.sim .pair{gap:25px}.hero h2{max-width:none}}@media(max-width:650px){aside{position:fixed;inset:auto 0 0;width:100%;height:68px;padding:5px;background:#fcfcf9;z-index:3;border-top:1px solid var(--line)}aside .brand,.label,.aside-bottom{display:none}nav{display:flex;justify-content:space-around;gap:2px}nav button{flex:1;padding:8px 3px;flex-direction:column;gap:3px;font-size:19px}nav span{font-size:9px}main{margin:0;padding:0 18px 68px}header{height:65px}header>span{font-size:10px}.date{display:none}header .outline{font-size:10px}.demo{line-height:1.7}.demo span{display:block;margin:3px 0 0}.intro{align-items:flex-start;gap:12px}h1{font-size:27px}.intro .primary{font-size:10px;padding:11px;white-space:nowrap;margin-top:25px}.stats{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:20px}.stat small,.stat span{font-size:9px}.pots{grid-template-columns:1fr}.pot{display:block}.hero{padding:23px}.hero h2{font-size:23px}.hero strong{font-size:27px}.milestones{gap:10px}.card{padding:20px}.pot .icon{float:right}.note{align-items:flex-start}footer span{max-width:180px;text-align:right}.section-title span{font-size:10px}dialog{width:calc(100% - 30px)}}
.simple{max-width:1000px;margin:0 auto;padding:0 35px}.simple header{height:90px}.simple .intro{margin:35px 0 26px}.simple h1{font-size:34px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:12px}.tabs button{padding:11px 18px;border-radius:8px;background:transparent;color:var(--muted)}.tabs .active{background:#e6eddc;color:var(--green);font-weight:700}.simplegrid{grid-template-columns:1fr 1fr}.editable{display:block;margin:24px 0 8px;font-size:13px}.editable>span{font-weight:600;display:block;margin-bottom:9px}.editable small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}.moneyinput{display:flex;align-items:center;gap:10px;background:#f6f8f2;border:1px solid #dce3d4;border-radius:9px;padding:10px 14px}.moneyinput>span{color:#8a967d;font-size:12px}.moneyinput input{min-width:0;width:100%;border:none;background:transparent;font:600 21px Manrope;color:var(--green);padding:3px}.foodcard{background:#f1f5e9}.foodcard h3{margin-top:12px}.basket{border-top:1px solid #d9e1d0;margin-top:25px;padding-top:20px;font-size:12px}.basket p{margin:6px 0 0;font-size:12px}.billgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.fixedtotal{display:flex;justify-content:space-between;gap:20px;background:#eff3e7;padding:18px;border-radius:9px;margin-top:28px}.fixedtotal b{font:700 20px Manrope}.pending{margin:25px 0;border-left:3px solid #b5c99a;padding:10px 20px}.pending h3{font-size:13px}.pending p{font-size:12px;margin:5px 0}.next{margin-top:20px}.simple .stat strong{font-size:26px}.simple .stat span{line-height:1.6;display:block}@media(max-width:650px){.simple{padding:0 18px}.simple header{height:75px}.simple header>span{max-width:110px;text-align:right}.simple h1{font-size:27px}.simple .stats{grid-template-columns:1fr}.simple .stat{padding:17px 20px}.simple .stat strong{font-size:26px;margin:5px 0}.simple .stat small,.simple .stat span{font-size:12px}.simplegrid,.billgrid{grid-template-columns:1fr}.simple .pair{grid-template-columns:1fr}.simple .intro{margin-top:28px}.fixedtotal{align-items:center}.fixedtotal span{max-width:150px}.tabs button{flex:1}}
.allocation{margin-bottom:23px}.allocation-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.allocation-head p{font-size:12px;margin:6px 0}.split-label{font-size:10px;color:var(--muted);min-width:155px}.split-label select{margin-top:6px;font-size:12px;padding:9px}.splitbar{height:10px;display:flex;gap:4px;border-radius:9px;overflow:hidden;margin:24px 0}.split-0{background:#355e46}.split-1{background:#c1a678}.split-2{background:#aac97d}.allocation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.allocation-label{display:flex;align-items:center;gap:7px;font-size:12px}.allocation-label i{width:8px;height:8px;flex-shrink:0;border-radius:50%}.allocation-label b{margin-left:auto;font-size:12px;color:var(--muted)}.allocation-grid strong{display:block;font:700 24px Manrope;margin:12px 0 6px}.allocation-grid p{font-size:11px;margin:0}.allocation-note{font-size:11px;border-top:1px solid var(--line);padding-top:17px;margin:20px 0 0;line-height:1.7}.allocation-details{font-size:11px;color:var(--muted);margin-top:12px}.allocation-details summary{cursor:pointer;color:var(--green)}.allocation-details p{margin:12px 0}.allocation-details a{color:var(--green)}@media(max-width:650px){.allocation-head{display:block}.split-label{display:block;margin-top:16px;max-width:200px}.allocation-grid{grid-template-columns:1fr;gap:20px}.allocation-grid>div{border-bottom:1px solid var(--line);padding-bottom:16px}.allocation-grid>div:last-child{border-bottom:none;padding-bottom:0}.allocation-grid strong{font-size:24px;margin:7px 0}.allocation-label{font-size:13px}.allocation-label b{font-size:13px}}
/* Contraste e destaque dos valores */
:root{--bg:#17251f;--green:#244f3c;--muted:#66746a;--line:#dde5db}body{background:var(--bg)}.simple header{color:#afc1b0}.simple header .brand{color:#f2f6e9}.simple header .brand>span{color:#c4e59a}.simple .demo{background:#21342a;border-color:#3a5041;color:#d1e3bc}.simple .demo span{color:#b8c9b7}.simple .intro .eyebrow{color:#bbd994}.simple h1{color:#f3f6ed}.simple h1+p{color:#b3c4b5}.tabs{border-color:#3c5142}.tabs button{color:#b5c7b7}.tabs .active{background:#d4e7b7;color:#203f30}.simple .stat{background:#243b2e;border-color:#3c5743;box-shadow:0 5px 18px #0d1b151a}.simple .stat small{color:#c0d0bd;font-weight:500}.simple .stat strong{color:#e0f7b9;font-size:32px;font-weight:800;letter-spacing:-1px;margin:12px 0 8px;font-variant-numeric:tabular-nums}.simple .stat span{color:#b4c6b0}.simple .stat:last-child{background:#304535}.simple .card{background:#f5f7ef;border-color:#dce4d5}.simple .foodcard{background:#e8efdd}.simple .allocation{box-shadow:0 10px 30px #09170e24}.allocation-grid strong{font-size:29px;color:#173e2b;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.allocation-label{font-weight:600}.allocation-label b{color:#385c3f;font-size:14px}.allocation-grid p,.allocation-note{color:#5e6d60}.moneyinput{background:#fff;border-color:#c9d7bf}.moneyinput input{font-size:24px;font-weight:800;color:#1e4931;font-variant-numeric:tabular-nums}.simple .note{background:#22362a;border-color:#506847}.simple .note p{color:#c1d0bc}.simple .note b{color:#e3efce}.simple .note>span{color:#c5df9e}.simple .next{background:#cce4a7;color:#213d2a;font-weight:700}.simple .pending{border-color:#b8d592}.simple .pending h3{color:#e0edcf}.simple .pending p{color:#bccdb9}.simple footer{color:#a3b79f}.simple .fixedtotal{background:#dfeaca}.simple .fixedtotal b{color:#1c452f;font-weight:800;font-size:25px}@media(max-width:650px){.simple .stat strong{font-size:32px}.allocation-grid strong{font-size:29px}}
.home-stats{grid-template-columns:1fr 1fr}.page-context{margin:0 0 24px;color:#d9e9c6;font-size:14px}.page-context p{font-size:12px;color:#b7cbb5;margin:7px 0 0}.shared-plan{background:#dfeec9!important;border-color:#b6d396!important;display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between}.shared-plan .eyebrow{color:#5e7846}.shared-plan h3{margin-top:9px}.shared-plan p{font-size:12px;margin:7px 0 0}.shared-amount{text-align:right}.shared-amount strong{display:block;font:800 28px Manrope;color:#224a31}.shared-amount>span{font-size:10px;color:#5e7452;display:block;margin-top:6px}.shared-parts{width:100%;display:flex;gap:25px;border-top:1px solid #c0d5a7;padding-top:16px;font-size:12px}.tabs button{min-width:100px}@media(max-width:650px){.simple .home-stats{grid-template-columns:1fr}.shared-plan{gap:20px}.shared-amount{text-align:left}.shared-parts{flex-wrap:wrap;gap:12px 25px}.tabs button{min-width:0}.page-context{font-size:13px}}
.saving-plan{margin-top:22px}.saving-plan h3{margin-top:12px}.saving-plan>p{margin-bottom:12px}.saving-fields{display:grid;grid-template-columns:1fr;gap:5px}.saving-totals{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;display:grid;gap:15px}.saving-totals>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.saving-totals span{font-size:12px;color:#64755f}.saving-totals b{font:800 20px Manrope;white-space:nowrap;color:#244c34}.saving-balance{background:#e2edcf;color:#345533;padding:13px 15px;border-radius:8px;font-size:12px;margin:18px 0}.saving-balance.over{background:#f4e4d2;color:#895122}@media(max-width:650px){.saving-totals>div{align-items:flex-start;flex-direction:column;gap:5px}}
.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.investment-contributions .eyebrow{margin-bottom:12px}.monthly-combined{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.monthly-combined span{font-size:13px}.monthly-combined strong{font:800 29px Manrope;color:#214d33}.invest-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}.investment-settings{position:sticky;top:20px}.investment-settings>p{font-size:12px}.scenario-label{display:block;font-size:12px;margin-top:20px}.scenario-label select{margin-top:9px;font-size:12px}.investment-hero{background:#cfe6ab;padding:29px;border-radius:15px;color:#24482e}.investment-hero .eyebrow{color:#577b3e}.investment-hero>p{color:#47653e;font-size:14px;margin:17px 0 9px}.investment-hero>strong{font:800 42px Manrope;letter-spacing:-1.5px}.investment-hero>span{display:block;color:#537344;font-size:11px;margin-top:8px}.invest-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #adc98d;margin-top:24px;padding-top:18px}.invest-breakdown small{font-size:10px;display:block;color:#5a744c}.invest-breakdown b{display:block;font:800 19px Manrope;margin-top:8px}.chart-card{padding:21px!important}.chart-card h3{font-size:14px}.chart-legend{display:flex;gap:18px;margin-top:17px;flex-wrap:wrap}.chart-legend span{font-size:10px;color:#71806a;display:flex;gap:5px;align-items:center}.chart-legend i{display:inline-block;width:13px;height:3px;background:#305c3d}.chart-legend span+span i{background:#b09a73}.investment-chart{width:100%;height:auto;margin-top:15px;display:block}.investment-chart text{fill:#798371;font:11px sans-serif}.goal-forecast h3{margin-top:14px;font-size:22px;color:#315536;text-transform:capitalize}.goal-forecast p{margin:10px 0 0;font-size:12px}.table-caption{text-align:left;color:#7a8772;font-size:10px;margin-bottom:8px}.investment-method summary{cursor:pointer;font-size:13px;font-weight:600}.investment-method p{font-size:12px;margin:18px 0}.source-links{display:flex;gap:20px;flex-wrap:wrap}.source-links a{font-size:11px;color:#3f663f}@media(max-width:850px){.invest-layout{grid-template-columns:1fr}.investment-settings{position:static}}@media(max-width:650px){.tabs button{font-size:11px;padding:11px 10px}.investment-hero{padding:24px}.investment-hero>strong{font-size:36px}.invest-breakdown b{font-size:18px}.monthly-combined strong{font-size:25px}.invest-breakdown{gap:12px}}
.invest-layout{grid-template-columns:300px minmax(0,1fr)}#investment-results,.investment-settings{min-width:0}.investment-chart{max-width:100%}.investment-method{min-width:0;overflow-wrap:anywhere}@media(max-width:850px){.invest-layout{grid-template-columns:minmax(0,1fr)}}
.readonly-contributions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.readonly-contributions span,.readonly-contributions small{display:block;font-size:11px;color:#738269}.readonly-contributions strong{display:block;font:800 25px Manrope;color:#285137;margin:10px 0 7px}.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-picker{text-align:left;border:1px solid #4d674c;background:#233c2c;color:#d8e9c8;border-radius:13px;padding:20px}.plan-picker.selected{background:#d2e7b3;color:#24482e;border-color:#d2e7b3;box-shadow:0 0 0 2px #93b96e}.plan-picker>span{font-size:13px;font-weight:600;display:block}.plan-picker strong{display:block;font:800 27px Manrope;margin:17px 0 8px}.plan-picker small{font-size:10px;line-height:1.5}.plan-picker:focus-visible{outline:3px solid #e3f7ba;outline-offset:4px}#plan-workspace>.section-title{gap:15px}#plan-workspace>.section-title span{text-align:right;max-width:240px}#houseShare{display:block;margin:17px 0;width:100%}@media(max-width:650px){.plan-cards{grid-template-columns:1fr;gap:10px}.plan-picker{padding:17px 20px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}.plan-picker strong{font-size:25px;margin:0;grid-column:2;grid-row:1/3}.plan-picker small{margin-top:8px}.readonly-contributions strong{font-size:22px}#plan-workspace>.section-title{align-items:flex-start;flex-direction:column}#plan-workspace>.section-title span{text-align:left;max-width:none}.tabs button{padding:11px 9px;font-size:11px}}
.simple-objective{margin-top:0}.return-options{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px}.return-options>summary,.yearly-details>summary{cursor:pointer;color:#3b623d;font-weight:600}.return-toggle{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:12px}.return-toggle input{accent-color:#305a3b;width:17px;height:17px}.simple-arrival>strong{font-size:31px;line-height:1.4;display:block;margin-top:14px;letter-spacing:-.8px}.simple-arrival>p{font-size:12px;line-height:1.6;margin:12px 0 20px}.simple-arrival .bar{background:#b9ce9e}.simple-arrival .bar span{background:#416b42}.simple-arrival>small{display:block;margin-top:14px;font-size:11px;color:#536c47}.yearly-details{margin-top:22px;font-size:12px}.tabs{gap:4px}.tabs button{min-width:0;padding:11px 14px}@media(max-width:650px){.simple-arrival>strong{font-size:27px}.tabs button{padding:11px 8px;font-size:10px}.simple-objective>.pair{grid-template-columns:1fr}.simple-arrival .between{flex-wrap:wrap}}
.expense-list{display:flex;flex-direction:column;gap:0;margin-top:20px}.expense-list>.editable{margin:0;padding:21px 0;border-bottom:1px solid #dbe4d3;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;column-gap:30px}.expense-list>.editable:last-child{border-bottom:0;padding-bottom:8px}.expense-list>.editable>span{font-size:14px;margin:0;line-height:1.5}.expense-list .moneyinput{grid-column:2;grid-row:1/3}.expense-list>.editable>small{grid-column:1;font-size:11px;max-width:430px}.shopping>h3{margin-top:12px}.shopping-add,.shopping-months{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.shopping summary{cursor:pointer;color:#365d3a;font-weight:600}.shopping form{margin-top:24px}.shopping form label{display:block;font-size:12px;margin:17px 0}.shopping form input,.shopping form select{display:block;width:100%;padding:12px;border:1px solid #cbd9c1;border-radius:8px;background:white;color:#244e35;margin-top:8px}.shopping form small{display:block;font-size:11px;margin-top:6px;color:#7a8972}.shopping-numbers{background:#e6edda;border-radius:10px;padding:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.shopping-numbers small{font-size:11px;color:#617657;display:block;line-height:1.5}.shopping-numbers b{display:block;font:800 23px Manrope;color:#2e5436;margin-top:8px}.shopping-empty{background:#edf2e6;padding:23px;border-radius:9px;color:#738468;font-size:12px;margin-top:24px}.purchase-items{margin-top:25px}.purchase-item{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.purchase-item strong{font-size:15px}.purchase-item small{display:block;margin-top:8px;font-size:10px;color:#738469}.purchase-item p{font-size:12px;margin:9px 0 0}.purchase-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}#purchase-error{color:#9b4c29;font-size:12px}@media(max-width:650px){.expense-list>.editable{grid-template-columns:1fr;padding:22px 0;gap:8px}.expense-list .moneyinput{grid-column:1;grid-row:auto}.expense-list>.editable>small{grid-row:3}.shopping-numbers{grid-template-columns:1fr;gap:19px}.purchase-item{display:block}.purchase-actions{flex-direction:row;flex-wrap:wrap;margin-top:17px}.shopping .pair{grid-template-columns:1fr}}
.expense-entry{border-bottom:1px solid var(--line);padding:20px 0}.expense-entry>.editable{margin:0}.category-label{display:block;font-size:10px;color:#74836c;max-width:220px;margin-top:10px}.category-label select{margin-top:5px;padding:8px;font-size:12px}.expense-entry .editable{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:7px 25px;align-items:center}.expense-entry .editable>span{margin:0}.expense-entry .moneyinput{grid-column:2;grid-row:1/3}.expense-entry .editable>small{grid-column:1}.live-budget h3{margin-top:12px}.live-budget td small{display:block;font-size:10px;color:#718169;margin-top:7px;white-space:nowrap}.live-budget td{vertical-align:top}.budget-over{color:#a25b34!important}.budget-free{background:#e0eccf;padding:20px;border-radius:10px;margin-top:23px}.budget-free span,.budget-free small{display:block;font-size:12px;line-height:1.6}.budget-free strong{font:800 29px Manrope;display:block;margin:10px 0}.budget-free.deficit{background:#f3e3d2;color:#8a4b29}.extra-entry{display:grid;grid-template-columns:1fr 140px 180px auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.extra-entry label{font-size:10px;color:#718267}.extra-entry input,.extra-entry select,#extra-form input,#extra-form select,.monthly-history input,.monthly-history textarea{width:100%;padding:10px;border:1px solid #cbd8c1;background:white;color:#294f34;border-radius:8px;margin-top:7px;font:inherit}.extra-entry input{font-size:16px;font-weight:700}#extra-form{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}#extra-form[hidden],#history-editor[hidden]{display:none}#extra-form>label,.monthly-history form label{display:block;font-size:12px;margin:17px 0}.monthly-history .eyebrow{margin-bottom:12px}.monthly-history>.card-head{gap:10px}.monthly-history>p{margin-top:14px}.month-record{border-top:1px solid var(--line);padding:23px 0}.month-record h3{text-transform:capitalize}.history-totals{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0;font-size:11px;color:#738268}.history-totals b{display:block;font:800 21px Manrope;color:#31583a;margin-top:9px}.history-status{font-size:12px;margin:0 0 15px}.month-record>small{font-size:10px;color:#7d8a75;line-height:1.8;display:block;margin-top:15px}.history-note{font-size:12px;background:#eaf0e0;padding:13px;border-radius:8px}.monthly-history form{margin:22px 0;padding:22px;background:#eaf0e0;border-radius:12px}.monthly-history fieldset{border:1px solid #cedbc1;border-radius:10px;margin:20px 0;padding:10px 17px}.monthly-history legend{font-size:12px;font-weight:700}.monthly-history form details{font-size:12px}.monthly-history textarea{min-height:70px;resize:vertical}@media(max-width:650px){.expense-entry .editable{grid-template-columns:1fr}.expense-entry .moneyinput{grid-column:1;grid-row:auto}.expense-entry .editable>small{grid-row:3}.extra-entry{grid-template-columns:1fr}.extra-entry label{font-size:12px}.live-budget .table-wrap table{min-width:580px}.monthly-history .pair{grid-template-columns:1fr}.monthly-history form{padding:17px}.monthly-history .card-head{align-items:flex-start}.monthly-history .card-head button{font-size:10px;padding:9px}.monthly-history fieldset{padding:9px 12px}}
@media(max-width:650px){.live-budget .table-wrap table{min-width:0;display:block;margin-top:0}.live-budget .table-wrap thead{display:none}.live-budget tbody{display:block}.live-budget tr{display:block;padding:18px 0;border-bottom:1px solid var(--line)}.live-budget td{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:8px 0;border:0}.live-budget td:first-child{display:block;font-size:14px;margin-bottom:8px}.live-budget td[data-label]::before{content:attr(data-label);font-size:11px;color:#708165;grid-column:1;grid-row:1/3}.live-budget td small{grid-column:2;white-space:normal;text-align:right;margin-top:0}.live-budget td b{grid-column:2;text-align:right}.live-budget .table-wrap{overflow:visible}}
.salary-breakdown{margin-bottom:25px}.salary-line,.saving-destinations>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.salary-line b,.saving-destinations b{font:800 21px Manrope;white-space:nowrap}.saving-line{color:#315b37;background:#e2edcf;border-radius:9px;padding:17px 15px;margin-top:18px}.salary-breakdown>.hint{margin:18px 0 0}.saving-total{color:#2e5737;background:#e6efd9;padding:17px!important;border-radius:9px;margin-top:15px;border-bottom:0!important}.saving-plan input[type=number]{width:100%;padding:12px;border:1px solid #c9d8be;background:white;border-radius:8px;margin-top:9px;color:#31553a;font:700 19px Manrope}@media(max-width:650px){.salary-line,.saving-destinations>div{align-items:flex-start}.salary-line span,.saving-destinations span{font-size:12px;line-height:1.6;max-width:165px}.salary-line b,.saving-destinations b{font-size:19px}}
.extra-income{border-top:1px solid var(--line);margin-top:25px;padding-top:5px}.extra-income input[type=number]:not([data-key]){width:100%;border:1px solid #cbd8c0;border-radius:8px;padding:10px;margin-top:8px;background:white;color:#305437}.extra-income input:disabled{opacity:.5}.balances-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:25px}.balance-item strong{font:800 28px Manrope;color:#295038;display:block;margin:18px 0 8px}.balance-item h3{font-size:13px}.balance-item small{color:#76856e;font-size:10px}.balance-item .between{font-size:10px;flex-wrap:wrap;line-height:1.5}@media(max-width:650px){.balances-grid{grid-template-columns:1fr}.balance-item{padding:15px 0;border-bottom:1px solid var(--line)}.balance-item:last-child{border:0}}