:root{background:#e8eee9;color:#18251d}body{background:radial-gradient(circle at 50% -12%,#dcebe0 0,rgba(220,235,224,0) 38%),#e8eee9}.app-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,#fafcf9 0,#f4f8f3 64%,#f8faf7 100%);box-shadow:0 18px 60px rgba(18,43,27,.13)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,100,71,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,100,71,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 34%)}.topbar{position:relative;height:70px;padding:0 20px;background:rgba(252,253,251,.88);border-color:rgba(28,65,43,.11);backdrop-filter:blur(16px);box-shadow:0 4px 18px rgba(23,60,38,.035)}.brand{gap:9px;font-size:14px;letter-spacing:-.025em}.brand b{width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,#1e7a56,#104932);box-shadow:0 6px 14px rgba(15,80,54,.22);font-size:14px}.badge{padding:6px 9px;background:#edf5ee;color:#4d735a;border:1px solid #d8e7d9;font-size:9px;letter-spacing:.08em}.profile{width:33px;height:33px;background:#dceee1;border:1px solid #c5dfcc;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.content{position:relative;padding:31px 20px 28px}.hero{margin-bottom:23px}.hero p,.proposal>p{color:#397152;letter-spacing:.11em;font-size:10px}.hero h1{max-width:330px;font-size:clamp(30px,8vw,39px);letter-spacing:-.065em}.hero>span{max-width:330px;color:#63756a;font-size:14px;line-height:1.5}.balance,.invoice{position:relative;overflow:hidden;padding:21px;border:1px solid rgba(45,115,77,.14);border-radius:22px;background:linear-gradient(130deg,#d5eddf,#edf8f0 56%,#fbfcf9);box-shadow:0 15px 28px rgba(26,95,63,.11)}.balance:after{content:"";position:absolute;width:150px;height:150px;right:-52px;top:-72px;border:25px solid rgba(255,255,255,.34);border-radius:50%}.balance>*{position:relative;z-index:1}.balance p,.invoice p{color:#3d7353;font-size:11px;text-transform:uppercase;letter-spacing:.055em}.balance>strong,.invoice strong{font-size:32px}.balance footer{padding-top:13px;border-top:1px solid rgba(40,100,70,.13);font-size:11px}.balance button,section header button{color:#146344}.notice{align-items:center;margin:17px 0 28px;padding:13px 14px;border:1px solid #f1d6a8;border-radius:15px;background:linear-gradient(100deg,#fff4df,#fffaf0);box-shadow:0 6px 16px rgba(107,69,17,.05)}.notice b{background:linear-gradient(145deg,#e0a13a,#bd7920);box-shadow:0 4px 8px rgba(188,117,27,.2)}section{margin-top:30px}section header{margin-bottom:14px}h2{font-size:17px;letter-spacing:-.035em}.due li,.agenda{padding:14px 12px;border:1px solid transparent;border-top-color:#e1e9e1;border-radius:13px;transition:background .2s,border-color .2s}.due li:hover,.agenda:hover{background:#fff;border-color:#e2ebe2;box-shadow:0 8px 17px rgba(27,67,39,.045)}.due li:first-child{padding:14px 12px;border-top:1px solid #e1e9e1}.due time,.agenda time{padding:5px 0;border-radius:9px;background:#f0f5f0}.due time b,.agenda time b{font-size:17px}.due>li>b,.agenda>b{font-size:12px}.bars{gap:14px;padding:2px 1px}.bars>div{grid-template-columns:74px 1fr auto}.bars i{height:9px;background:#e0e9e1;box-shadow:inset 0 1px 1px rgba(39,89,57,.08)}.bars i b{background:linear-gradient(90deg,#237556,#48a577)}.bars .lime{background:linear-gradient(90deg,#6f9a54,#a6bd7a)}.bars .gold{background:linear-gradient(90deg,#bd8534,#e2b85a)}.invoice{margin-top:2px}.ring{box-shadow:inset 0 0 0 11px #f6fbf6,0 6px 16px rgba(29,92,61,.1)}.installments li{border-radius:12px;background:rgba(255,255,255,.58)}.bottom-nav{height:75px;padding:7px 16px calc(7px + env(safe-area-inset-bottom));background:rgba(252,253,251,.94);border-color:rgba(28,65,43,.12);backdrop-filter:blur(18px);box-shadow:0 -8px 24px rgba(21,58,35,.055)}.bottom-nav button{color:#718077;font-size:16px}.bottom-nav button span{font-size:10px;letter-spacing:.01em}.bottom-nav button.active{color:#176447}.bottom-nav button.active:after{height:3px;width:17px;border-radius:99px;background:#176447;bottom:1px}.proposal{border-rad