:root{--primary-color:#6c5ce7;--primary-dark:#4834d4;--primary-light:#a29bfe;--secondary-color:#fbbf24;--text-color:#2d2b42;--bg-color:#f6f4fc;--white:#fff;--gray:#6b7280;--light-gray:#e5e1f7;--orange:#e67e22}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body.mpay-body{max-width:414px;min-height:100vh;color:var(--text-color);background:linear-gradient(#f3f0fc 0%,#fff 100%) fixed;margin:0 auto;padding-bottom:70px;overflow-x:hidden;box-shadow:0 0 20px #6c5ce71f}header:not(.home-header){background-color:var(--white);z-index:100;justify-content:space-between;align-items:center;padding:10px 15px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.header-left{align-items:center;gap:10px;display:flex}.location{align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.header-right{align-items:center;gap:10px;display:flex}.coins-badge{color:#fbc02d;background-color:#fff9c4;border:1px solid #fbc02d;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:700;display:flex}.trophy-icon{color:#f1c40f;font-size:20px}.container{box-sizing:border-box;max-width:100%;padding:15px}.top-services{background:#fff;border-radius:18px;justify-content:space-between;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 3px 12px #6c5ce714}.service-item{flex-direction:column;align-items:center;width:23%;display:flex}.service-icon{border:1px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:5px;display:flex;overflow:hidden}.service-icon img{object-fit:contain;width:100%;height:100%}.service-name{text-align:center;color:#555;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;overflow:hidden}.category-row{justify-content:space-between;gap:10px;margin-bottom:15px;display:flex}.category-card{background:#fff;border-radius:18px;width:48%;padding:10px;box-shadow:0 3px 12px #6c5ce714}.category-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.category-items{justify-content:space-between;display:flex}.sub-item{flex-direction:column;align-items:center;width:48%;display:flex}.sub-icon{border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:5px;display:flex;overflow:hidden}.sub-icon img{object-fit:cover;width:100%;height:100%}.sub-name{text-align:center;color:#555;font-size:10px}.shopping-section{background:#fff;border-radius:18px;margin-bottom:15px;padding:15px;box-shadow:0 3px 12px #6c5ce70f}.shopping-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.shopping-grid{justify-content:space-between;display:flex}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #f0edfa;border-radius:18px 18px 0 0;justify-content:space-around;width:100%;max-width:414px;padding:10px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #6c5ce71f}.nav-item{color:#999;flex-direction:column;align-items:center;font-size:10px;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-color)}.nav-icon{margin-bottom:3px;font-size:20px}.arrow-right{color:#888;font-size:12px}.overlay{z-index:998;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.overlay.active{display:block}.sidebar{z-index:999;background:#fff;width:280px;height:100%;transition:left .3s;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.active{left:0}.sidebar-header{background:linear-gradient(135deg,#6c5ce7 0%,#4834d4 100%);align-items:center;gap:15px;padding:20px;display:flex}.sidebar-header .user-info h3,.sidebar-header .user-info p{color:#fff}.user-avatar{border:2px solid #fff;border-radius:50%;width:60px;height:60px;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info h3{margin-bottom:5px;font-size:18px}.user-info p{color:#555;margin:0;font-size:14px}.sidebar-menu{padding:10px 0}.menu-item{color:#333;align-items:center;padding:15px 20px;font-size:16px;text-decoration:none;transition:background .1s;display:flex}.menu-item:hover{background:#f5f5f5}.menu-item i{color:#555;width:30px;font-size:18px}.menu-item span{flex-grow:1}.logout-item{margin-top:20px}.top-icons-row{background:#fff;border-radius:12px;justify-content:space-between;margin-bottom:15px;padding:15px 10px;display:flex;box-shadow:0 1px 3px #0000000d}.icon-item{text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:19%;display:flex}.icon-img-box{background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:5px;display:flex}.icon-img-box img{object-fit:contain;max-width:100%;max-height:100%;width:32px!important;height:32px!important}.icon-label{color:#444;font-size:10px;font-weight:500}.hero-banner{background-color:#f0f0f0;border-radius:12px;width:100%;height:180px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.hero-banner img{width:100%;height:100%;display:block;object-fit:cover!important}.hero-content{text-align:center;color:#fff;flex-direction:column;align-items:center;width:50%;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.hero-title{text-transform:uppercase;text-shadow:0 2px 4px #0000004d;margin-bottom:5px;font-size:24px;font-weight:800}.hero-subtitle{opacity:1;text-shadow:0 1px 2px #0000004d;margin-bottom:12px;font-size:12px}.hero-btn{color:#333;background:#f1c40f;border-radius:20px;padding:8px 20px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 2px 5px #0003}.insurance-banner{border-radius:12px;width:100%;height:140px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.insurance-banner img{object-fit:cover;width:100%;height:100%}.insurance-content{background:#fff;border-radius:8px;padding:10px;position:absolute;top:20px;left:20px;box-shadow:0 2px 5px #0000001a}.insurance-title{color:#333;margin-bottom:2px;font-size:14px;font-weight:700}.insurance-desc{color:#666;font-size:10px}.bottom-grid{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.grid-card{border-radius:10px;width:calc(50% - 5px);height:100px;position:relative;overflow:hidden}.grid-card img{object-fit:cover;width:100%;height:100%}.grid-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);width:100%;padding:10px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;display:flex}.section-title{color:#2d3436;font-size:18px;font-weight:800}.section-subtitle{color:#636e72;margin-top:-10px;margin-bottom:15px;padding:0 5px;font-size:12px}.scroll-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:15px;max-width:100%;padding:5px 5px 15px;display:flex;overflow:auto hidden}.scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-section{max-width:100%;overflow-x:hidden}.funzone-card{background:#f3e5f5;border-radius:16px;flex-direction:column;min-width:120px;padding:10px;text-decoration:none;transition:transform .2s;display:flex}.funzone-card:hover{transform:translateY(-3px)}.funzone-title{color:#2d3436;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;font-weight:600;overflow:hidden}.funzone-img{aspect-ratio:1;background:#dcdde1;border-radius:12px;width:100%;margin-bottom:10px;overflow:hidden}.funzone-img img{object-fit:cover;width:100%;height:100%}.funzone-btn{color:#fff;text-align:center;text-transform:uppercase;background:#00b894;border-radius:20px;width:100%;padding:8px 0;font-size:10px;font-weight:700;box-shadow:0 2px 5px #00b8944d}.nearby-categories-section .scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:12px;max-width:100%;padding:4px 15px 12px;display:flex;overflow:auto hidden}.nearby-categories-section .scroll-container::-webkit-scrollbar{display:none}.nearby-card{scroll-snap-align:start;color:#2d3436;box-sizing:border-box;background:#faf6f0;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;width:90px;min-width:90px;max-width:90px;padding:12px 8px 10px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000d}.nearby-card .nearby-img{background:#fff;border-radius:10px;flex-shrink:0;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;margin-bottom:8px;position:relative;overflow:hidden}.nearby-card .nearby-img img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.nearby-card-label{color:#2d3436;text-align:center;word-break:break-word;overflow-wrap:break-word;max-width:100%;font-size:11px;font-weight:600;line-height:1.2}.nearby-arrow{color:#2d3436;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 5px #0003}@media (width>=380px){.nearby-card{width:95px;min-width:95px;max-width:95px;padding:12px 10px 10px}.nearby-card .nearby-img{width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;margin-bottom:8px}.nearby-card-label{font-size:11px}}@media (width>=480px){.nearby-card{width:100px;min-width:100px;max-width:100px;padding:14px 10px 12px}.nearby-card .nearby-img{width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;margin-bottom:8px}.nearby-card-label{font-size:12px}}.nearby-title{color:#2d3436;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.nav-grid-section{grid-gap:20px 10px;background:#fff;border-radius:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:20px 10px;display:grid;box-shadow:0 3px 14px #6c5ce714}.nav-grid-item{text-align:center;flex-direction:column;align-items:center;text-decoration:none;display:flex}.nav-grid-icon-box{background:#f8f9fa;border:1px solid #f1f2f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;transition:transform .2s;display:flex}.nav-grid-item:hover .nav-grid-icon-box{background:#ede9fe;transform:scale(1.05)}.nav-grid-icon-box img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-grid-label{color:#555;font-size:10px;font-weight:500}.promo-banner-section{border-radius:20px;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:0 4px 15px #6c5ce733}.promo-banner-section img{object-fit:cover;width:100%;min-height:160px;display:block}.promo-content{color:#fff;width:60%;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.promo-title{text-shadow:0 2px 4px #0000004d;margin-bottom:5px;font-size:18px;font-weight:800}.promo-desc{opacity:.9;margin-bottom:12px;font-size:11px;line-height:1.4}.promo-btn{color:#6c5ce7;background:#fff;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 2px 5px #0003}.shopping-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;min-width:140px;padding:0 0 25px;text-decoration:none;display:flex;position:relative;overflow:hidden}.shopping-img{aspect-ratio:1;background:#f8f9fa;width:100%;position:relative}.shopping-img img{object-fit:cover;width:100%;height:100%}.shopping-logo{text-align:center;color:#e74c3c;padding:8px;font-size:14px;font-weight:700}.coupon-tag{color:#fff;text-align:center;background:#2ecc71;border-top-right-radius:8px;width:100%;padding:4px 0;font-size:10px;font-weight:700;position:absolute;bottom:0;left:0}.brands-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding:0 5px;display:grid}.brand-box{aspect-ratio:1.2;background:#fff;border:1px solid #eee;border-radius:12px;justify-content:center;align-items:center;padding:15px;display:flex}.brand-box img{object-fit:contain;object-fit:contain;width:100%;height:100%}.vertical-promo-section{justify-content:space-between;gap:10px;margin-bottom:20px;display:flex}.vertical-card{width:48%;color:inherit;background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000000d}.v-card-img{aspect-ratio:4/5;background:#f0f0f0;width:100%}.v-card-img img{object-fit:cover;width:100%;height:100%}.v-card-content{text-align:center;padding:10px}.v-card-title{color:#2d3436;margin-bottom:5px;font-size:14px;font-weight:700}.v-card-desc{color:#636e72;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.earn-more-section{background:#fff;border-radius:18px;margin-bottom:20px;padding:15px;box-shadow:0 3px 12px #6c5ce714}.earn-header{justify-content:flex-end;margin-bottom:15px;display:flex}.earn-badge{color:#2ecc71;background:#eafef1;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.earn-icons-row{justify-content:space-between;gap:15px;display:flex;overflow-x:auto}.earn-item{color:#2d3436;flex-direction:column;align-items:center;min-width:50px;text-decoration:none;display:flex}.earn-icon{background:#fff;border:1px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:5px;padding:10px;display:flex}.earn-icon img{object-fit:contain;width:100%;height:100%}.earn-label{text-align:center;font-size:10px;font-weight:600}.cat-blocks-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;display:grid}.cat-block{background:#fff;border-radius:18px;padding:15px;box-shadow:0 3px 12px #6c5ce714}.cat-block-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.cat-block-title{color:#2d3436;font-size:14px;font-weight:700}.cat-block-brands{justify-content:space-around;gap:10px;display:flex}.cat-brand-item{flex-direction:column;align-items:center;text-decoration:none;display:flex}.cat-brand-icon{background:#fff;border:1px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:5px;padding:2px;display:flex;overflow:hidden}.cat-brand-icon img{object-fit:contain;width:100%;height:100%}.cat-brand-name{color:#2d3436;text-align:center;font-size:9px;font-weight:600}header.home-header{z-index:100;padding:12px 15px 34px;display:block;position:sticky;top:0;box-shadow:0 4px 16px #4834d44d;color:#fff!important;background:linear-gradient(135deg,#6c5ce7 0%,#4834d4 100%)!important}header.home-header .home-header-row1{justify-content:space-between;align-items:center;display:flex}header.home-header .header-left{align-items:center;gap:12px;display:flex}header.home-header .header-left i.fa-bars,header.home-header .header-title,header.home-header .header-right i,header.home-header .header-right a,header.home-header .location-text,header.home-header .location-text i,header.home-header .location-edit,header.home-header .location-edit i{color:#fff!important}header.home-header .header-left i.fa-bars{cursor:pointer;font-size:20px}header.home-header .header-title{font-size:18px;font-weight:700}header.home-header .header-right{align-items:center;gap:14px;display:flex}header.home-header .header-right i{font-size:20px}header.home-header .header-right button{color:#fff!important;background:#fff3!important;border-color:#ffffff80!important}header.home-header .notif-wrap{position:relative}header.home-header .notif-badge{background:#4ade80;border:1.5px solid #4834d4;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}header.home-header .home-header-row2{border-top:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}header.home-header .location-text{flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}header.home-header .location-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header.home-header .location-edit{margin-left:8px;font-size:14px;text-decoration:none}.quick-access-section{z-index:150;background:#fff;border-radius:22px;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0;margin:-20px 15px 22px;padding:22px 12px 18px;position:relative;box-shadow:0 10px 26px #4834d429;flex-direction:row!important;display:flex!important}.quick-access-item{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;max-width:25%;display:flex;color:#2d3436!important;text-decoration:none!important}.quick-access-item:link,.quick-access-item:visited,.quick-access-item:hover,.quick-access-item:active{color:#2d3436!important;text-decoration:none!important}.quick-access-circle{background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;margin-bottom:12px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #6c5ce759}.quick-access-item:active .quick-access-circle{transform:scale(.94)}.quick-access-circle i{font-size:26px;color:#fff!important}.quick-access-circle img,.quick-access-circle img.quick-access-icon-img{object-fit:contain;width:30px;height:30px}.quick-access-label{text-align:center;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden;color:#2d3436!important}a.prepaid-banner-new{border-radius:20px;align-items:center;min-height:160px;margin:0 15px 20px;padding:20px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #4834d44d;background:linear-gradient(135deg,#4834d4 0%,#6c5ce7 100%)!important;text-decoration:none!important}a.prepaid-banner-new:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#fbbf2426 0%,#0000 40%);position:absolute;inset:0}a.prepaid-banner-new .prepaid-banner-content,a.prepaid-banner-new .prepaid-banner-content .intro,a.prepaid-banner-new .prepaid-banner-content h2,a.prepaid-banner-new .prepaid-banner-content .sub,a.prepaid-banner-new .prepaid-banner-content .tagline{color:#fff!important}.prepaid-banner-content{z-index:1;flex:1;position:relative}.prepaid-banner-content .intro{opacity:.95;margin-bottom:4px;font-size:12px}.prepaid-banner-content h2{letter-spacing:-.5px;margin:0 0 2px;font-size:26px;font-weight:800}.prepaid-banner-content .sub{opacity:.9;letter-spacing:1px;margin-bottom:8px;font-size:11px}.prepaid-banner-content .tagline{opacity:.9;margin-bottom:12px;font-size:12px}.prepaid-banner-content .btn-prepaid{background:#fbbf24;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 3px 10px #fbbf2466;color:#2d2b42!important}.prepaid-banner-img{z-index:1;flex-shrink:0;width:120px;position:relative}.prepaid-banner-img img{object-fit:contain;width:100%;height:auto;max-height:130px}.utilities-section{background:#f5f3fb;margin:0;padding:20px 15px 24px}.utilities-header{justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 2px;display:flex}.utilities-header .section-title{color:#2d3436;margin:0;font-size:18px;font-weight:800}.utilities-header .view-all{color:#636e72;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:flex}.utilities-grid{grid-template-columns:repeat(4,1fr);gap:18px 8px;display:grid}.utilities-item{color:#333;flex-direction:column;align-items:center;text-decoration:none;display:flex}.utilities-icon-wrap{background:#fff;border:1px solid #6c5ce70f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:8px;transition:transform .2s;display:flex;box-shadow:0 3px 10px #6c5ce71f}.utilities-item:active .utilities-icon-wrap{transform:scale(.94)}.utilities-icon-wrap img{object-fit:contain;width:28px;height:28px}.utilities-icon-wrap i{color:#555;font-size:22px}.utilities-label{color:#2d3436;text-align:center;font-size:11px;font-weight:600;line-height:1.2}.all-services-section{background:#f5f3fb;margin:0;padding:14px 14px 20px}.all-services-header{margin-bottom:12px;padding:0 2px}.all-services-header .section-title{color:#4834d4;font-size:18px;font-weight:800}.all-services-grid{grid-template-columns:repeat(4,1fr);gap:12px 8px;display:grid!important}.all-service-item{background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:12px 4px 10px;transition:transform .2s;box-shadow:0 2px 8px #6c5ce712;color:#1f2937!important;text-decoration:none!important;display:flex!important}.all-service-item:active{transform:scale(.96)}.all-service-item:visited,.all-service-item:hover,.all-service-item:active,.all-service-item:focus{color:#1f2937!important;text-decoration:none!important}.all-service-icon{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:8px;display:flex}.all-service-icon i{font-size:22px}.bg-soft-green i{color:#2e7d32}.bg-soft-cyan i{color:#2a9dad}.bg-soft-yellow i{color:#f39c12}.bg-soft-olive i{color:#7aa35a}.bg-soft-peach i{color:#ef7d00}.bg-soft-blue i{color:#3d86d1}.bg-soft-purple i{color:#8d5ac8}.all-service-label{text-align:center;font-size:11px;font-weight:600;line-height:1.2}.bg-soft-green{background:#d9ecd8}.bg-soft-cyan{background:#d3eef1}.bg-soft-yellow{background:#f5edcf}.bg-soft-olive{background:#e4ecd4}.bg-soft-peach{background:#f6e9d5}.bg-soft-blue{background:#d6e7f5}.bg-soft-purple{background:#e5d9f3}.local-services-card{background:0 0;border:none;border-radius:0;margin:0 0 20px;padding:2px 0 0}.local-services-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.local-services-header .section-title{color:#4834d4;font-size:17px;font-weight:800;line-height:1.2}.local-services-see-all{color:#6c5ce7;font-size:15px;font-weight:700;text-decoration:none}.local-services-see-all:visited,.local-services-see-all:hover,.local-services-see-all:focus,.local-services-see-all:active{color:#6c5ce7;text-decoration:none}.local-services-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.local-service-item{background:#f3f1fb;border:1px solid #ded9f5;border-radius:16px;align-items:center;gap:10px;min-height:74px;padding:11px 12px;display:flex;color:#1f2937!important;text-decoration:none!important}.local-service-name{word-break:break-word;font-size:13px;font-weight:700;line-height:1.25}.local-service-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex}.lsi-orange{color:#f39c12;background:#f8eccc}.lsi-blue{color:#3498db;background:#d9eefb}.lsi-cold{color:#3b82f6;background:#dce9fb}.lsi-pink{color:#cc3f7a;background:#f8dceb}.lsi-teal{color:#0f8ca1;background:#d7f0f3}.lsi-purple{color:#7a57cf;background:#e9e0fb}.lsi-cream{color:#ad7a32;background:#f4e8d9}.lsi-green{color:#3b9255;background:#e1f1e3}.promo-banners-scroll-outer{box-sizing:border-box;width:100%;max-width:414px;margin:0 auto;overflow:hidden}.promo-banners-scroll-wrap{box-sizing:border-box;width:100%;max-width:100%;padding:0 0 12px;overflow:hidden}.promo-banners-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;gap:10px;width:100%;max-width:100%;padding:0 12px 6px;display:flex;overflow:auto hidden}.promo-banners-scroll::-webkit-scrollbar{display:none}.promo-banner-card{scroll-snap-align:start;color:#fff;box-sizing:border-box;border-radius:10px;flex:none;min-height:78px;max-height:78px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;width:150px!important;min-width:150px!important;max-width:150px!important}.promo-banner-pattern{opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 4px,currentColor 4px 5px);position:absolute;inset:0}.promo-banner-inner{z-index:1;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-width:0;min-height:78px;padding:8px;display:flex;position:relative;overflow:hidden}.promo-banner-text{flex-direction:column;justify-content:center;gap:1px;min-width:0;display:flex;overflow:hidden}.promo-banner-title{text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:800;line-height:1.15}.promo-banner-title-sm{font-size:9px;font-weight:600;line-height:1.2}.promo-banner-sub{text-transform:uppercase;letter-spacing:.01em;font-size:9px;font-weight:700}.promo-banner-sub em{color:#b8ff30;font-style:normal}.promo-banner-tag{text-transform:uppercase;letter-spacing:.02em;background:#00000040;border-radius:8px;align-self:flex-start;margin-top:2px;padding:2px 6px;font-size:7px;font-weight:700;display:inline-block}.promo-banner-cta{text-transform:uppercase;letter-spacing:.02em;color:#fff;background:#e53935;border-radius:4px;align-self:flex-start;margin-top:2px;padding:3px 8px;font-size:8px;font-weight:700;display:inline-block;box-shadow:0 1px 4px #e5393559}.promo-banner-placeholder{background:#fff3;border:1px solid #ffffff59;border-radius:6px;flex-shrink:0;width:36px;min-width:36px;height:36px}.promo-banner-img-wrap{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:36px;max-height:36px;display:flex;overflow:hidden}.promo-banner-img-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.promo-banner--green{background:linear-gradient(135deg,#0d7a5e 0%,#0a5c47 100%)}.promo-banner--green .promo-banner-tag{color:#fff;background:#0000004d}.promo-banner--orange{background:linear-gradient(135deg,#ff8c42 0%,#e85a20 100%)}.promo-banner--orange .promo-banner-sub em{color:#fff}.nearby-partners-section{box-sizing:border-box;background:#f5f3fb;width:100%;max-width:414px;margin:0 auto;padding:16px 0 20px}.nearby-partners-header{justify-content:space-between;align-items:center;padding:0 15px 14px;display:flex}.nearby-partners-title{color:#2d3436;font-size:18px;font-weight:800}.nearby-partners-viewall{color:#636e72;align-items:center;gap:4px;font-size:14px;text-decoration:none;display:flex}.nearby-partners-viewall:hover{color:#2d3436}.nearby-partners-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;flex-wrap:nowrap;gap:12px;max-width:100%;padding:4px 15px 12px;display:flex;overflow:auto hidden}.nearby-partners-scroll::-webkit-scrollbar{display:none}.nearby-partner-card{scroll-snap-align:start;color:#2d3436;box-sizing:border-box;background:#faf6f0;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;width:90px;min-width:90px;max-width:90px;padding:12px 8px 10px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000d}.nearby-partner-img{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;margin-bottom:8px;display:flex;overflow:hidden}.nearby-partner-img img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.nearby-partner-label{color:#2d3436;text-align:center;word-break:break-word;overflow-wrap:break-word;max-width:100%;font-size:11px;font-weight:600;line-height:1.2}@media (width>=380px){.nearby-partner-card{width:95px;min-width:95px;max-width:95px;padding:12px 10px 10px}.nearby-partner-img{width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;margin-bottom:8px}.nearby-partner-label{font-size:11px}}@media (width>=480px){.nearby-partner-card{width:100px;min-width:100px;max-width:100px;padding:14px 10px 12px}.nearby-partner-img{width:60px;min-width:60px;max-width:60px;height:60px;min-height:60px;max-height:60px;margin-bottom:8px}.nearby-partner-label{font-size:12px}}@media (width>=380px){.promo-banner-card{width:165px;min-width:165px;max-width:165px;min-height:84px;max-height:84px}.promo-banner-inner{min-height:84px;padding:9px}.promo-banner-title{font-size:12px}.promo-banner-title-sm,.promo-banner-sub{font-size:10px}.promo-banner-tag{padding:2px 7px;font-size:8px}.promo-banner-cta{padding:4px 9px;font-size:9px}.promo-banner-placeholder{width:40px;min-width:40px;height:40px}.promo-banner-img-wrap{width:44px;min-width:44px;height:40px}}@media (width>=480px){.promo-banner-card{width:180px;min-width:180px;max-width:180px;min-height:90px;max-height:90px}.promo-banner-inner{min-height:90px;padding:10px}.promo-banner-title{font-size:13px}.promo-banner-title-sm,.promo-banner-sub{font-size:11px}.promo-banner-tag{font-size:9px}.promo-banner-cta{padding:5px 10px;font-size:10px}.promo-banner-placeholder{width:44px;min-width:44px;height:44px}.promo-banner-img-wrap{width:48px;min-width:48px;height:44px}}.floating-support-btn{left:unset!important;z-index:1050!important;direction:ltr!important;background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%)!important;border:3px solid #ffffffe6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:60px!important;height:60px!important;text-decoration:none!important;transition:transform .3s,box-shadow .3s!important;animation:2s ease-in-out infinite support-pulse!important;display:flex!important;position:fixed!important;bottom:100px!important;right:20px!important;box-shadow:0 6px 20px #6c5ce799,0 0 #6c5ce780!important}.floating-support-btn:hover{transform:scale(1.12)!important;box-shadow:0 8px 25px #6c5ce7b3,0 0 0 14px #6c5ce700!important}.floating-support-btn:hover .floating-support-icon{animation:.5s support-bounce!important}.floating-support-icon{color:#fff!important;font-size:26px!important;animation:3s ease-in-out infinite support-wiggle!important}@keyframes support-pulse{0%,to{box-shadow:0 6px 20px #6c5ce799,0 0 #6c5ce780}50%{box-shadow:0 8px 28px #6c5ce7cc,0 0 0 10px #6c5ce700}}@keyframes support-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes support-wiggle{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-8deg)}96%{transform:rotate(8deg)}}*{box-sizing:border-box;margin:0;padding:0}.auth-page{background:linear-gradient(135deg,#1a237e 0%,#283593 40%,#1565c0 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.auth-container{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{color:#1a237e;letter-spacing:.3px;margin-bottom:8px;font-size:26px;font-weight:700}.auth-header p{color:#757575;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#424242;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group input{color:#333;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:border-color .25s,box-shadow .25s}.form-group input:focus{background:#fff;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}.form-group input::placeholder{color:#bdbdbd;font-size:13px}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.toggle-password{cursor:pointer;color:#9e9e9e;font-size:15px;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-password:hover{color:#1a237e}.btn-submit{color:#fff;cursor:pointer;letter-spacing:.4px;background:linear-gradient(135deg,#1a237e,#1565c0);border:none;border-radius:8px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.btn-submit:hover{opacity:.92;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-vendor-login{color:#1a237e;text-align:center;letter-spacing:.3px;background:0 0;border:1.5px solid #1a237e;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.btn-vendor-login:hover{color:#fff;background:#1a237e}.forgot-password{text-align:right;margin-top:14px}.forgot-password a{color:#1565c0;font-size:13px;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-footer{text-align:center;color:#757575;border-top:1px solid #f0f0f0;margin-top:26px;padding-top:20px;font-size:13.5px}.auth-footer a{color:#1a237e;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=480px){.auth-container{padding:30px 22px}.auth-header h2{font-size:22px}}.svc-page{background:#f6f4fc;max-width:414px;min-height:100vh;margin:0 auto;padding-bottom:30px}.svc-header{z-index:100;background:#6c5ce7;align-items:center;gap:12px;padding:14px 15px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.svc-header .svc-back{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.svc-header .svc-title{color:#fff;font-size:17px;font-weight:700}.svc-hero{color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);margin-bottom:16px;padding:18px 20px;position:relative;overflow:hidden}.svc-hero:after{content:"";background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.svc-hero .svc-hero-t{z-index:1;font-size:18px;font-weight:800;position:relative}.svc-hero p{opacity:.9;z-index:1;margin-top:3px;font-size:12px;position:relative}.svc-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;margin:0 15px 16px;padding:18px;box-shadow:0 2px 10px #0000000d}.svc-fg{margin-bottom:14px}.svc-label{color:#7b869a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.svc-input{background:#f8f9fc;border:1px solid #dce4ef;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.svc-input:focus{background:#fff;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc711a}select.svc-input{appearance:auto}.svc-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s;box-shadow:0 4px 14px #2ecc7159}.svc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.svc-result{border-radius:12px;margin:0 15px 16px;padding:14px;font-size:14px;font-weight:600}.svc-result.ok{color:#1a9e55;background:#f0fff6;border:1px solid #b2e8c9}.svc-result.pending{color:#b7791f;background:#fff8e1;border:1px solid #f6e0a3}.svc-result.err{color:#c0392b;background:#fdecea;border:1px solid #f5c6cb}.svc-hint{text-align:right;margin-top:6px}.svc-hint a{color:#2ecc71;font-size:11px;font-weight:600;text-decoration:none}.svc-bill-box{background:#fff;border:1px solid #b2e8c9;border-radius:12px;margin:0 15px 16px;padding:14px}.svc-bill-box .row{color:#4b586d;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.svc-bill-box .row b{color:#1d2433}.mt-topbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:13px 15px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.mt-topbar-left{align-items:center;gap:10px;display:flex}.mt-topbar-back{color:#333;cursor:pointer;font-size:18px}.mt-topbar-title{color:#333;font-size:18px;font-weight:800}.mt-hero{color:#fff;background:linear-gradient(135deg,#1d6b1d 0%,#2ecc71 100%);border-radius:15px;justify-content:space-between;align-items:center;margin:15px;padding:15px;display:flex;box-shadow:0 4px 10px #2ecc714d}.mt-hero-name{font-size:18px;font-weight:800}.mt-hero-mobile{opacity:.9;margin-top:2px;font-size:13px}.mt-hero-id-label{opacity:.9;text-align:right;font-size:12px}.mt-hero-id-val{color:gold;text-align:right;font-size:16px;font-weight:800}.mt-action-row{justify-content:center;gap:40px;margin-bottom:20px;display:flex}.mt-action-btn{text-align:center;color:#2d3436;cursor:pointer;background:0 0;border:none}.mt-action-icon{background:#fff;border:1px solid #2ecc71;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 5px;display:flex;box-shadow:0 2px 5px #0000000d}.mt-action-icon i{color:#2ecc71;font-size:24px}.mt-action-label{font-size:11px;font-weight:700}.mt-wallet-card{text-align:center;background:#fff;border:1px solid #e1e9eb;border-radius:12px;margin:0 15px 15px;padding:20px;box-shadow:0 2px 5px #0000000d}.mt-wallet-top{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mt-wallet-top i{color:#333;font-size:28px}.mt-wallet-title{color:#2d3436;font-size:18px;font-weight:800}.mt-wallet-actions{justify-content:space-around;display:flex}.mt-wallet-btn{color:#2d3436;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.mt-shopping-note{color:#558b2f;margin:12px 0 0;font-size:11px;line-height:1.45}.mt-income-card{color:#fff;cursor:pointer;border:1px solid #fff;border-radius:10px;margin:10px 15px;padding:12px 16px}.mt-income-label{color:#ffffffe6;margin-bottom:5px;font-size:13px;font-weight:500}.mt-income-amount{font-size:24px;font-weight:800}.mt-earn-hero{text-align:center;color:#fff;background:linear-gradient(160deg,#4caf7d 0%,#1e8e4f 100%);border-radius:14px;margin:15px 15px 12px;padding:28px 20px;box-shadow:0 6px 16px #1e8e4f40}.mt-earn-hero-label{opacity:.95;font-size:14px;font-weight:600}.mt-earn-hero-value{margin:8px 0;font-size:42px;font-weight:800}.mt-earn-hero-sub{opacity:.9;font-size:13px}.mt-earn-mpay{color:#fff;background:linear-gradient(120deg,#fdbb2d 0%,#f7941e 100%);border-radius:14px;justify-content:space-between;align-items:center;margin:0 15px 12px;padding:18px 20px;display:flex;box-shadow:0 6px 16px #f7941e40}.mt-earn-mpay-left{align-items:center;gap:12px;display:flex}.mt-earn-mpay-icon{opacity:.95;font-size:26px}.mt-earn-mpay-value{font-size:22px;font-weight:800}.mt-earn-mpay-label{opacity:.9;margin-top:2px;font-size:12px}.mt-earn-mpay-right{text-align:right}.mt-earn-mpay-eq{font-size:20px;font-weight:800}.mt-earn-mpay-cashlabel{opacity:.9;margin-top:2px;font-size:12px}.mt-earn-grid{grid-template-columns:1fr 1fr;gap:12px;margin:0 15px 15px;display:grid}.mt-earn-card{text-align:center;background:#fff;border-left:4px solid #ccc;border-radius:12px;padding:18px 14px;box-shadow:0 2px 8px #0000000f}.mt-earn-card-blue{border-left-color:#2f80ed}.mt-earn-card-purple{border-left-color:#9b51e0}.mt-earn-card-orange{border-left-color:#f2994a}.mt-earn-card-red{border-left-color:#eb5757}.mt-earn-card-value{color:#2d3436;font-size:19px;font-weight:800}.mt-earn-card-label{color:#7f8c8d;margin-top:6px;font-size:12px;font-weight:600}.mt-bonus-widget{color:#fff;background:linear-gradient(135deg,#1a2980 0%,#26d0ce 100%);border-radius:10px;margin:10px 15px;padding:12px 16px}.mt-bonus-bar-wrap{background:#00000026;border-radius:8px;margin-bottom:8px;padding:10px 12px}.mt-bonus-bar-row{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.mt-bonus-bar-track{background:#ffffff40;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.mt-bonus-bar-fill{background:#fff;border-radius:4px;width:0%;height:100%}.mt-section-header{color:#2d3436;border-left:3px solid #00b894;margin:10px 15px;padding-left:10px;font-size:16px;font-weight:700}.mt-stat-card{background:#fff;border:1px solid #e1e9eb;border-radius:12px;justify-content:space-between;align-items:center;margin:10px 15px;padding:15px;display:flex;box-shadow:0 2px 5px #00000005}.mt-stat-label{font-size:14px;font-weight:600}.mt-stat-value-label{color:#7f8c8d;font-size:11px;display:block}.mt-stat-value{color:#333;font-size:16px;font-weight:700}.mt-team-card{color:#fff;border-radius:15px;margin:15px;padding:15px;box-shadow:0 4px 10px #00b89433}.mt-team-header{margin-bottom:10px;font-size:16px;font-weight:700}.mt-team-stats-row{text-align:center;justify-content:space-between;display:flex}.mt-ts-item{flex:1}.mt-ts-label{opacity:.9;font-size:11px}.mt-ts-val{margin-top:5px;font-size:16px;font-weight:700}.mtd-summary{color:#fff;border-radius:15px;margin:15px;padding:18px;box-shadow:0 4px 10px #00b89433}.mtd-summary-label{opacity:.9;font-size:13px;font-weight:600}.mtd-summary-value{margin-top:4px;font-size:30px;font-weight:800}.mtd-card{background:#fff;border:1px solid #e1e9eb;border-radius:12px;margin:0 15px 10px;padding:14px;box-shadow:0 2px 5px #0000000d}.mtd-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mtd-name{color:#2d3436;font-size:15px;font-weight:700}.mtd-meta{color:#7f8c8d;margin-top:2px;font-size:12px}.mtd-level{color:#00b894;margin-top:4px;font-size:11px;font-weight:700}.mtd-pill{text-transform:uppercase;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.mtd-pill-active{color:#155724;background:#d4edda}.mtd-pill-inactive{color:#721c24;background:#f8d7da}.mtd-grid{color:#636e72;border-top:1px solid #f2f2f2;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding-top:10px;font-size:12px;display:grid}.mtd-grid-label{color:#b2bec3;margin-right:4px}.mtd-empty{text-align:center;color:#999;background:#fff;border:1px solid #e1e9eb;border-radius:14px;margin:15px;padding:32px 20px}.mtd-empty i{opacity:.4;margin-bottom:8px;font-size:30px;display:block}.mtd-loading{text-align:center;color:#999;padding:30px;font-size:13px}.mtd-pagination{justify-content:center;align-items:center;gap:14px;margin:6px 15px 20px;display:flex}.mtd-page-btn{color:#00b894;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.mtd-page-btn:disabled{color:#bbb;cursor:default}.mtd-page-label{color:#7f8c8d;font-size:13px;font-weight:600}.mt-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mt-modal-box{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:90vh;padding:20px;overflow:auto}.mt-modal-close{cursor:pointer;background:0 0;border:none;font-size:24px}.mt-modal-label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.mt-modal-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:10px}.mt-modal-submit{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700}