.setup-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#e5f4ef;border:1px solid #cce5dc;border-radius:15px;padding:20px 24px;margin-bottom:22px}.setup-banner p{margin:5px 0 0;font-size:12px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.menu-card{text-align:left}.menu-card .icon{margin-bottom:18px}.narrow{max-width:640px}.onboard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.chips{display:flex;flex-wrap:wrap;gap:6px}hr{border:0;border-top:1px solid #e3eae7;margin:25px 0}input:disabled{background:#f1f4f3;color:#75817d}dialog{max-height:90vh;overflow:auto}.menu-grid .amount{font-size:28px;margin:16px 0;font-weight:800}.grow{min-width:0;overflow-wrap:anywhere}.account{gap:12px}.account>span{overflow-wrap:anywhere}.card p{overflow-wrap:anywhere}@media(max-width:650px){.menu-grid{grid-template-columns:1fr;gap:14px}.setup-banner{align-items:flex-start;flex-direction:column;padding:18px}.intro{flex-wrap:wrap}.onboard-actions{flex-wrap:wrap}header{letter-spacing:1px}}
:root{--ink:#172b4d;--green:#087f72;--mint:#e5f4ef;--yellow:#f4c95d;--bg:#f7f9f8;--muted:#526174}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #dce5e1;background:white;color:var(--ink);padding:11px 17px;border-radius:10px;font-weight:600}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #f4c95d}aside{width:240px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e3eae7;padding:38px 24px;display:flex;flex-direction:column}.brand{font:800 35px Manrope,sans-serif;letter-spacing:-2px;text-decoration:none;color:var(--green);padding:0 12px}.brand span{display:block;font:12px 'DM Sans';letter-spacing:0;color:var(--muted);margin-top:8px}nav{margin-top:52px;display:grid;gap:10px}nav button{border:0;text-align:left;background:transparent;padding:15px}nav button.active{background:var(--mint);color:var(--green)}nav i{font-style:normal;display:inline-block;width:28px}.aside-bottom{margin-top:auto;background:#f7f9f8;border-radius:14px;padding:18px;font-size:10px;letter-spacing:1px;color:var(--muted)}.aside-bottom strong{display:block;margin-top:12px;font-size:16px;letter-spacing:-.3px;line-height:1.5;color:var(--ink)}.aside-bottom p{letter-spacing:0;font-size:12px}main{margin-left:240px;max-width:1600px;padding:0 48px}header{height:91px;border-bottom:1px solid #e3eae7;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:2px}.avatar{border-radius:50%;background:var(--mint);color:var(--green)}h1,h2,h3,.amount{font-family:Manrope,sans-serif}h1{font-size:32px;letter-spacing:-1.2px;margin:10px 0}h2{font-size:19px;margin:0 0 8px;letter-spacing:-.5px}h3{font-size:15px;margin:0 0 6px}p{line-height:1.6;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 25px;gap:20px}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.6px}.intro p{margin:8px 0}.primary{background:var(--green);color:white;border:0}.hero{background:var(--ink);color:white;border-radius:21px;padding:30px 32px;position:relative;overflow:hidden}.hero:after{content:'◒';position:absolute;right:28px;top:-60px;font-size:300px;color:#ffffff06;pointer-events:none}.hero p{color:#c6d8db}.hero .amount{font-size:46px;font-weight:700;letter-spacing:-2px;margin:14px 0}.pill{display:inline-block;background:#ffffff15;border:1px solid #ffffff25;border-radius:20px;padding:7px 12px;font-size:11px}.hero-bottom{border-top:1px solid #ffffff25;padding-top:17px;margin-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#dbe8e6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 28px}.card{background:white;border:1px solid #e3eae7;border-radius:16px;padding:22px}.card .amount{font-size:25px;font-weight:800;margin:12px 0 7px}.label{font-size:12px;color:var(--muted)}.small{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.link{background:transparent;border:0;padding:6px;color:var(--green);font-size:12px}.row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #eef2f0}.row:last-child{border-bottom:0}.icon{width:40px;height:40px;border-radius:12px;background:#f0f5f3;display:grid;place-items:center;font-size:18px;flex-shrink:0}.grow{flex:1}.right{text-align:right}.tag{display:inline-block;border-radius:6px;font-size:10px;background:var(--mint);color:#06685e;padding:5px 8px;margin-top:5px}.tag.warn{background:#fff3cd;color:#785100}.tag.neutral{background:#eef1f5;color:#526174}.progress{height:7px;background:#e8eeeb;border-radius:9px;margin:17px 0 12px;overflow:hidden}.progress span{display:block;background:var(--green);height:100%}.saving{background:var(--mint);border-color:transparent}.saving .icon{background:white}.saving .amount{font-size:30px;font-weight:800;margin:18px 0}.wide{width:100%;margin-top:15px}.note{border-radius:12px;background:#fff7df;padding:16px;margin-top:16px;font-size:12px;line-height:1.7}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tabs .selected{background:var(--ink);color:white}.account{display:flex;justify-content:space-between;margin:15px 0}footer{font-size:10px;color:#75817d;padding:30px 0;line-height:1.6}dialog{border:0;border-radius:20px;padding:28px;width:min(440px,92vw);color:var(--ink);box-shadow:0 20px 100px #172b4d30}dialog::backdrop{background:#172b4d66;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}label{display:block;font-size:12px;margin:15px 0}input,select{display:block;width:100%;padding:12px;border:1px solid #ccd8d2;border-radius:8px;background:white;margin-top:7px;color:var(--ink)}#form>.primary{width:100%;margin-top:15px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:14px 24px;display:none;z-index:10}.empty{padding:30px;text-align:center}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.actions button{font-size:11px;padding:8px 10px}@media(min-width:1400px){main{padding:0 65px}}@media(max-width:1050px){aside{width:200px;padding:30px 16px}main{margin-left:200px;padding:0 25px}.grid{grid-template-columns:1fr}.stats{gap:10px}.card{padding:18px}}@media(max-width:650px){aside{position:fixed;top:auto;bottom:0;width:100%;height:74px;z-index:5;padding:0;border:0;border-top:1px solid #e3eae7}.brand,.aside-bottom{display:none}nav{margin:0;display:flex;justify-content:space-around;gap:0;height:100%}nav button{font-size:9px;padding:8px 3px;border-radius:0;flex:1;text-align:center}nav i{display:block;width:auto;font-size:19px;margin-bottom:5px}main{margin:0;padding:0 18px 78px}header{height:65px}.intro{padding:22px 0;align-items:flex-start}.intro .primary{font-size:11px;padding:11px}h1{font-size:26px}.intro p{font-size:12px}.hero{padding:24px}.hero .amount{font-size:39px}.hero-bottom{font-size:10px}.stats{grid-template-columns:1fr;gap:9px;margin:14px 0 22px}.stats .card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px}.stats .amount{font-size:20px;margin:0}.stats .small{grid-column:1/-1;margin-top:5px}.row{gap:10px}.row .right{max-width:140px}.grid{gap:16px}#toast{bottom:90px;width:90%;text-align:center}.sectionhead h2{font-size:17px}}
