:root{--primary:#00838f;--primary-container:#e0f7fa;--on-primary:#fff;--on-primary-container:#1e1e1e;--secondary:#1fc990;--on-secondary:#fff;--bg:#e0f7fa;--surface:#fff;--surface-variant:#f5f5f5;--text:#1e1e1e;--text-secondary:#546e7a;--error:#ba1a1a;--error-container:#ffdad6;--border:#0000001f;--divider:#00000014;--shadow:0px 2px 5px #0000001a;--card-gradient:linear-gradient(180deg, #e0f7fa, #e0f7fa80);--appbar-bg:#00838f;--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:17.6px/145% var(--sans);letter-spacing:.16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--primary:#4ddadb;--primary-container:#15303a;--on-primary:#003737;--on-primary-container:#e0f7fa;--secondary:#1fc990;--on-secondary:#003737;--bg:#0b141a;--surface:#111b21;--surface-variant:#1f2c34;--text:#e9edef;--text-secondary:#8696a0;--error:#ffb4ab;--error-container:#93000a;--border:#ffffff14;--divider:#ffffff14;--shadow:0px 2px 5px #0006;--card-gradient:linear-gradient(180deg, #0d2a2e, #111b2180);--appbar-bg:#16242c}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:#4ddadb;--primary-container:#15303a;--on-primary:#003737;--on-primary-container:#e0f7fa;--secondary:#1fc990;--on-secondary:#003737;--bg:#0b141a;--surface:#111b21;--surface-variant:#1f2c34;--text:#e9edef;--text-secondary:#8696a0;--error:#ffb4ab;--error-container:#93000a;--border:#ffffff14;--divider:#ffffff14;--shadow:0px 2px 5px #0006;--card-gradient:linear-gradient(180deg, #0d2a2e, #111b2180);--appbar-bg:#16242c}}*,:before,:after{box-sizing:border-box}body{height:100svh;margin:0;overflow:hidden}#root{width:100%;max-width:768px;height:100svh;box-shadow:var(--shadow);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}h1,h2,h3{font-family:var(--sans);color:var(--text);margin:0;font-weight:600}p{color:var(--text-secondary);margin:0}a{color:var(--primary);text-decoration:none}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans)}.login-page{background:var(--surface);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:100svh;display:flex;overflow-y:auto}.login-lang-btn{cursor:pointer;flex-direction:column;align-items:center;gap:0;margin-left:6px;display:flex}.login-content{flex-direction:column;align-items:center;width:100%;max-width:420px;padding:32px 16px 48px;display:flex}.login-logo{width:120px;height:120px;box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.login-logo-img{object-fit:contain;width:100%;height:100%}.login-instructions{color:var(--text-secondary);text-align:center;margin:16px 0 4px;font-size:15px}.login-form{flex-direction:column;width:100%;display:flex}.login-error{color:var(--error);text-align:center;margin:4px 16px;font-size:13px}.login-error-link{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}.login-consumer-error{flex-direction:column;align-items:center;gap:10px;display:flex}.login-play-badge-link{line-height:0;display:inline-block}.login-play-badge{width:auto;height:48px;display:block}.login-row{justify-content:space-between;align-items:center;margin:8px 8px 8px 0;display:flex}.login-forgot-link{color:inherit;text-underline-offset:2px;font-size:13px;text-decoration:underline}.login-buttons{gap:12px;margin-top:16px;display:flex}.login-btn{flex:1}.login-dealer-toggle{color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin-top:24px;padding:8px;font-size:13px;text-decoration:underline}.login-footer{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding-top:48px;display:flex}.login-footer-copyright{color:var(--text-secondary);font-size:12px}.fp-page{background:var(--bg);flex-direction:column;flex:1;min-height:100svh;display:flex;overflow-y:auto}.fp-content{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:0 auto;padding:32px 16px 48px;display:flex}.fp-logo{background:var(--primary-container,#e0f7fa);width:96px;height:96px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;padding:10px;display:flex;overflow:hidden}.fp-logo-img{object-fit:contain;width:100%;height:100%}.fp-instructions{color:var(--text-secondary);text-align:center;margin:12px 0 16px;font-size:15px}.fp-form{flex-direction:column;width:100%;display:flex}.fp-error{color:var(--error);margin:4px 0;font-size:13px}.fp-otp-section{margin-top:12px}.fp-password-section{flex-direction:column;margin-top:8px;display:flex}.fp-back-link{color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin-top:28px;padding:8px;font-size:13px;text-decoration:underline}.fp-success{text-align:center;flex-direction:column;align-items:center;padding:32px 16px;display:flex}.fp-success-title{color:var(--text);margin:16px 0 8px;font-size:22px;font-weight:700}.fp-success-msg{color:var(--text-secondary);margin:0;font-size:15px}.signup-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow-y:auto}.signup-content{width:100%;max-width:420px;margin:0 auto;padding:0 0 48px}.signup-form{flex-direction:column;padding:16px 16px 0;display:flex}.signup-section{margin-bottom:8px}.signup-section-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500}.req-star{color:var(--error)}.signup-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.signup-toggle-btn{border:1.5px solid var(--divider);background:var(--surface);min-width:80px;color:var(--text);cursor:pointer;border-radius:24px;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.signup-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.signup-field-error{color:var(--error);margin:-2px 14px 4px;font-size:12px}.signup-otp-section{background:var(--surface);border:1px solid var(--divider);border-radius:12px;margin:4px 0 8px;padding:12px}.signup-otp-verified{color:var(--secondary);align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.signup-link-btn{color:var(--primary);text-underline-offset:2px;cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:4px;padding:4px 0;font-family:inherit;font-size:13px;text-decoration:underline}.signup-userid-row{align-items:flex-start;gap:8px;display:flex}.signup-userid-input{flex:1}.signup-autogen-btn{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;margin-top:10px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.signup-autogen-btn:disabled{opacity:.4;cursor:not-allowed}.signup-suggestion{color:var(--text-secondary);align-items:center;gap:8px;margin:-2px 14px 6px;font-size:12px;display:flex}.signup-use-btn{color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline}.signup-checkboxes{flex-direction:column;gap:4px;margin-top:12px;display:flex}.signup-submit-error{color:var(--error);text-align:center;margin:8px 0;font-size:13px}.signup-footer{text-align:center;padding-top:32px}.signup-footer-copyright{color:var(--text-secondary);font-size:12px}.signup-success{text-align:center;flex-direction:column;align-items:center;padding:64px 32px;display:flex}.signup-success-title{color:var(--text);margin:16px 0 8px;font-size:22px;font-weight:700}.signup-success-msg{color:var(--text-secondary);margin:0;font-size:15px}.ri-desc{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.ri-success{color:var(--secondary);text-align:center;padding:16px 0;font-size:15px}.otp-widget{flex-direction:column;gap:4px;display:flex}.otp-widget--verified{flex-direction:row;align-items:center;padding:4px 0}.otp-widget-error{color:var(--error);margin:0 0 4px;font-size:13px}.ro-not-set-link{animation:1s ease-in-out infinite alternate ro-not-set-pulse}@keyframes ro-not-set-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.home-page{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.home-scroll{overscroll-behavior-y:contain;flex:1;padding-bottom:16px;overflow-y:auto}.home-bottom-spacer{height:64px}.profile-page{background:var(--surface);flex-direction:column;flex:1;display:flex}.profile-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.aft-page{background:var(--bg);flex-direction:column;flex:1;display:flex}.aft-page-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.aft-dialog-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;gap:0;display:flex}.aft-dialog-scroll .MuiTextField-root,.aft-dialog-scroll .MuiFormControl-root{width:100%}.aft-dialog-scroll .MuiChip-root{transition:all .2s}.manage-addresses-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.manage-addresses-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.manage-outlets-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.manage-outlets-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.mft-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.mft-scroll{flex:1;padding-bottom:24px;overflow-y:auto}.psp-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.psp-scroll{flex:1;padding-bottom:24px;overflow-y:auto}.mpu-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.mpu-scroll{flex:1;padding-bottom:24px;overflow-y:auto}.ddp-page{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex;overflow:hidden}.ddp-scroll{flex:1;padding-bottom:24px;overflow-y:auto}.mg-page{background:var(--bg);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.mg-scroll{overscroll-behavior-y:contain;flex:1;padding-bottom:80px;overflow-y:auto}.mg-category-img{object-fit:contain;background-color:var(--primary-container);border-radius:8px;flex-shrink:0;width:52px;height:52px}.mg-image-preview{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:80px;height:80px;margin-bottom:8px;display:block}.mbc-page{background:var(--bg);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.mbc-scroll{overscroll-behavior-y:contain;flex:1;padding-bottom:80px;overflow-y:auto}.edit-profile-page{flex-direction:column;flex:1;display:flex}.edit-profile-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.rr-page{background:var(--surface);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.rr-scroll{overscroll-behavior-y:contain;flex:1;padding-bottom:80px;overflow-y:auto}.rr-search-row{align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.rr-search-btn{background-color:var(--primary-container)!important;border:1.5px solid var(--primary)!important;border-radius:12px!important;flex-shrink:0!important;width:40px!important;height:40px!important}.rr-search-btn:disabled{opacity:.5;background-color:var(--surface)!important}.rr-gift-card{cursor:pointer;transition:opacity .15s;border-bottom:3px solid #0000!important}@keyframes rr-border-pulse{0%{border-color:var(--secondary);box-shadow:0 0 0 1.5px var(--secondary)}50%{border-color:var(--primary);box-shadow:0 0 0 2.5px var(--primary)}to{border-color:var(--secondary);box-shadow:0 0 0 1.5px var(--secondary)}}.rr-gift-card--selected{animation:2.4s ease-in-out infinite rr-border-pulse}.rr-gift-card--disabled{opacity:.45;pointer-events:none}.rc-fixed-type{cursor:default;flex:unset;min-width:120px}.rc-info-box{background:var(--primary-container);color:var(--text-secondary);border-radius:10px;margin:2px 0 10px;padding:10px 14px;font-size:13px;line-height:1.65}.rc-info-box p{margin:0}.rc-info-box p+p{margin-top:2px}.rc-userid-display{border:1.5px solid var(--divider);background:var(--surface);border-radius:12px;align-items:center;min-height:52px;padding:14px 16px;font-family:inherit;font-size:14px;display:flex}.rc-userid-generating{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.rc-userid-value{color:var(--text);letter-spacing:.3px;align-items:center;font-size:16px;font-weight:600;display:flex}.rc-userid-placeholder{color:var(--text-secondary);font-size:13px;font-style:italic}.rc-success-userid{background:var(--primary-container);text-align:center;box-sizing:border-box;border-radius:14px;width:100%;margin:20px 0 4px;padding:14px 24px}.rc-success-userid-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;display:block}.rc-success-userid-value{color:var(--primary);letter-spacing:.5px;font-size:22px;font-weight:700;display:block}.rc-success-actions{width:100%;margin-top:16px;padding:0 8px}.campaigns-page{background:var(--surface);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.campaigns-scroll{flex:1;overflow-y:auto}.create-campaign-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.create-campaign-scroll{flex:1;padding-bottom:80px;overflow-y:auto}.analytics-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.analytics-scroll{flex:1;overflow-y:auto}.txn-page{background:var(--surface);flex-direction:column;height:100%;display:flex;overflow:hidden}.txn-tabs-root{flex-shrink:0}.txn-panels{flex:1;min-height:0;position:relative;overflow:hidden}.txn-panels-track{will-change:transform;position:absolute;inset:0}.txn-tab-scroll{flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.txn-consumer-layout{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.txn-consumer-header{flex-shrink:0}.txn-consumer-scroll{flex:1;min-height:0;overflow-y:auto}@keyframes txn-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes txn-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.txn-slide-from-right{animation:.22s ease-out txn-slide-from-right}.txn-slide-from-left{animation:.22s ease-out txn-slide-from-left}.sc-overlay{z-index:1400;background:#000000e0;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px 12px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.sc-content{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding-top:40px;display:flex;position:relative}.sc-close-btn{top:0;right:0;color:#ff5252!important;background:#ffffff1a!important;position:absolute!important}.sc-card-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sc-card-scene{perspective:900px;width:280px;height:177px}.sc-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sc-card-inner--flipped{transform:rotateY(180deg)}.sc-card-face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.sc-card-back{transform:rotateY(180deg)}.sc-card-img{object-fit:cover;width:100%;height:100%;display:block}.sc-hand-wrapper{pointer-events:none;position:absolute;top:-4px;right:-16px}@keyframes sc-tap{0%{transform:translateY(0)scale(1)}50%{transform:translateY(14px)scale(.88)}to{transform:translateY(0)scale(1)}}.sc-hand{filter:drop-shadow(0 2px 6px #0009);color:#fff!important;font-size:40px!important}.sc-hand--animate{animation:.6s cubic-bezier(.4,0,.2,1) infinite sc-tap}.sc-flip-hint{letter-spacing:.03em;color:#ffffffb3!important}.sc-instructions{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:12px 14px;display:flex}.sc-instructions-title{color:#ffffffe6!important;font-weight:600!important;line-height:1.4!important}.sc-instructions-step{color:#ffffffbf!important;line-height:1.5!important}.cqr-tab{flex-direction:column;gap:0;padding:12px 12px 24px;display:flex}.cqr-card{border:2px solid var(--primary);background:var(--primary-container);border-radius:12px;padding:12px 12px 8px}.cqr-section-title{padding:0 2px 8px;color:var(--text)!important;text-align:center!important;font-weight:600!important;display:block!important}.cqr-search-row{align-items:center;gap:8px;display:flex}.cqr-search-btn{background-color:var(--primary-container)!important;border:1.5px solid var(--primary)!important;border-radius:12px!important;flex-shrink:0!important;width:40px!important;height:40px!important}.cqr-search-btn:disabled{background-color:var(--surface)!important;opacity:.5!important}.cqr-result{border-top:1px solid var(--divider);flex-direction:column;align-items:stretch;gap:12px;margin-top:12px;padding-top:12px;display:flex}.cqr-qr-center{justify-content:center;padding:12px 0;display:flex}.cqr-qr-wrapper{flex-shrink:0;position:relative;overflow:visible}.cqr-qr-img{width:auto;height:160px;display:block}.cqr-qr-placeholder{border-radius:2px;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.cqr-action-btn{z-index:1;background:var(--surface)!important;border:1.5px solid var(--border)!important;border-radius:8px!important;width:28px!important;height:28px!important;position:absolute!important}.cqr-action-btn--tl{top:-12px;left:-12px}.cqr-action-btn--tr{top:-12px;right:-12px}.cqr-name-pos{width:100%}.cqr-consumer-name{color:var(--text)!important;font-weight:600!important}.cqr-sample-row{justify-content:flex-end;padding:10px 0 0;display:flex}.cqr-sample-btn{color:var(--text-secondary)!important;border-color:var(--border)!important}.ic-wrap{flex-direction:column;align-items:center;display:flex}.ic-root{aspect-ratio:4/5;touch-action:pan-y;background:var(--surface);border-radius:12px;width:100%;position:relative;overflow:hidden}.ic-img{cursor:zoom-in}.ic-slide{width:100%;height:100%}.ic-img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@keyframes ic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ic-shimmer{background:linear-gradient(90deg, var(--surface) 25%, var(--bg) 50%, var(--surface) 75%);background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite ic-shimmer}.ic-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.ic-dot{border:1.5px solid var(--primary);cursor:pointer;pointer-events:all;background:0 0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.ic-dot--active{background:var(--primary)}.gs-card{border-color:var(--primary)!important;border-width:2px!important}.gs-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 12px 14px;display:flex}.gs-header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:10px}.gs-title{flex:1;min-width:0;font-weight:600!important}.gs-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.gs-pdf-btn{white-space:nowrap;padding:3px 8px!important;font-size:12px!important}.gs-chevron{color:var(--text-secondary);flex-shrink:0}.gs-carousel-container{padding:4px 12px 16px}.gs-msg{text-align:center;padding:24px 0;color:var(--text-secondary)!important}.os-card{border-color:var(--primary)!important;border-width:2px!important}.os-content{flex-direction:column;gap:6px;display:flex}.os-title{font-weight:600!important}.os-subtitle{color:var(--text-secondary)!important;line-height:1.5!important}.os-download-btn{margin-top:4px!important}.mkt-tab{flex-direction:column;gap:12px;padding:12px 12px 24px;display:flex}.dl-page{background:var(--surface);flex-direction:column;height:100%;display:flex;overflow:hidden}.dl-tabs-root{flex-shrink:0}.dl-panels{flex:1;min-height:0;position:relative;overflow:hidden}.dl-panels-track{will-change:transform;position:absolute;inset:0}@keyframes dl-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes dl-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.dl-slide-from-right{animation:.22s ease-out dl-slide-from-right}.dl-slide-from-left{animation:.22s ease-out dl-slide-from-left}.app-loading{min-height:100svh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}.app-placeholder{min-height:100svh;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.app-placeholder h2{margin-bottom:8px}.app-shell{background:var(--surface);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.app-shell-content{flex:1;min-height:0;position:relative;overflow-y:auto}.app-shell-icon-btn{cursor:pointer;flex-direction:column;align-items:center;gap:0;margin-left:6px;display:flex}