*{box-sizing:border-box}body{margin:0;color:#293e2d;background:#edf0e6;font-family:Tahoma,'Segoe UI',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b5a168;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.design-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;max-width:1180px;margin:auto;padding:35px 40px}.intro{padding:20px 0}.intro .wordmark{display:flex;align-items:center;gap:14px;margin-bottom:36px}.intro .wordmark img{width:88px;height:88px;object-fit:contain}.wordmark b{display:block;font:39px Georgia;color:#8b7744}.wordmark small{font:9px Arial;letter-spacing:3px;color:#8a957d}.overline{font-size:10px;letter-spacing:2.3px;color:#9c8a56;margin:0 0 15px}.intro h1{font-size:40px;line-height:1.7;max-width:520px;margin:0 0 18px}.intro>p{font-size:15px;line-height:2;color:#7b896f;max-width:490px}.demo-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #d5ddc7;border-radius:20px;color:#809068;font-size:10px;margin:10px 0 24px}.dot{width:6px;height:6px;background:#9baf76;border-radius:50%;display:inline-block}.screen-picks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;max-width:480px}.screen-picks button{padding:10px 15px;background:#f8faf4;color:#738360;border:1px solid #dce3d1;border-radius:7px;font-size:12px}.screen-picks button.active{background:#304b35;color:#fff;border-color:#304b35}.intro-note{border-inline-start:2px solid #c5b378;padding:7px 17px;color:#8b957b;font-size:12px;line-height:1.9;max-width:470px}.device{width:400px;max-width:100%;height:min(860px,calc(100dvh - 60px));min-height:680px;border-radius:43px;border:8px solid #26372c;background:#f7f8f2;box-shadow:0 30px 80px #283b2726,0 4px 15px #283b271a;overflow:hidden;position:relative;display:flex;flex-direction:column;margin:auto}.statusbar{height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;position:relative;padding:7px 22px 0;font:11px Arial;color:#32412e}.camera{width:78px;height:20px;border-radius:20px;background:#26372c;position:absolute;top:0;left:50%;transform:translateX(-50%)}.status-icons{display:flex;gap:5px;align-items:center}.status-icons svg{width:13px;height:13px}.app-header{padding:14px 19px 12px;display:flex;align-items:center;justify-content:space-between;flex:none}.app-wordmark{display:flex;align-items:center;gap:9px}.app-wordmark img{width:47px;height:47px;object-fit:contain}.app-wordmark span{font:24px Georgia;color:#897744;line-height:1}.app-wordmark small{font:7px Arial;letter-spacing:1.5px;display:block;margin-top:7px;color:#929d82}.icon-button{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e7d5;border-radius:12px;background:#fff;color:#6e8059;position:relative}.icon-button svg{width:18px;height:18px}.mini-dot{position:absolute;top:6px;right:7px;width:5px;height:5px;background:#bca266;border:1px solid white;border-radius:50%}.header-actions{display:flex;gap:7px;align-items:center}.language{font-size:10px;color:#7e8c6c;background:transparent;padding:5px}.app-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 18px 22px;scrollbar-width:thin;scrollbar-color:#d9e0ce transparent}.greeting{display:flex;justify-content:space-between;align-items:center;margin:4px 0 19px}.greeting p{font-size:12px;color:#929b85;margin:0 0 7px}.greeting h2{font-size:22px;font-weight:600;margin:0}.avatar{width:42px;height:42px;border-radius:15px;background:#e7ecdc;display:flex;align-items:center;justify-content:center;color:#86986b;border:1px solid #dbe3cd}.avatar svg{width:23px;height:23px}.balance-card{background:radial-gradient(ellipse at 0 0,#63754a,transparent 72%),#263e2c;color:#f3eed9;border:1px solid #475b3c;border-radius:23px;padding:23px 23px 19px;position:relative;overflow:hidden}.balance-card:before,.balance-card:after{content:'';position:absolute;pointer-events:none;border:1px solid #87915a40;border-radius:50%;width:210px;height:210px;top:-110px;left:-68px}.balance-card:after{width:280px;height:280px;top:-145px;left:-103px}.balance-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ccd0b6}.balance-top .member{font:8px Arial;letter-spacing:1.3px;padding:5px 8px;background:#ffffff0b;border:1px solid #d2ce9750;border-radius:20px;color:#d5c58b}.balance-number{display:flex;align-items:baseline;gap:10px;margin:16px 0 7px;position:relative}.balance-number strong{font-size:51px;letter-spacing:-2px;font-family:'Segoe UI',Arial,sans-serif;line-height:1.2;color:#e1ce91;font-weight:600}.balance-number span{font-size:13px;color:#d0d4ba}.balance-value{font-size:11px;color:#b7c1a2;margin:8px 0 18px}.balance-divider{height:1px;background:#8d9c7040;margin:0 0 14px}.balance-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.balance-footer span{font-size:10px;color:#bec7aa}.balance-footer b{font-size:11px;color:#ddca8c;font-weight:400}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 21px}.quick-actions button{background:white;border:1px solid #dfe5d3;border-radius:14px;padding:15px 11px;text-align:start;display:flex;align-items:center;gap:10px;color:#4c6540;font-size:12px;font-weight:600}.action-icon{width:32px;height:32px;border-radius:11px;background:#f0f3e7;display:flex;align-items:center;justify-content:center;color:#8a9a6a;flex:none}.action-icon svg{width:19px;height:19px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 1px 12px}.section-head h3{font-size:15px;margin:0;font-weight:600}.section-head button{font-size:10px;background:transparent;color:#9c8c5b;padding:3px}.next-reward{border:1px solid #dee5ce;background:#f0f3e6;border-radius:16px;padding:16px 17px;display:flex;gap:13px;align-items:center}.next-icon{width:42px;height:42px;background:#e3e9d2;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#8f9e68;flex:none}.next-icon svg{width:22px;height:22px}.next-content{flex:1}.next-content b{font-size:12px;color:#5e7448;display:block;margin-bottom:5px}.next-content small{font-size:10px;color:#939d80;line-height:1.7;display:block}.progress{height:4px;background:#dce4ca;border-radius:5px;margin-top:10px;overflow:hidden}.progress span{display:block;height:100%;background:#9aab75;border-radius:5px}.activity-card{background:white;border:1px solid #e2e7d7;border-radius:16px;padding:0 14px}.activity-row{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #eef1e6}.activity-row:last-child{border:0}.activity-icon{width:35px;height:35px;border-radius:12px;background:#f0f4e7;display:flex;align-items:center;justify-content:center;color:#91a173;flex:none}.activity-icon svg{width:18px;height:18px}.activity-title{flex:1;font-size:12px;color:#526946}.activity-title small{display:block;font-size:9px;color:#a1a98f;margin-top:5px}.activity-points{font-size:13px;font-weight:600;color:#5d804b;direction:ltr}.activity-points.negative{color:#b39665}.app-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e4e8da;padding:11px 8px 17px;flex:none}.app-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#a0a98f;background:transparent;padding:3px}.app-nav svg{width:22px;height:22px}.app-nav button.active{color:#506c3d}.app-nav button.active .nav-icon{background:#edf2e4}.nav-icon{width:39px;height:29px;border-radius:12px;display:flex;align-items:center;justify-content:center}.app-safe{position:absolute;width:90px;height:4px;bottom:5px;left:50%;transform:translateX(-50%);background:#d5dbcb;border-radius:5px;pointer-events:none}.view-heading{margin:8px 0 22px}.view-heading h2{font-size:23px;margin:0 0 9px}.view-heading p{font-size:11px;color:#929d80;line-height:1.9;margin:0}.pill-row{display:flex;gap:8px;margin-bottom:18px}.pill-row button{background:#fff;border:1px solid #e1e7d5;color:#8b9877;padding:8px 15px;border-radius:20px;font-size:10px}.pill-row button.active{background:#344e36;border-color:#344e36;color:#fff}.month-label{font-size:10px;color:#9ba68b;margin:20px 0 12px}.reward-tile{background:#fff;border:1px solid #e0e7d2;border-radius:19px;padding:21px;margin-bottom:14px;position:relative;overflow:hidden}.reward-tile .reward-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.reward-badge{font-size:9px;background:#f4f1e4;border:1px solid #e7dfbf;color:#a58e52;border-radius:20px;padding:5px 9px}.reward-tile h3{font-size:34px;color:#425e33;margin:9px 0 7px;line-height:1.3}.reward-tile h3 small{font-size:13px;color:#8c9a77;font-weight:400}.reward-tile p{font-size:11px;color:#94a183;margin:0 0 18px}.primary{width:100%;background:#344f36;color:#fff;border:1px solid #344f36;border-radius:12px;font-size:12px;font-weight:600;padding:14px 15px;display:flex;gap:9px;align-items:center;justify-content:center}.primary svg{width:17px;height:17px}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{width:100%;border:1px solid #d9e3c7;border-radius:12px;background:#f3f6ec;color:#7d9162;padding:13px;font-size:11px}.rule-note{font-size:10px;color:#9ba488;line-height:1.9;text-align:center;margin:13px 3px 20px}.coupon{border:1px dashed #c3cea8;border-radius:15px;background:#f1f5e8;padding:18px;margin:15px 0}.coupon code{display:block;background:#fff;border:1px solid #e0e7d2;border-radius:8px;font-size:15px;color:#6d8552;text-align:center;padding:13px;user-select:all;margin:13px 0}.coupon small{font-size:10px;color:#93a179}.empty{background:#fff;border:1px dashed #dfe6cf;border-radius:15px;padding:27px 18px;text-align:center;color:#9aa58a;font-size:11px;line-height:1.9}.profile-card{background:white;border:1px solid #e0e6d3;border-radius:20px;text-align:center;padding:24px 15px;margin-bottom:18px}.profile-avatar{width:65px;height:65px;background:#edf1e2;border:1px solid #dbe4c9;border-radius:23px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;color:#8e9f70}.profile-avatar svg{width:33px;height:33px}.profile-card h3{font-size:18px;margin:0 0 8px}.profile-card p{font-size:11px;color:#97a382;margin:0 0 13px}.profile-chip{display:inline-block;font-size:9px;color:#9c8951;background:#f4f0df;border:1px solid #e9dfbd;border-radius:20px;padding:5px 12px}.profile-row{display:flex;align-items:center;gap:12px;padding:17px 15px;border-bottom:1px solid #eef1e7;font-size:12px;color:#71825d}.profile-row:last-child{border:0}.profile-row .text{flex:1}.profile-row small{display:block;font-size:10px;color:#a3ac95;margin-top:6px}.profile-row svg{width:18px;height:18px;color:#93a377}.profile-row button{padding:0;background:none;color:#99a581}.profile-list{background:#fff;border:1px solid #e1e7d4;border-radius:16px;overflow:hidden;margin-bottom:16px}.login-view{text-align:center;padding:16px 6px}.login-view>img{width:125px;height:125px;object-fit:contain;margin:5px auto 18px}.login-view .brand-name{font:33px Georgia;color:#9d8649;display:block;margin-bottom:8px}.login-view h2{font-size:23px;margin:16px 0 10px}.login-view p{font-size:12px;line-height:1.9;color:#929f7e;margin:0 0 25px}.login-form{text-align:start;margin-top:30px}.login-form label{display:block;font-size:11px;color:#8d9b7b;margin-bottom:16px}.login-form input{width:100%;margin-top:8px;padding:15px 14px;border:1px solid #dfe5d2;border-radius:12px;background:#fff;color:#8d9a7a;font-size:13px;outline:none}.preview-warning{background:#f2f0e5;border:1px solid #e4dfc8;border-radius:10px;padding:11px;font-size:9px;line-height:1.9;color:#a39363;text-align:center;margin:20px 0}.member-mini{display:flex;gap:10px;align-items:center;font-size:10px;color:#9ba68a;justify-content:center;margin:15px 0}.divider{height:1px;background:#e1e7d5;flex:1}.install-banner{display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #dfe6d1;border-radius:15px;margin-top:19px}.install-banner img{width:39px;height:39px;object-fit:contain}.install-banner div{flex:1}.install-banner b{font-size:11px;display:block;color:#71845b}.install-banner small{font-size:9px;color:#a1ac90;display:block;margin-top:5px}.install-banner button{font-size:10px;background:#edf2e3;color:#839769;border:1px solid #dce5cb;border-radius:8px;padding:8px 10px}.modal-backdrop{position:absolute;inset:0;background:#1e30279e;z-index:10;display:flex;align-items:end;backdrop-filter:blur(3px)}.sheet{background:#fbfcf7;border-radius:26px 26px 0 0;width:100%;padding:12px 25px 30px;animation:rise .25s ease-out}.handle{width:35px;height:4px;border-radius:5px;background:#dde3d2;margin:0 auto 22px}.sheet .sheet-img{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto 15px}.sheet h2{font-size:22px;text-align:center;margin:0 0 12px}.sheet p{font-size:12px;color:#8c9d77;line-height:1.9;text-align:center}.sheet .summary{padding:14px 0;border-top:1px solid #e1e7d5;border-bottom:1px solid #e1e7d5;margin:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8d9c78}.sheet .summary b{font-size:18px;color:#607a49}.sheet .secondary{margin-top:10px}.toast{position:absolute;bottom:88px;left:18px;right:18px;background:#263c2f;color:#ece7cf;border:1px solid #698055;border-radius:12px;z-index:20;padding:13px 15px;font-size:11px;line-height:1.8;text-align:center;box-shadow:0 8px 25px #23352429}.hide{display:none!important}.footer-note{font-size:9px;text-align:center;color:#acb49e;margin-top:22px}.app-main-actions{display:flex;gap:10px}.back-link{background:transparent;color:#91a078;font-size:10px;padding:6px 0;margin-bottom:12px}.extra-icon{width:24px;height:24px}.screen-chip{display:none}.signin-header{margin-top:6px}.pwa-state{font-size:8px;background:#f4f0df;color:#9e8e55;border:1px solid #e6dfc5;padding:3px 7px;border-radius:10px}.mobile-note{display:none}@keyframes rise{from{transform:translateY(30px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:950px){.design-shell{gap:35px;padding:30px;grid-template-columns:1fr 400px}.intro h1{font-size:30px}.intro .wordmark{margin-bottom:25px}.intro>p{font-size:13px}.device{height:min(820px,calc(100dvh - 60px))}}@media(max-width:720px){.design-shell{display:block;padding:0;min-height:100dvh}.intro{display:none}.device{width:100%;max-width:480px;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;margin:0 auto}.statusbar,.app-safe{display:none}.app-header{padding-top:max(15px,env(safe-area-inset-top))}.app-nav{padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobile-note{display:block;text-align:center;background:#edeedf;color:#a39566;font-size:9px;padding:5px 10px}.app-scroll{padding-top:10px}.balance-number strong{font-size:55px}.app-header{padding-bottom:15px}.toast{bottom:90px}body{background:#f7f8f2}}[dir=ltr] .intro h1{line-height:1.4}[dir=ltr] .greeting h2{font-size:21px}[dir=ltr] .activity-title{font-size:11px}[dir=ltr] .balance-number{direction:ltr}[dir=ltr] .login-form{text-align:left}
/* Operational customer app: approved mobile visual language */
body{background:#edf0e6}.live-app{max-width:480px;margin:auto;min-height:100dvh;background:#f7f8f2;box-shadow:0 0 80px #263c2e0d}.app-header{position:sticky;top:0;z-index:10;background:#f7f8f2ed;backdrop-filter:blur(12px);padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #e5e9db}.live-brand{display:flex;align-items:center;gap:10px}.live-brand img{width:52px;height:52px;object-fit:contain}.live-brand span{font:25px Georgia;color:#8b7744}.live-brand small{display:block;font:7px Arial;letter-spacing:1.3px}.header-tools{display:flex;align-items:center;gap:12px}.icon-btn{background:#fff;border:1px solid #e0e5d6;border-radius:12px;width:38px;height:38px;font-size:23px}.live-main{padding:20px 20px 100px}h1{font-size:25px;line-height:1.5}h2{font-size:17px}.sub,.caption{color:#7b896f;line-height:1.9}.caption{font-size:12px}.greeting{display:flex;align-items:center;justify-content:space-between}.greeting h1{margin:5px 0 20px}.greeting p{margin:0}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6ead8;font-size:26px}.balance-card{padding:25px;border-radius:24px;background:linear-gradient(125deg,#526b42,#263c2e);color:#f5edcc;box-shadow:0 14px 30px #263c2e20}.balance-top,.balance-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px}.balance-top small{font-size:8px;letter-spacing:1px}.points-number{font-size:56px;font-weight:700;line-height:1.4;margin-top:16px}.balance-bottom{border-top:1px solid #ffffff25;padding-top:17px;margin-top:22px;font-size:11px}.balance-bottom b{display:block;font-size:16px;margin-top:5px}.quick-actions{display:flex;gap:14px;margin:22px 0}.quick-actions a{flex:1;background:#fff;border:1px solid #e2e7d9;padding:18px 10px;text-align:center;border-radius:16px;font-size:13px;font-weight:bold}.quick-actions span{display:block;color:#8a7949;font-size:24px;margin-bottom:7px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.section-head a{font-size:12px;color:#8a7949}.next-reward{background:#edf0df;border:1px solid #dde3ca;border-radius:17px;padding:18px;font-size:14px}.next-reward p{color:#7b896f;font-size:12px;line-height:1.8}progress{width:100%;height:7px;accent-color:#9a8750}.history-list{background:#fff;border:1px solid #e3e7da;border-radius:17px;padding:0 14px}.history-row{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #eff1e8}.history-row:last-child{border:0}.history-row div{flex:1;min-width:0}.history-row b{display:block;font-size:12px;overflow-wrap:anywhere}.history-row small{display:block;color:#8a967b;font-size:10px;margin-top:7px}.history-icon{background:#eff2e6;padding:9px;border-radius:12px}.positive{color:#557c44}.negative{color:#a85c46}.history-row strong{font-size:17px}.install-banner{display:flex;gap:10px;align-items:center;padding:15px;background:#eaf0dd;border-radius:15px;margin-top:24px}.install-banner div{flex:1}.install-banner b{font-size:13px}.install-banner p{font-size:11px;color:#7b896f}.install-banner button{padding:10px 15px;border-radius:8px;background:#344d35;color:#fff}.live-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e0e5d5;padding:10px 4px max(12px,env(safe-area-inset-bottom));z-index:12}.live-nav a{font-size:10px;text-align:center;color:#8a967d;padding:0 12px}.live-nav span{display:block;font-size:25px;line-height:1.4}.live-nav a.active{color:#405d37;font-weight:bold}.live-nav a.active span{background:#eff2e6;border-radius:14px}.reward-card,.profile-card{background:#fff;border:1px solid #dfe5d3;border-radius:20px;padding:22px;margin:20px 0;overflow-wrap:anywhere}.reward-card h2{font-size:25px}.reward-card code{font-size:20px;display:block;margin:20px 0}.profile-card{text-align:center}.profile-card .avatar{margin:auto}.profile-card p{font-size:13px}.badge{display:inline-block;background:#eeefdf;border-radius:20px;padding:6px 10px;color:#8b7842;font-size:10px}.primary,.secondary{display:block;text-align:center;width:100%;padding:15px 12px;border-radius:12px;font-size:13px;margin-top:12px}.primary{background:#344e37;color:#fff}.secondary{background:#f2f4eb;color:#49603d;border:1px solid #dde4cf}button:disabled{opacity:.45;cursor:not-allowed}label{display:block;font-size:12px;line-height:1.8;color:#657956;margin-top:15px}input{display:block;width:100%;padding:13px;border:1px solid #d9e0cc;border-radius:10px;background:#fafbf7;color:#293e2d;margin:7px 0}.live-alert{background:#fff3da;border:1px solid #e6d4ab;padding:14px;border-radius:12px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.live-alert.success{background:#e5efdc;border-color:#c8dabb}.empty{padding:20px;text-align:center;font-size:13px;line-height:1.9;color:#8a967d}.app-foot{text-align:center;font-size:10px;color:#8a967d;line-height:2;margin-top:30px}.login-card{text-align:center;padding:15px 4px}.login-logo{background:#293e2d;border-radius:24px;width:150px;height:150px;margin:10px auto 30px;display:grid;place-items:center}.login-logo img{width:125px;height:125px;object-fit:contain}.login-card .overline{font-size:8px}.rule-pair{display:grid;gap:12px;background:#edf0e1;border-radius:14px;padding:18px;font-size:12px;line-height:2;margin-top:25px}dialog{border:1px solid #e0e5d5;border-radius:24px;padding:28px;max-width:min(400px,90vw);color:#293e2d;background:#fafbf7}dialog::backdrop{background:#1b2d23aa}dialog img{width:80px;height:80px;border-radius:18px}dialog p{font-size:14px;line-height:2}.close-dialog{position:absolute;inset-inline-end:15px;top:10px;background:transparent;font-size:25px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#263c2e;color:#fff;border-radius:12px;padding:15px;max-width:90vw;z-index:50;font-size:13px}[hidden]{display:none!important}@media(display-mode:standalone){.app-header{padding-top:max(16px,env(safe-area-inset-top))}}@media(max-width:480px){.live-app{max-width:none}.live-main{padding-inline:18px}}

.next-reward{display:block}.next-reward b{display:block}.next-reward progress{display:block;margin-top:14px}.login-card h1{font-size:28px}.balance-card>p{margin:0}
.qr-login-box{border-top:1px solid #dfe5d3;margin-top:28px;padding-top:18px}.account-code{background:#fff;border:1px solid #dfe5d3;border-radius:18px;padding:18px}.file-label input{font-size:11px;max-width:100%}#qr-video{display:block;width:100%;border-radius:12px;background:#17271c;max-height:320px;object-fit:cover}#qr-scanner{margin-top:18px}