/* Reversible Wallet-inspired concept for Ahorremax. No Wallet assets or code. */
:root{--green:#159a70;--lime:#39c999;--muted:#70818b;--line:#e6edf0;color:#202d38;background:#f4f7f8}
body{background:#f4f7f8;color:#202d38}
h1,h2,h3,.number{font-family:Manrope,sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #19ad7c}
.shell{max-width:1390px;margin:0 auto 0 248px;padding:27px 42px 80px}
.wallet-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;z-index:5;background:#fff;border-right:1px solid #e8eef0;padding:24px 15px;display:flex;flex-direction:column;box-shadow:3px 0 20px #16263105}
.wallet-side-logo{height:60px;display:flex;align-items:center;padding:0 8px 0;margin-bottom:31px;overflow:hidden}
.wallet-side-logo img{width:178px;height:auto;filter:saturate(.8)}
.wallet-side-section{padding:0 15px;color:#98a7ad;font-size:.65rem;font-weight:800;letter-spacing:.16em;margin:5px 0 12px}
.wallet-sidebar button{border:0;background:transparent;text-align:left;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:15px;color:#657983;font-size:.9rem;font-weight:700;margin-bottom:5px;width:100%}
.wallet-sidebar button span{width:22px;text-align:center;font-size:1.35rem;line-height:1}
.wallet-sidebar button.active{background:#e9f7f2;color:#09865e}
.wallet-sidebar button:hover{background:#f0f8f6}
.wallet-side-footer{margin-top:auto;border-top:1px solid #e8eef0;padding:20px 10px 0;display:flex;align-items:center;gap:11px}
.wallet-avatar{width:35px;height:35px;border-radius:50%;background:#e1f6ed;color:#0f9368;display:grid;place-items:center;font-weight:900}
.wallet-side-footer strong,.wallet-side-footer small{display:block;font-size:.75rem}.wallet-side-footer small{color:#89979e;margin-top:2px}
.wallet-bottom-nav{display:none}
.topbar{margin-bottom:21px;padding:0 0 15px;border-bottom:1px solid #e5ebee}
.brand{width:170px;height:46px;overflow:hidden}.brand img{width:100%;height:auto;display:block}
.topbar .text-button{background:#fff;border:1px solid #e0e9e9;border-radius:10px;padding:9px 13px;text-decoration:none;color:#5f7780}
.demo-banner{background:#e9f5ef;color:#29735c;border-bottom:1px solid #cae4d7;font-size:.78rem}
.section-heading{align-items:center;margin-bottom:23px}.section-heading h1{font-size:clamp(1.9rem,3.6vw,2.55rem);color:#24323b;letter-spacing:-.055em}.section-heading .eyebrow{color:#10a677}.section-heading p{color:#7b8c95}.pill{background:#e8f7f0;border:0;color:#10875f;font-weight:800}
.primary{background:#14a374;box-shadow:none;border-radius:12px}.primary:hover{background:#0b8f65;box-shadow:0 5px 15px #0b8f6533}.secondary{background:#eef8f4;color:#0d805d}.text-button{color:#0e9368}
.dashboard{grid-template-columns:minmax(0,1.3fr) minmax(285px,.85fr);gap:18px;align-items:stretch}
.balance{background:white;color:#253541;border:1px solid #e5ecef;border-radius:19px;padding:26px 29px;box-shadow:0 7px 22px #173c4909;min-height:300px}
.balance .eyebrow{color:#657f88;letter-spacing:.06em}.balance .number{font-size:clamp(2.3rem,4vw,3.2rem);color:#253541;margin:12px 0 1px;letter-spacing:-.06em}.balance-sub{color:#78909a}
.balance .progress-row,.balance .track{display:none}
.wallet-chart-row{display:flex;align-items:center;gap:27px;margin:28px 0 20px;padding-top:21px;border-top:1px solid #edf1f2}
.wallet-donut{width:105px;height:105px;border-radius:50%;background:conic-gradient(#1db986 var(--progress),#e6f1ed 0);display:grid;place-items:center;flex:0 0 auto}
.wallet-donut:before{content:'';grid-area:1/1;width:79px;height:79px;background:white;border-radius:50%}.wallet-donut>span{grid-area:1/1;z-index:1;color:#21966e;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.04em}.wallet-donut small{font-size:.75rem;margin-left:1px}
.wallet-chart-copy strong{font-size:.93rem;color:#2f4148}.wallet-chart-copy p{color:#82949a;font-size:.79rem;margin:4px 0 0}.wallet-chart-copy .wallet-chart-legend{margin-top:12px;color:#5f7a78}.wallet-chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1db986;margin-right:4px}
.balance-bottom{border-top:1px solid #edf1f2;padding-top:14px;gap:12px;color:#687d86}
.next-card{background:#e8f7f0;border:1px solid #ceeade;border-radius:19px;padding:26px;box-shadow:0 7px 22px #0d9c6510}.next-card .eyebrow{color:#258564}.next-card .number{font-size:2.2rem;color:#176d51}.next-card .muted{color:#58746a}.next-card .primary{background:#0d9469}.next-card .primary:hover{background:#087c58}
.detail-row{background:#fff;border:1px solid #e5ecef;border-radius:16px;padding:16px 20px;margin:18px 0 30px}.detail-row .icon-box{background:#d9f5e7;color:#14966b;border:0;border-radius:11px}.detail-row .end{background:#f0f7f4;border-radius:8px;padding:6px 8px;color:#459371}
.tabbar{background:transparent;padding:0;border-bottom:1px solid #dee8e8;border-radius:0;display:flex;width:100%;margin-bottom:23px}.tabbar button{background:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;padding:13px 19px;color:#8699a0}.tabbar button[aria-selected=true]{border-bottom-color:#10a476!important;color:#087b59}
.plan-header h2{color:#263842}.plan-header select{border-color:#dbe8e8}.tiles{grid-template-columns:repeat(5,1fr)}.tile{border-color:#e4ecee;box-shadow:0 3px 12px #153b4507}.tile strong{color:#31454c}.tile.done{background:#e8f8ef;border-color:#b9e8d0}.tile.selected{background:#159b70;border-color:#159b70}.tile.selected strong{color:white}.tile.selected span{color:#d9f9e9}.tile-symbol{background:#dff4e9;color:#17855e}.tile.selected .tile-symbol{background:#8fdbc0;color:#124737}
.shortcut-section{border-color:#e1eaec;border-radius:18px;box-shadow:0 5px 18px #223d4007;padding:22px}.shortcut-section .eyebrow{color:#259e78}.spark{color:#2aaa82}.shortcut{border-color:#dfe9e9;box-shadow:none}.shortcut-icon{background:#dff4e8;color:#14966e}.rules{border-top-color:#e6eeee}.rules summary span{color:#159a70}
.history-row{border-color:#e7eeee;box-shadow:0 3px 12px #153b4508}.history-row strong{color:#253a44}.batch{border-color:#cde8dd}.footer{color:#9caaaf}.setup-note{background:#e9f7f2}.login-layout{gap:46px}.login-card{border-color:#e5eded;box-shadow:0 14px 40px #193a420d}.intro-chip{background:#e2f5ec;color:#139369;border-color:#bee9d6}.login-intro h1 span{color:#159a70}.goal-note{border-color:#d8e8e1}.goal-note strong{color:#159a70}.plan{border-color:#e3ecec;box-shadow:0 7px 20px #183a4308}.plan[aria-pressed=true]{background:#edf9f3;border-color:#159a70;box-shadow:none}.plan-icon,.plan:nth-child(2) .plan-icon,.plan:nth-child(3) .plan-icon{background:#dff4e9;color:#0a9062}.plan[aria-pressed=true] .selection-dot{border-color:#159a70}.plan dd{color:#258665}.form-card{border-color:#e3ecec}.place[aria-pressed=true]{background:#edf9f3;border-color:#159a70}.place>span:first-child{color:#159a70}.summary-strip{background:#edf8f2;color:#168a64}
#notice{background:#244f43}dialog{color:#29473c;border-color:#cae4d6}
@media(max-width:1000px){.wallet-sidebar{width:210px}.shell{margin-left:210px;padding:26px 22px 80px}.dashboard{grid-template-columns:1fr}}
@media(max-width:760px){body{background:#f5f8f8}.wallet-sidebar{display:none}.wallet-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fff;border-top:1px solid #e1ebeb;box-shadow:0 -7px 25px #103c3d12;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.wallet-bottom-nav button{border:0;background:none;color:#8b9ca2;display:grid;gap:2px;justify-items:center;min-width:75px;font-size:.68rem;font-weight:800;padding:4px 10px}.wallet-bottom-nav button span{font-size:1.4rem;line-height:1.1}.wallet-bottom-nav button.active{color:#0c9c70}.shell{margin:0;padding:0 17px 100px}.topbar{background:#159b70;border:0;margin:0 -17px 22px;padding:13px 18px 15px;min-height:69px}.topbar .brand{width:145px;height:40px}.topbar .brand img{filter:brightness(0) invert(1);width:100%;height:auto}.topbar .text-button{color:white;background:#ffffff25;border-color:#ffffff4a;padding:8px 10px;font-size:.68rem}.section-heading{margin-bottom:19px}.section-heading h1{font-size:1.8rem}.section-heading p{font-size:.88rem}.dashboard{display:grid;grid-template-columns:1fr;gap:13px}.balance{padding:22px;border-radius:17px;min-height:unset}.balance .number{font-size:2.65rem}.wallet-chart-row{gap:20px;margin:18px 0 15px;padding-top:16px}.wallet-donut{width:93px;height:93px}.wallet-donut:before{width:68px;height:68px}.wallet-donut>span{font-size:1.3rem}.wallet-chart-copy strong{font-size:.86rem}.next-card{padding:21px;border-radius:17px;min-height:unset}.next-card .number{font-size:1.95rem}.detail-row{margin:13px 0 22px;padding:13px}.detail-row .end{font-size:.7rem}.tabbar{display:flex}.tabbar button{padding:11px 13px}.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:99px}.shortcut-section{padding:19px 14px}.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.batch{bottom:71px}.login-layout{padding-top:15px}.login-intro h1{font-size:2.45rem}.login-card{padding:22px}.plans{margin-top:14px}.plan{box-shadow:none}.form-card{margin:16px auto}.footer{margin-top:28px}}

/* Three visibly different paths, all using the same savings engine. */
.challenge-heading{margin-bottom:27px}.challenge-heading h1{max-width:760px}.challenge-heading .muted{max-width:660px}
.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.challenge-card{--accent:#416dca;--soft:#edf2ff;--ink:#193d83;border:1px solid #e2e9ee;background:#fff;border-radius:22px;min-height:450px;padding:20px;text-align:left;display:flex;flex-direction:column;box-shadow:0 8px 24px #1638460b;transition:transform .18s,box-shadow .18s,border-color .18s}
.challenge-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #16384617;border-color:var(--accent)}
.challenge-flexible{--accent:#159b70;--soft:#e5f8ef;--ink:#0a7453}.challenge-daily{--accent:#ed874d;--soft:#fff0e5;--ink:#aa582b}
.challenge-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.challenge-number{font:800 1.2rem Manrope,sans-serif;color:var(--accent)}.challenge-label{font-size:.63rem;letter-spacing:.09em;font-weight:800;color:var(--ink);text-align:right}
.challenge-visual{height:145px;background:var(--soft);border-radius:17px;display:grid;place-items:center;margin:16px 0 20px;overflow:hidden}
.challenge-copy h2{font-size:1.32rem;margin:0 0 9px;color:#253943}.challenge-copy p{font-size:.83rem;line-height:1.55;color:#71828a;margin:0}
.challenge-foot{margin-top:auto;padding-top:16px;border-top:1px solid #e8eef0;display:flex;flex-direction:column;gap:8px}.challenge-foot>span{font-size:.75rem;color:#71828a}.challenge-foot strong{color:var(--ink);font-size:.82rem}.challenge-foot strong span{float:right;font-size:1.2rem;line-height:.8}
.challenge-note{font-size:.8rem;color:#819098;margin:19px 2px 0}
.weekly-preview{width:88%;height:88px;display:flex;align-items:center;justify-content:space-between;gap:5px;position:relative;padding-bottom:18px}.weekly-preview:before{content:'';position:absolute;left:10px;right:10px;top:34px;height:3px;background:#91ace6}.weekly-preview i{font-style:normal;background:#416dca;color:white;border:3px solid var(--soft);height:59px;width:41px;border-radius:24px;display:grid;place-items:center;font-size:.72rem;font-weight:800;position:relative}.weekly-preview i:nth-child(2){transform:translateY(-7px)}.weekly-preview i:nth-child(3){transform:translateY(-13px)}.weekly-preview i:nth-child(4){transform:translateY(-19px)}.weekly-preview i:nth-child(5){transform:translateY(-25px)}.weekly-preview span{position:absolute;bottom:-8px;left:0;color:#5476ba;font-size:.66rem;font-weight:800}
.flexible-preview{display:grid;grid-template-columns:repeat(5,32px);gap:7px;transform:rotate(-6deg)}.flexible-preview i{font-style:normal;display:grid;place-items:center;background:#fff;color:#0c9d6a;border:1px solid #b8e9d3;border-radius:8px;height:32px;font-size:1rem;font-weight:800;box-shadow:0 3px 7px #07966615}.flexible-preview i:nth-child(2){color:#e66187}.flexible-preview i:nth-child(4){color:#e7ad30}
.daily-preview{height:92px;width:80%;display:flex;align-items:flex-end;justify-content:center;gap:9px;border-bottom:2px solid #e0a27e}.daily-preview i{display:block;flex:1;max-width:23px;border-radius:6px 6px 0 0;background:linear-gradient(#ffbd7b,#ed874d)}
.challenge-switch{cursor:pointer;background:#fff;border-color:#cfe2d9}.challenge-switch:hover{background:#eaf8f1}
.method-banner{--method:#179970;--method-soft:#e6f8ef;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:-3px 0 19px;border:1px solid color-mix(in srgb,var(--method) 22%,white);border-radius:18px;padding:20px 25px;background:var(--method-soft)}
.method-weekly{--method:#426bc4;--method-soft:#ecf2ff}.method-daily{--method:#df7843;--method-soft:#fff0e5}
.method-kicker{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--method)}.method-banner h2{font-size:1.35rem;margin:5px 0 5px;color:#263842}.method-banner p{margin:0;max-width:620px;color:#647b83;font-size:.82rem;line-height:1.5}.method-mini{display:flex;align-items:center;gap:8px;flex:0 0 auto}.method-mini span{font-size:.7rem;font-weight:700;color:var(--method);text-align:center}.method-mini strong{font-size:1.1rem}.weekly-mini span{background:#fff;padding:8px 9px;border-radius:9px;min-width:70px}.daily-mini span:first-child,.daily-mini span:last-child{background:#fff;padding:8px 10px;border-radius:9px;min-width:64px}.flexible-mini span{width:27px;height:27px;display:grid;place-items:center;background:#fff;border-radius:7px;font-size:1rem}
.mode-weekly .wallet-donut{background:conic-gradient(#5078d7 var(--progress),#e6ebf7 0)}.mode-weekly .wallet-donut>span,.mode-weekly .wallet-chart-legend i{color:#4e74cb;background-color:#4e74cb}.mode-weekly .wallet-donut>span{background:transparent}.mode-weekly .next-card{background:#ecf2ff;border-color:#cfddf7}.mode-weekly .next-card .eyebrow,.mode-weekly .next-card .number{color:#315cad}.mode-weekly .next-card .primary{background:#416dca}
.mode-daily .wallet-donut{background:conic-gradient(#ed874d var(--progress),#f8ece5 0)}.mode-daily .wallet-donut>span,.mode-daily .wallet-chart-legend i{color:#dd7841;background-color:#dd7841}.mode-daily .wallet-donut>span{background:transparent}.mode-daily .next-card{background:#fff0e5;border-color:#f6dcc8}.mode-daily .next-card .eyebrow,.mode-daily .next-card .number{color:#aa582b}.mode-daily .next-card .primary{background:#dc7d46}
.weekly-list{display:grid;gap:9px}.week-row{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #dce6f4;background:#fff;border-radius:14px;padding:12px 16px;text-align:left;min-height:70px}.week-row:hover{border-color:#5683db}.week-marker{width:37px;height:37px;border-radius:50%;background:#e7efff;color:#3863ba;display:grid;place-items:center;font-size:.72rem;font-weight:900;flex:0 0 auto}.week-content{display:grid;gap:2px;min-width:125px}.week-content strong{font-size:.88rem}.week-content small{color:#83929b;font-size:.72rem}.week-amount{margin-left:auto;color:#2c4e91;font-size:1.07rem;font-weight:800}.week-state{width:90px;text-align:right;color:#82929b;font-size:.72rem}.week-row.selected{background:#e9f0ff;border-color:#416dca}.week-row.done{background:#f2f7ff;border-color:#dce6f4}.week-row.done .week-marker{background:#446fc2;color:#fff}
.daily-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.day-card{position:relative;overflow:hidden;background:#fff;border:1px solid #f0e0d3;border-radius:15px;min-height:126px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:9px}.day-card:hover{border-color:#ed874d}.day-top{display:flex;justify-content:space-between;color:#dc7b44;font-size:.69rem;font-weight:900;letter-spacing:.06em}.day-card strong{font-size:1.05rem;color:#754834}.day-card small{font-size:.7rem;color:#8d8d8c}.day-card i{position:absolute;bottom:0;left:0;height:5px;border-radius:0 5px 5px 0;background:#ef965e}.day-card.selected{background:#fff1e5;border-color:#df7843}.day-card.done{background:#fff8f1;border-color:#f3d7c4}.day-card.done .day-top{color:#9a632e}
@media(max-width:1120px){.challenge-grid{grid-template-columns:1fr}.challenge-card{min-height:unset}.challenge-visual{height:120px}.challenge-foot{margin-top:17px}}
@media(max-width:760px){.challenge-heading h1{font-size:1.9rem}.challenge-grid{gap:12px}.challenge-card{padding:18px;border-radius:18px}.challenge-visual{height:107px;margin:12px 0 14px}.challenge-copy h2{font-size:1.23rem}.challenge-copy p{font-size:.82rem}.challenge-foot{flex-direction:row;align-items:center;justify-content:space-between}.challenge-foot strong{white-space:nowrap}.challenge-foot strong span{display:none}.method-banner{padding:17px;display:block}.method-mini{margin-top:13px}.method-banner h2{font-size:1.2rem}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-row{gap:10px;padding:11px}.week-content{min-width:0}.week-state{display:none}.week-amount{font-size:.95rem}.challenge-switch{margin-top:10px}}
.wallet-brand{width:auto;height:auto;gap:9px;overflow:visible;color:#173f33;font-size:1.33rem;letter-spacing:-.06em}.wallet-brand strong{font-family:Manrope,sans-serif;font-weight:900}.wallet-brand-emblem{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#d7f6e9;color:#0f9368;font:900 1.15rem Manrope,sans-serif;transform:rotate(-9deg)}
@media(max-width:760px){.topbar .wallet-brand{width:auto;height:auto;color:#fff;font-size:1.12rem}.topbar .wallet-brand-emblem{width:30px;height:30px;background:#d6f7e5;color:#0c8e66}}
.screen-welcome.shell{max-width:1180px;margin:0 auto;padding:28px 40px 80px}
.screen-welcome .topbar{margin-bottom:36px}
.challenge-card.is-active{border:2px solid var(--accent);padding:19px;box-shadow:0 10px 27px #159b701c}
.method-info{--info:#426bc4;max-width:750px;background:#fff;border:1px solid #dce6ef;border-top:5px solid var(--info);border-radius:19px;padding:32px;margin:18px auto 0;box-shadow:0 10px 28px #193a470d}
.method-info.info-flexible{--info:#159b70}.method-info.info-daily{--info:#ed874d}
.method-info .eyebrow{color:var(--info)}.method-info h1{margin:10px 0 13px}.method-info>p{color:#687f88}.method-info-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;padding:21px 0;border-block:1px solid #e7eeef}.method-info-numbers div{display:grid;gap:7px}.method-info-numbers span{color:#788b92;font-size:.78rem}.method-info-numbers strong{color:#253943;font-size:1.23rem}.method-info .primary{margin-top:21px;max-width:250px;background:var(--info)}
@media(max-width:760px){.screen-welcome.shell{padding:18px 18px 90px}.screen-welcome .topbar{margin:0 -18px 22px}.method-info{padding:22px}.method-info-numbers{grid-template-columns:1fr;gap:15px}.method-info-numbers div{display:flex;justify-content:space-between;gap:10px}.method-info-numbers strong{font-size:1.05rem}.method-info .primary{max-width:none}}