:root{font-family:'Plus Jakarta Sans',sans-serif;color:#193d33;background:#e9eeea;font-synthesis:none;--green:#08775a;--ink:#193d33;--muted:#84938d;--cream:#fbfcf9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #9dc98a;outline-offset:4px}button{color:inherit}input{min-width:0}button svg{flex-shrink:0}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.phone-shell{position:relative;width:100%;max-width:430px;min-height:100dvh;background:var(--cream);margin:0 auto;overflow:hidden}.desktop-note,.desktop-footer{display:none}.boot,.offline{padding:100px 28px;text-align:center}.offline p{font-size:14px;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:43px;height:43px}.brand>span{font-size:25px;font-weight:800;letter-spacing:-1.1px}.brand-light{font-weight:500}.brand small{display:block;font-size:7px;letter-spacing:1.1px;font-weight:600;margin-top:3px}.auth-page{padding:30px 28px 20px}.auth-art{position:relative;height:225px;display:flex;justify-content:center;align-items:center;margin:8px -10px 6px;isolation:isolate}.orbit{position:absolute;border:1px solid #e0e9dc;border-radius:50%;z-index:-1}.orbit-one{width:275px;height:180px;transform:rotate(-22deg)}.orbit-two{width:310px;height:190px;transform:rotate(24deg)}.illustrated-card{width:223px;height:148px;border-radius:20px;background:#0b785a;color:#fff;padding:17px 20px;transform:rotate(-9deg);box-shadow:0 17px 28px #0a694324;position:relative;overflow:hidden}.illustrated-card:after{content:'';width:160px;height:160px;border:28px solid #ffffff09;border-radius:50%;position:absolute;right:-76px;bottom:-80px}.mini-brand{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.mini-brand .icon{width:14px;height:14px}.mini-brand span{margin-left:auto;letter-spacing:2px}.illustrated-card>small{display:block;font-size:8px;margin-top:11px;color:#c5e7d7}.illustrated-card>strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.8px;margin-top:3px}.illustrated-card>strong span{display:block;color:#d7f6a7}.mini-card-bottom{display:flex;justify-content:space-between;font-size:7px;margin-top:8px}.mini-card-bottom .icon{width:14px;height:14px}.float-icon{position:absolute;display:grid;place-items:center;background:white;width:53px;height:53px;border-radius:17px;box-shadow:0 8px 20px #193d3310}.float-icon .icon{width:27px;height:27px}.float-wifi{left:17px;top:39px;color:#08775a;transform:rotate(-13deg)}.float-bolt{right:19px;bottom:43px;color:#c38e27;background:#f8e9b7;transform:rotate(12deg)}.art-star{position:absolute;right:44px;top:20px;font-size:30px;color:#d3ac58}.art-caption{position:absolute;bottom:10px;background:white;padding:9px 13px;border-radius:30px;font-size:9px;font-weight:600;box-shadow:0 5px 15px #193d3309;transform:rotate(3deg)}.art-caption .icon{width:14px;height:14px;color:var(--green);background:#e9f4e5;border-radius:50%;margin-right:4px}.auth-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-1.1px;line-height:1.35}.auth-copy h1{margin-top:9px}.auth-copy p{font-size:11px;line-height:1.9;color:#849087;margin-top:10px}.auth-tabs{display:flex;padding:4px;background:#edf1e9;border-radius:12px;margin:24px 0 21px}.auth-tabs button{border:0;background:transparent;width:50%;padding:11px 5px;font-size:11px;font-weight:700;border-radius:9px;color:#8a958c}.auth-tabs button.active{background:white;color:var(--green);box-shadow:0 2px 5px #1c46240b}label{display:block;font-size:11px;font-weight:700}.auth-form label+label{margin-top:16px}.input-wrap{display:flex;align-items:center;border:1px solid #e4e9df;border-radius:11px;padding:0 12px;gap:9px;margin-top:8px;background:#fff;transition:border .2s}.input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #08775a0c}.input-wrap>.icon{width:17px;height:17px;color:#9baa9e}.input-wrap input{border:0;background:transparent;outline:0;width:100%;height:46px;color:var(--ink);font-size:11px}.input-wrap input::placeholder{color:#a1aaa1}.icon-btn{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:5px}.input-wrap button{color:#99a49b}.input-wrap button .icon{width:17px;height:17px}.primary{border:0;background:var(--green);color:white;width:100%;border-radius:12px;padding:15px 18px;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;box-shadow:0 5px 12px #08775a12}.primary:hover{background:#066449}.primary .icon{width:18px;height:18px}.form-error{font-size:11px;color:#b94a40;line-height:1.7;margin:8px 0}.form-error:empty{margin:15px 0 0}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#9aa59a;font-size:9px}.divider:before,.divider:after{content:'';height:1px;background:#e8ece3;flex:1}.demo-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;border:1px solid #dce5d7;background:transparent;border-radius:12px;padding:12px;font-size:11px;font-weight:700}.demo-btn .icon{width:17px;height:17px}.demo-btn .icon:last-child{margin-left:auto}.demo-btn .icon:first-child{margin-right:auto}.auth-terms{text-align:center;font-size:9px;line-height:1.9;color:#96a091;margin-top:20px}.auth-terms button{border:0;background:none;padding:0;color:#517258;font-size:9px}.secure-footer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:21px;color:#9aa590;font-size:9px}.secure-footer .icon{width:13px;height:13px}.dashboard{padding:27px 22px 105px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.greeting{display:flex;align-items:center;gap:10px}.avatar{position:relative;width:42px;height:42px;background:#e4edda;color:#467054;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px}.avatar i{width:10px;height:10px;border:2px solid var(--cream);border-radius:50%;background:#78b873;position:absolute;right:-1px;bottom:0}.greeting small{font-size:8px;color:#8b988d}.greeting h1{font-size:19px;letter-spacing:-.5px;margin-top:3px}.notification{border:1px solid #e5eade;border-radius:13px;width:38px;height:38px;background:white;position:relative}.notification .icon{width:19px;height:19px}.notification i{position:absolute;width:5px;height:5px;background:#e9a479;border:1px solid white;border-radius:50%;top:8px;right:10px}.balance-card{padding:20px 21px 0;background:#08775a;border-radius:22px;color:white;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 10px 25px #08775a16}.balance-card:before,.balance-card:after{content:'';position:absolute;border:30px solid #ffffff06;width:210px;height:210px;right:-105px;top:-100px;border-radius:50%;z-index:-1}.balance-card:after{right:-125px;top:-73px;width:235px;height:235px}.balance-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.balance-top>span:first-child{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px}.balance-top .icon{width:20px;height:20px}.chip{font-size:7px;letter-spacing:1px;border:1px solid #ffffff35;border-radius:6px;padding:5px 7px;color:#d2edb5}.balance-label{display:flex;align-items:center;gap:8px;color:#bad8ca;font-size:10px}.balance-label button{border:0;background:none;color:#bad8ca;padding:0}.balance-label .icon{width:14px;height:14px}.balance-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px;margin-bottom:21px;gap:5px}.balance-row>strong{font-size:29px;letter-spacing:-1px;font-weight:700}.balance-row>button{border:0;background:#d8f3b4;color:#275936;display:flex;align-items:center;gap:5px;padding:10px 11px;border-radius:9px;font-size:10px;font-weight:800;white-space:nowrap}.balance-row>button .icon{width:15px;height:15px}.balance-bottom{margin:0 -21px;padding:11px 20px;background:#005d3f45;display:flex;align-items:center;gap:5px;font-size:8px;color:#c4dfcd}.balance-bottom>.icon{width:13px;height:13px}.balance-bottom span{margin-left:auto;color:#cae79f}.balance-bottom span .icon{width:16px;height:16px}.points-strip{display:flex;align-items:center;gap:7px;padding:14px 2px;font-size:9px;color:#839078}.points-star{font-size:19px;color:#bc9852}.points-strip strong{margin-left:auto;color:#668055;font-size:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-heading h2{font-size:15px;letter-spacing:-.5px}.section-heading>span{font-size:8px;color:#98a088}.section-heading>button{display:flex;align-items:center;gap:2px;background:none;border:0;font-size:9px;color:var(--green);font-weight:600;padding:3px 0}.section-heading button .icon{width:11px;height:11px}.services-section{margin-top:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:23px;margin:0 -6px}.service-grid button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:9px;font-weight:600;position:relative;padding:0}.service-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:17px;flex-shrink:0}.service-icon .icon{width:25px;height:25px;stroke-width:1.7}.green{background:#e5f1df;color:#3b8057}.blue{background:#e4edf7;color:#588dbe}.orange{background:#fff0d6;color:#c49435}.purple{background:#eee8f9;color:#9974bf}.pink{background:#f8e6ee;color:#ba718c}.cyan{background:#e0f0ed;color:#509f99}.red{background:#f9e8e2;color:#c97766}.yellow{background:#f4f0d6;color:#b39a41}.service-grid em{position:absolute;top:-5px;right:1px;color:white;background:#e99964;border:2px solid var(--cream);border-radius:5px;font-size:5px;font-style:normal;padding:3px 5px;font-weight:800}.promos-section{margin-top:29px}.promo-card{border:1px solid #e1eaca;background:#edf3df;border-radius:17px;width:100%;text-align:left;position:relative;overflow:hidden;display:flex;align-items:center;min-height:143px;padding:20px}.promo-tag{font-size:6px;letter-spacing:1.3px;color:#698452;font-weight:800}.promo-card h3{font-size:20px;line-height:1.35;letter-spacing:-.65px;margin-top:8px}.promo-link{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;margin-top:13px;color:#5c7744}.promo-link .icon{width:12px;height:12px}.promo-art{position:absolute;right:17px;width:85px;height:100px;display:grid;place-items:center;border-radius:23px;background:#c4df9c;box-shadow:6px 7px 0 #d5e4b8;transform:rotate(12deg);border:4px solid #dcebbf;color:#4c7a45}.promo-art>.icon{width:50px;height:50px;stroke-width:1.8}.promo-art>span{position:absolute;left:-17px;top:-15px;color:#96b46a;font-size:27px;transform:rotate(-12deg)}.promo-peach{background:#f8e8d7;border-color:#e8d5bf}.promo-peach .promo-art{background:#e8ba80;border-color:#f6daba;box-shadow:6px 7px 0 #efd6bb;color:#996829}.carousel-dots{display:flex;gap:5px;justify-content:center;margin:12px 0}.carousel-dots span{width:4px;height:4px;background:#dce3d2;border-radius:10px}.carousel-dots .active{width:15px;background:#7c9d62}.recent-section{margin-top:21px}.transaction{display:flex;align-items:center;gap:10px;width:100%;padding:14px 0;border:0;border-bottom:1px solid #edf0e8;background:transparent;text-align:left}.transaction-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.transaction-icon .icon{width:18px;height:18px}.transaction-info{flex:1;min-width:0}.transaction-info strong{display:block;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-info small{display:block;margin-top:5px;font-size:8px;color:#99a28f}.transaction-amount{text-align:right;flex-shrink:0}.transaction-amount strong{font-size:10px;display:block}.transaction-amount small{font-size:7px;color:#7fa46a;display:block;margin-top:5px}.positive{color:var(--green)}.empty-state{padding:20px 6px 17px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #dde5d6;border-radius:14px}.empty-state>.icon{color:#a5b394;width:25px;height:25px;margin-bottom:8px}.empty-state strong{font-size:10px;font-weight:600}.empty-state p{font-size:8px;color:#9aa68f;margin-top:5px}.made-for-you{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#9ba791;margin-top:25px}.made-for-you .icon{width:12px;height:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;width:100%;max-width:430px;background:#fff;border-top:1px solid #e8ede1;padding:11px 15px calc(12px + env(safe-area-inset-bottom, 0px));z-index:10;isolation:isolate}.bottom-nav button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;flex:1;gap:6px;color:#849186;font-size:9px;position:relative;min-height:44px;justify-content:center}.bottom-nav .icon{width:21px;height:21px}.bottom-nav button.active{color:var(--green);font-weight:800}.bottom-nav i{width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--green);position:absolute;top:-11px}.bottom-nav button.active .icon{stroke-width:2}.bottom-nav button:hover{color:var(--green)}.page-header{padding:10px 0 28px}.page-header h1{font-size:25px;margin-top:9px}.page-header p{font-size:11px;color:var(--muted);margin-top:10px}.filter-tabs{display:flex;gap:8px;margin-bottom:20px}.filter-tabs button{border:1px solid #e1e8db;border-radius:20px;padding:9px 14px;font-size:10px;background:white}.filter-tabs .active{color:white;background:var(--green);border-color:var(--green)}.promo-list{display:grid;gap:18px}.info-box{display:flex;gap:10px;align-items:flex-start;background:#edf3e6;border-radius:13px;padding:15px;margin-bottom:20px;color:#688255}.info-box>.icon{width:19px;height:19px}.info-box p{font-size:11px;line-height:1.8}.profile-card{text-align:center;border:1px solid #e4eadd;background:white;border-radius:20px;padding:27px 15px}.avatar.big{width:70px;height:70px;font-size:30px;margin:0 auto 14px}.profile-card h2{font-size:19px}.profile-card p{color:var(--muted);font-size:11px;margin-top:7px}.profile-badge{background:#edf5e5;border-radius:20px;padding:6px 10px;color:#769354;font-size:9px;display:inline-flex;gap:5px;align-items:center;margin-top:16px}.profile-badge .icon{width:12px;height:12px}.account-menu{margin-top:25px}.account-menu button{display:flex;align-items:center;width:100%;border:0;border-bottom:1px solid #e6ecdf;padding:18px 8px;background:transparent;gap:12px;font-size:12px}.account-menu button>.icon:first-child{color:#7a9470;width:19px;height:19px}.account-menu button>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#a2ae99}.account-menu button:last-child{color:#b56d5d}.app-version{text-align:center;margin:30px 0;font-size:9px;color:#9ba68e;line-height:2}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#123b3280;backdrop-filter:blur(4px);z-index:30;display:flex;justify-content:center;align-items:flex-end}.sheet{width:100%;max-width:430px;max-height:92dvh;overflow:auto;background:var(--cream);border-radius:26px 26px 0 0;padding:10px 24px 30px;animation:slide-in .23s ease-out}.sheet-handle{width:38px;height:4px;border-radius:4px;background:#dfe5d9;margin:0 auto 13px}.sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet header h2{font-size:18px;letter-spacing:-.5px}.sheet header>.icon-btn{color:#8a9a80}.sheet-intro{display:flex;gap:12px;align-items:center;margin-bottom:25px}.sheet-intro p{font-size:11px;line-height:1.8}.sheet-intro small{display:block;font-size:9px;color:var(--muted)}.sheet input{font-size:12px}.field-title{font-size:12px;margin:24px 0 12px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.product-option{position:relative}.product-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.product-option>span{display:flex;flex-direction:column;border:1px solid #e1e7dc;border-radius:12px;padding:18px 12px;background:white;gap:7px}.product-option strong{font-size:13px}.product-option small{font-size:10px;color:#87967c;font-weight:400}.product-option input:checked+span{border-color:var(--green);background:#edf5e7;box-shadow:0 0 0 1px var(--green)}.product-option input:focus-visible+span{outline:3px solid #9dc98a;outline-offset:2px}.muted{font-size:11px;color:#8b9b7e;line-height:1.8;margin:15px 0}.receipt{text-align:center}.success-icon{display:grid;place-items:center;width:64px;height:64px;background:#e1f0d7;color:var(--green);border-radius:50%;margin:15px auto}.success-icon .icon{width:32px;height:32px}.receipt h2{font-size:24px;margin:10px 0}.receipt>p{font-size:12px;color:var(--muted);line-height:1.8}.receipt-total{display:block;font-size:28px;margin:20px 0}.receipt dl{border-top:1px dashed #d6e1ca;border-bottom:1px dashed #d6e1ca;padding:10px 0}.receipt dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:11px;text-align:left}.receipt dt{color:#8f9b85;flex-shrink:0}.receipt dd{margin:0;text-align:right}.transaction-id{word-break:break-all;font-size:9px;max-width:190px}.receipt>.primary{margin-top:22px}.confirmation{text-align:center}.confirmation>.service-icon{margin:0 auto 18px}.confirmation h3{font-size:18px}.confirmation>p{margin-top:15px;font-size:12px;line-height:1.8}.confirmation-total{margin:24px 0;display:flex;justify-content:space-between;background:#edf3e6;border-radius:12px;padding:20px 14px;font-size:12px}.confirmation-total strong{font-size:16px}.info-content>.icon{color:var(--green);width:38px;height:38px;margin-bottom:15px}.info-content h3{font-size:18px}.info-content p{font-size:12px;line-height:2;color:#829475;margin:15px 0 25px}.notice-item{display:flex;gap:12px;padding:15px;border:1px solid #e2ead9;border-radius:14px}.notice-item>.icon{color:var(--green)}.notice-item h3{font-size:13px}.notice-item p{font-size:11px;color:#8b9c7f;line-height:1.9;margin-top:8px}.notice-item small{display:block;color:#a4b095;font-size:9px;margin-top:14px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);max-width:380px;width:calc(100% - 40px);background:#163e30;color:white;padding:15px 20px;font-size:12px;border-radius:12px;text-align:center;z-index:50;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes slide-in{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:700px){body{background:radial-gradient(ellipse at 25% 15%,#e0eadb,transparent 55%),radial-gradient(ellipse at 90% 80%,#dae5dd,transparent 55%),#edf0e9}.phone-shell{margin:0 auto;border:0;border-radius:0;min-height:100dvh;box-shadow:0 0 90px #264a3b15}.desktop-note{position:fixed;left:35px;top:35px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.note-sub{display:block;font-size:9px;color:#91a08d;font-weight:400;margin-top:5px}.desktop-footer{position:fixed;left:30px;bottom:25px;display:flex;align-items:center;gap:10px;color:#87957f;font-size:9px}.desktop-footer span{color:#88a06b}.bottom-nav{bottom:0;max-width:430px;border-radius:0;box-shadow:none}.sheet{border-radius:26px;margin-bottom:35px}.auth-page{padding-top:33px;padding-bottom:27px}.auth-art{height:235px}}@media(max-width:360px){.auth-page{padding:24px 20px}.dashboard{padding:22px 16px 100px}.balance-row>strong{font-size:25px}.balance-row>button{padding:9px;font-size:9px}.section-heading h2{font-size:14px}.promo-art{right:12px;width:72px;height:87px}.promo-card{padding:16px}.promo-card h3{font-size:18px}.greeting small{font-size:7px}.points-strip{font-size:8px}.auth-copy h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Reserve room for the fixed navigation, including device safe areas. */
.dashboard{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))}