:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#edf2ed;color:#19231c}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,680px);min-height:100dvh;margin:auto;padding-bottom:76px;background:#f8faf7}.topbar{height:62px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid #e0e7df}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:800}.brand b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#176447;color:#fff;font-size:13px}.badge{padding:5px 8px;border-radius:999px;background:#e8f2ea;color:#58735f;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.profile{justify-self:end;width:30px;height:30px;border:0;border-radius:50%;background:#e1eee4;color:#176447;font-weight:800}.content{padding:27px 18px}.hero{margin-bottom:20px}.hero p,.proposal>p{margin:0 0 6px;color:#5d7964;font-size:11px;font-weight:800;letter-spacing:.07em}h1{margin:0;font-size:clamp(27px,7vw,34px);line-height:1.05;letter-spacing:-.05em}h2{margin:0;font-size:16px;letter-spacing:-.02em}.hero>span{display:block;margin-top:7px;color:#617167;font-size:14px;line-height:1.45}.balance,.invoice{padding:18px;border-radius:18px;background:linear-gradient(135deg,#dff0e4,#f6fbf6);color:#163d28}.balance p,.invoice p{margin:0 0 7px;color:#4b7059;font-size:12px;font-weight:700}.balance>strong,.invoice strong{display:block;font-size:29px;letter-spacing:-.055em}.balance footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;color:#4b6754}.balance footer span::first-letter{color:#d18b21}.balance button,section header button{border:0;background:transparent;color:#176447;font-size:12px;font-weight:800}.notice{display:flex;gap:10px;margin:14px 0 24px;padding:12px;border-radius:12px;background:#fff2dd;color:#78501a;font-size:12px;line-height:1.4}.notice b{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#e2a33d;color:#fff}section{margin-top:25px}section header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}small,.footnote{color:#728178;font-size:11px}.due,.installments{margin:0;padding:0;list-style:none}.due li,.agenda{display:grid;grid-template-columns:39px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #e3e9e2}.due li:first-child{border:0;padding-top:0}time{text-align:center;color:#728077;font-size:10px;font-weight:700}time b{display:block;color:#253329;font-size:18px}.due strong,.agenda strong,.installments strong{display:block;font-size:13px}.due span,.agenda span,.installments span{display:block;margin-top:2px;color:#718077;font-size:11px}.due>li>b,.agenda>b{font-size:13px;white-space:nowrap}.bars,.forecast{display:grid;gap:11px}.bars>div,.forecast>div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;color:#55665a;font-size:12px}.bars i{height:8px;overflow:hidden;border-radius:99px;background:#e3e9e2}.bars i b,.forecast i{display:block;height:100%;border-radius:99px;background:#27805c}.bars .lime{background:#8aa963}.bars .gold{background:#c89545}.bars strong,.forecast b{font-size:11px;color:#27362b;white-space:nowrap}.overdue,.upcoming{margin:0 0 8px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.overdue{color:#af4c3f}.upcoming{color:#b5761a}.footnote{margin-top:26px;line-height:1.45}.invoice{display:flex;align-items:center;justify-content:space-between}.invoice>div>span{display:block;margin-top:9px;color:#52715d;font-size:11px}.ring{display:grid;place-content:center;width:76px;height:76px;border-radius:50%;text-align:center;background:conic-gradient(#237555 0 68%,#c8dfcc 68% 100%);box-shadow:inset 0 0 0 11px #eef8ef;font-size:17px}.ring small{display:block;font-size:9px}.installments{display:grid;gap:9px}.installments li{display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center;padding:11px;b