*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand-wrap{display:flex;gap:10px;align-items:center}.logo{width:38px;height:38px;border-radius:11px;background:#172033;color:white;display:grid;place-items:center;font-weight:900}.brand{font-weight:850;font-size:20px}.subtitle{font-size:11px;color:#8992a4}.top-actions{display:flex;gap:8px}.container{max-width:1180px;margin:auto;padding:28px 18px 60px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:6px 0 22px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#5268d8}.hero h1{font-size:38px;line-height:1.08;letter-spacing:-1.4px;margin:7px 0 10px}.hero p{max-width:760px;color:#687389;line-height:1.6;margin:0}.hero-number{min-width:190px;padding:18px;background:#172033;color:white;border-radius:16px}.hero-number span{display:block;font-size:11px;opacity:.7}.hero-number strong{display:block;font-size:25px;margin-top:6px}.tabs{display:flex;gap:4px;padding:5px;background:#e9ecf3;border-radius:12px;width:max-content;margin-bottom:18px}.tab{border:0;background:transparent;padding:10px 15px;border-radius:9px;color:#657087;font-weight:750;cursor:pointer}.tab.active{background:#fff;color:#172033;box-shadow:0 2px 8px #cdd2dd}.section{display:none}.section.active{display:block}.card{background:#fff;border:1px solid #e5e9f0;border-radius:17px;padding:21px;box-shadow:0 7px 25px rgba(28,38,64,.035);margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:17px}.kpi span,.kpi small{display:block;color:#7c8699;font-size:11px}.kpi strong{display:block;font-size:22px;margin:7px 0}.dashboard-grid,.grid-two{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.section-head>div:first-child{display:flex;gap:10px;align-items:flex-start}.section-head h2{font-size:17px;margin:0}.section-head p{font-size:11px;color:#8a93a5;margin:3px 0 0}.step{display:inline-grid;place-items:center;min-width:31px;height:28px;padding:0 7px;border-radius:8px;background:#eef1ff;color:#5268d8;font-size:10px;font-weight:850}.status{font-size:10px;font-weight:850;padding:6px 9px;border-radius:30px;background:#eef1ff;color:#5268d8}.status.good{background:#eaf8ef;color:#23864c}.status.warn{background:#fff4dc;color:#a16b00}.status.bad{background:#ffeded;color:#b73838}.alloc-row{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.alloc-row span{display:block;font-size:11px;color:#8992a4;margin-top:3px}.bar{height:9px;background:#edf0f5;border-radius:20px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;width:0;background:#5c70dc;border-radius:20px;transition:.35s}.advice{display:grid;gap:8px;margin-top:18px}.advice div,.allowance-note{padding:11px 12px;border-radius:10px;background:#f7f8fb;color:#5e697d;font-size:12px;line-height:1.5}.allowance-big{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.allowance-big span{font-size:12px;color:#8992a4}.allowance-big strong{font-size:38px;letter-spacing:-1px;margin:9px 0}.guard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guard{padding:13px;background:#f7f8fb;border-radius:11px;font-size:12px;line-height:1.5;color:#5e697d}.guard b{display:block;color:#28344c;margin-bottom:4px}label{display:block;font-size:12px;font-weight:700;color:#4f5a6d;margin-bottom:13px}input,select{width:100%;margin-top:7px;border:1px solid #dfe4ed;background:#fbfcfe;border-radius:10px;padding:11px;outline:0;color:#172033}input:focus,select:focus{border-color:#6879e8;box-shadow:0 0 0 3px #eef1ff}.primary-btn,.secondary-btn,.ghost-btn{border-radius:10px;padding:9px 13px;font-weight:750;cursor:pointer}.primary-btn{border:0;background:#172033;color:#fff}.secondary-btn,.ghost-btn{border:1px solid #dce1ea;background:#fff;color:#33405a}.hidden{display:none}.check{display:flex;align-items:center;gap:8px;background:#f7f8fb;padding:11px;border-radius:10px}.check input{width:auto;margin:0}.liability,.expense,.goal-card{display:grid;gap:8px}.liability{grid-template-columns:1fr 120px 105px 38px;margin-bottom:8px}.expense{grid-template-columns:1fr 130px 38px;margin-bottom:8px}.goal-card{grid-template-columns:1.1fr .7fr .7fr .7fr .9fr 38px;align-items:end;margin-bottom:10px;padding:14px;background:#f7f8fb;border-radius:12px}.goal-card label{margin:0}.goal-card .goal-result{font-size:11px;color:#657087;padding-bottom:11px}.small-btn{height:39px;border:0;border-radius:9px;background:#e9edf3;cursor:pointer;color:#697387}.goal-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.goal-intro h2{margin:5px 0;font-size:24px}.goal-intro p{color:#69748a;font-size:13px;max-width:720px;line-height:1.55}.strategy-switch{display:flex;gap:8px}.strategy{border:1px solid #dce1ea;background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:700}.strategy.active{background:#eef1ff;border-color:#cbd2ff;color:#5268d8}.strategy-help{font-size:12px;color:#707b90}.debt-line{display:grid;grid-template-columns:1fr 120px 100px 120px;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:12px}.debt-summary{margin-top:14px;padding:13px;border-radius:11px;background:#f7f8fb;font-size:12px}.tracker-total{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:14px;margin-top:10px}.muted{font-size:12px;color:#7e899b}footer{text-align:center;color:#8a93a5;font-size:10px;margin-top:24px}.positive{color:#23864c}.danger{color:#b73838}@media(max-width:900px){.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.grid-two{grid-template-columns:1fr}.grid-three,.guard-grid{grid-template-columns:1fr 1fr}.goal-card{grid-template-columns:1fr 1fr 1fr}.debt-line{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}.hero-number{width:100%}}@media(max-width:600px){.container{padding:20px 12px 45px}.hero h1{font-size:29px}.tabs{width:100%;overflow:auto}.tab{white-space:nowrap;padding:9px 11px}.grid-three,.guard-grid,.kpi-grid{grid-template-columns:1fr}.liability,.expense{grid-template-columns:1fr 95px 38px}.goal-card{grid-template-columns:1fr 1fr}.goal-intro{align-items:flex-start;flex-direction:column}.topbar{padding:0 12px}}.live-calc-divider{height:1px;background:#edf0f5;margin:18px 0}.live-calc-box{background:#f7f9fc;border:1px solid #e2e7f0;border-radius:14px;padding:16px;margin-top:6px}.live-calc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.live-calc-header h3{font-size:14px;margin:0;color:#172033}.live-calc-header p{font-size:11px;color:#8992a4;margin:2px 0 0}.badge-pill{font-size:11px;font-weight:750;padding:4px 9px;border-radius:20px;background:#eef1ff;color:#4f62d8;white-space:nowrap;display:inline-block}.live-calc-label{display:block;font-size:11px;font-weight:700;color:#4f5a6d;margin-bottom:10px}.live-calc-result{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:14px;text-align:center;margin-top:10px;box-shadow:0 2px 8px rgba(0,0,0,.02)}.calc-res-title{display:block;font-size:11px;color:#7c8699;font-weight:600}.live-calc-result strong{display:block;font-size:28px;letter-spacing:-0.5px;color:#172033;margin:4px 0 6px}.dynamic-insight{font-size:11px;line-height:1.45;color:#5e697d;background:#f4f6fa;padding:8px 10px;border-radius:8px;margin-top:6px}.dynamic-insight.on-track{background:#eaf8ef;color:#23864c}.dynamic-insight.warn-pace{background:#fff4dc;color:#a16b00}.dynamic-insight.tight-pace{background:#ffeded;color:#b73838}