:root{--ink:#17231f;--muted:#6f7c76;--paper:#f5f2e9;--card:#fffdf8;--line:#dedbd0;--green:#116548;--mint:#d7f0dd;--lime:#cbe66f;--coral:#e8735b;--peach:#f6ddd5;--gold:#d7a52b;--shadow:0 16px 40px rgba(30,48,41,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:#173f32;color:#f8f6ee;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:800 19px Manrope}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #83b19d;border-radius:11px;color:var(--lime);font-size:13px}.sidebar nav{display:grid;gap:8px;margin:50px 0 24px}.nav-item{border:0;background:transparent;color:#b7c9c1;text-align:left;padding:12px 14px;border-radius:10px;font:600 14px "DM Sans";cursor:pointer}.nav-item span{display:inline-block;width:25px}.nav-item:hover,.nav-item.active{background:#285a49;color:#fff}.level-card{margin-top:auto;padding:16px;border:1px solid #477061;border-radius:14px;background:#204b3d}.level-line{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.level-line b{color:var(--lime)}.progress{height:7px;border-radius:20px;background:rgba(23,35,31,.13);overflow:hidden}.level-card .progress{margin:12px 0;background:#416b5d}.progress i{display:block;height:100%;width:0;background:var(--lime);border-radius:20px;transition:width .35s}.level-card p,.privacy-note{color:#b9cec5;font-size:11px;line-height:1.4}.add-button{margin-top:14px;border:0;border-radius:11px;padding:13px;background:var(--lime);color:#25402f;font-weight:800;cursor:pointer}.privacy-note{text-align:center;margin-bottom:0}main{min-width:0;padding:32px 38px 48px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow,.section-kicker{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em}.topbar h1{font:800 clamp(25px,3vw,38px) Manrope;margin:2px 0}.score-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #d2d7ca;border-radius:14px;background:var(--card)}.score-pill>span{color:var(--gold);font-size:23px}.score-pill small{display:block;font-size:9px;color:var(--muted);letter-spacing:.1em}.score-pill strong{font:800 21px Manrope}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.hero-card{border-radius:16px;padding:19px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.forecast{background:#153d31;color:#fff;border:0}.hero-head{display:flex;justify-content:space-between;color:#81968e;font-size:9px;font-weight:800;letter-spacing:.12em}.forecast .hero-head{color:#b7cec5}.status-dot{color:#aed77d}.forecast-main{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.forecast-main small,.streak small{color:#afc5bc;font-size:9px}.forecast-main strong{display:block;font:800 clamp(30px,4vw,48px) Manrope;color:var(--lime)}.forecast-main p,.streak p{margin:3px 0 0;color:#a9beb6;font-size:11px}.ring{width:82px;height:82px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#153d31 55%,transparent 57%),conic-gradient(var(--lime) 0 55%,#31594c 55%)}.ring span{font-weight:800}.ring small{font-size:8px;color:#9db1aa}.next-up p{margin:17px 0 0;color:var(--muted);font-size:12px}.next-up strong{display:block;font:800 27px Manrope;color:var(--coral)}.next-up>span:last-child{font-size:11px}.streak{display:flex;align-items:center;gap:13px;background:#fff8dc}.flame{font-size:36px;color:var(--gold)}.streak strong{display:block;font:800 24px Manrope}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px}.month-switch{display:flex;align-items:center;gap:16px}.month-switch h2{font:800 20px Manrope;min-width:170px;text-align:center}.month-switch button,.icon-button{border:1px solid var(--line);background:var(--card);border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.legend{display:flex;gap:16px;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.income-dot{background:var(--green)}.expense-dot{background:var(--coral)}.done-dot{background:#9da8a3}.calendar-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{padding:12px;text-align:center;font-size:9px;font-weight:800;color:var(--muted);border-bottom:1px solid var(--line)}.day{min-height:110px;padding:9px;border-right:1px solid #e8e4da;border-bottom:1px solid #e8e4da;background:#fffdf8}.day:nth-child(7n){border-right:0}.day.outside{background:#f1eee6;color:#aaa}.day.today{box-shadow:inset 0 0 0 2px var(--green)}.day-number{font-size:11px;font-weight:700}.event{width:100%;border:0;text-align:left;margin-top:5px;padding:5px 6px;border-radius:6px;font-size:9px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event.income{background:var(--mint);color:#14543d}.event.expense{background:var(--peach);color:#8a3d2e}.event.done{text-decoration:line-through;opacity:.55}.more{font-size:9px;color:var(--muted);margin:5px}.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:15px}.panel{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:16px}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel-title h3{font:800 16px Manrope;margin:4px 0}.panel-title>span{font-size:10px;color:var(--muted)}.bars{display:grid;gap:11px;margin-top:14px}.bar-row{display:grid;grid-template-columns:120px 1fr 70px;gap:10px;align-items:center;font-size:11px}.bar-track{height:7px;background:#eeeae0;border-radius:10px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--coral);border-radius:10px}.bar-row b{text-align:right}.xp-tag{padding:5px 7px!important;background:#e6f3c6;color:#516b17!important;border-radius:6px}.quest-progress{margin:24px 0}.quest-progress>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.quest-button,.primary{width:100%;padding:11px;border:0;border-radius:9px;background:var(--green);color:white;font-weight:800;cursor:pointer}.section-intro{max-width:650px;margin:12px 0 28px}.section-intro h2{font:800 32px Manrope;margin:5px 0}.section-intro>p:last-child{color:var(--muted)}.quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.challenge{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.challenge.done{background:#edf4e6}.challenge .challenge-icon{font-size:26px;color:var(--green)}.challenge h3{font:800 17px Manrope}.challenge p{min-height:45px;color:var(--muted);font-size:12px}.challenge footer{display:flex;align-items:center;justify-content:space-between}.challenge button{border:0;border-radius:8px;background:#e5eadf;padding:8px 10px;font-weight:700;cursor:pointer}.challenge.done button{background:var(--green);color:white}.recurring-tools{display:flex;justify-content:space-between;margin-bottom:12px}.filter-group{display:flex;gap:6px}.filter,.small-add{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--card);font-weight:700;cursor:pointer}.filter.active{background:var(--green);color:white}.recurring-list{display:grid;gap:8px}.recurring-row{display:grid;grid-template-columns:44px 1fr 120px 100px 110px 70px;align-items:center;gap:12px;padding:13px 15px;background:var(--card);border:1px solid var(--line);border-radius:12px}.recurring-row .type-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:900}.type-icon.income{background:var(--mint);color:var(--green)}.type-icon.expense{background:var(--peach);color:var(--coral)}.recurring-row h4{margin:0;font-size:13px}.recurring-row p,.recurring-row small{margin:2px 0 0;color:var(--muted);font-size:10px}.amount{text-align:right;font-weight:800}.amount.income{color:var(--green)}.amount.expense{color:var(--coral)}.row-actions{display:flex;gap:5px}.row-actions button{border:0;background:#ece9df;border-radius:6px;padding:6px;cursor:pointer}dialog{border:0;border-radius:18px;padding:0;width:min(520px,calc(100% - 24px));box-shadow:0 30px 90px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(14,30,24,.55)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:800 22px Manrope;margin:4px 0 18px}.dialog-head .icon-button{border:0}label{display:grid;gap:6px;font-size:11px;font-weight:700;margin-bottom:14px}input,select{width:100%;padding:11px;border:1px solid #d7d4ca;border-radius:8px;background:white;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;gap:8px;margin-top:8px}.dialog-actions .secondary{width:35%;border:1px solid var(--line);border-radius:9px;background:white;font-weight:700}.dialog-actions .primary{width:65%}#toast{position:fixed;right:25px;bottom:25px;background:#173f32;color:white;padding:12px 16px;border-radius:10px;transform:translateY(100px);opacity:0;transition:.25s;z-index:10}#toast.show{transform:none;opacity:1}@media(max-width:1000px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 12px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.brand{justify-content:center}.sidebar nav{margin-top:38px}.nav-item{text-align:center;font-size:0}.nav-item span{font-size:18px;width:auto}.level-card,.privacy-note{display:none}.add-button{font-size:0}.add-button:first-letter{font-size:20px}.hero-grid{grid-template-columns:1fr 1fr}.forecast{grid-column:1/-1}.quest-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){main{padding:20px 12px 90px}.shell{display:block}.sidebar{position:fixed;z-index:5;top:auto;bottom:0;width:100%;height:66px;display:flex;flex-direction:row;align-items:center;padding:8px 12px}.brand,.level-card,.add-button,.privacy-note{display:none}.sidebar nav{display:flex;margin:0;width:100%;justify-content:space-around}.nav-item,.nav-item:not(.active){display:grid;gap:2px;text-align:center;font-size:9px;padding:7px 18px}.topbar{margin-bottom:16px}.score-pill{padding:8px 10px}.hero-grid{grid-template-columns:1fr}.forecast{grid-column:auto}.forecast-main{align-items:center}.ring{width:72px;height:72px}.toolbar{align-items:flex-end}.legend{display:none}.day{min-height:82px;padding:5px}.event{font-size:0;height:8px;padding:0}.event.income{background:var(--green)}.event.expense{background:var(--coral)}.bottom-grid,.quest-grid{grid-template-columns:1fr}.recurring-row{grid-template-columns:38px 1fr 80px 60px}.recurring-row>:nth-child(3),.recurring-row>:nth-child(4){display:none}.bar-row{grid-template-columns:95px 1fr 60px}.form-row{grid-template-columns:1fr}}