.client-portal{color:#24352e;box-sizing:border-box;background:linear-gradient(150deg,#e9efe9,#f8f2df);min-height:100vh;padding:22px;font-family:Inter,system-ui,sans-serif}.client-phone{background:#fbfaf4;border:1px solid #dfe4dd;border-radius:38px;grid-template-rows:auto 1fr auto;width:min(470px,100%);height:min(900px,100vh - 44px);margin:auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #173c2b2b}.client-phone>header{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:26px 24px 18px;display:grid}.client-avatar{color:#8b6c23;background:#f5df9f;border-radius:14px;place-items:center;width:44px;height:44px;font:800 19px Georgia;display:grid}.client-phone header small{letter-spacing:.08em;color:#8b948e;font-size:9px}.client-phone header h1{margin:2px 0 0;font:700 25px Georgia}.client-phone header button{color:#547064;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:18px}.client-scroll{padding:8px 24px 24px;overflow:auto}.loyalty-hero{color:#fff;background:radial-gradient(circle at 85% 10%,#51b983,#0000 38%),linear-gradient(145deg,#198854,#12653f);border-radius:27px;padding:24px;box-shadow:0 18px 35px #11653e38}.loyalty-hero>div:first-child{justify-content:space-between;align-items:center;font-size:11px;display:flex}.loyalty-hero>small{color:#c8ecd8;margin-top:42px;display:block}.loyalty-hero h2{margin:6px 0 18px;font:700 31px Georgia}.portal-stamps{flex-wrap:wrap;gap:8px;display:flex}.portal-stamps i{border:1px dashed #a6d7bc;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;font-style:normal;display:grid}.portal-stamps i.done{color:#795b0d;background:#f6bf3e;border:0;box-shadow:0 5px 12px #062e1c2b}.loyalty-hero>p{margin:18px 0 0;font-size:12px;font-weight:700}.next-reward{background:#fff;border:1px solid #e4e8e3;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:15px;display:grid}.next-reward>i{background:#f6ecd1;border-radius:13px;place-items:center;width:44px;height:44px;font-style:normal;display:grid}.next-reward b,.next-reward small{display:block}.next-reward small{color:#839088;margin-top:4px}.next-reward>span{color:#6d7a73;font-size:11px}.client-offer{color:#624a20;background:linear-gradient(135deg,#f8e5ae,#f3dca2);border-radius:23px;margin-top:18px;padding:24px}.client-offer small{letter-spacing:.08em}.client-offer h2{margin:12px 0 6px;font:700 27px Georgia}.client-offer p{font-size:12px}.client-offer button{color:#fff;background:#176d47;border:0;border-radius:11px;padding:11px 15px;font-weight:800}.client-activity{margin:24px 2px}.client-activity h2{font:700 22px Georgia}.client-activity article{border-top:1px solid #e4e7e3;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.client-activity article>i{color:#168056;background:#ddf2e6;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.client-activity b,.client-activity small{display:block}.client-activity small{color:#859189;margin-top:3px}.client-activity strong{color:#168056;font-size:12px}.client-phone>nav{background:#fffffff2;border-top:1px solid #e1e6e1;grid-template-columns:repeat(4,1fr);padding:10px 8px 14px;display:grid}.client-phone nav button{color:#89938d;background:0 0;border:0;justify-items:center;gap:4px;display:grid}.client-phone nav i{font-size:21px;font-style:normal}.client-phone nav span{font-size:10px}.client-phone nav button.active{color:#17784f;font-weight:800}.portal-panel{background:#fff;border:1px solid #e1e8e3;border-radius:25px;padding:25px;box-shadow:0 14px 40px #173c2b0e}.portal-panel>span{letter-spacing:.1em;color:#168057;font-size:10px;font-weight:900}.portal-panel h2{margin:9px 0;font:700 29px Georgia}.portal-panel>p{color:#73827b;line-height:1.5}.qr-view{text-align:center}.qr-view img{border:10px solid #fff;border-radius:18px;width:220px;max-width:85%;margin:22px auto 12px;display:block;box-shadow:0 10px 30px #173c2b1b}.qr-view code,.profile-view code{overflow-wrap:anywhere;background:#f2f6f3;border-radius:9px;padding:9px;font-size:10px;display:block}.qr-view button,.qr-view a,.profile-view button{box-sizing:border-box;border:0;border-radius:12px;width:100%;margin-top:12px;padding:13px;font-weight:800;text-decoration:none;display:block}.qr-view button,.profile-view button{color:#176d48;background:#e2f2e9}.qr-view a{color:#fff;background:#111}.points-view>div{border-top:1px solid #e7ece8;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:17px 0;display:grid}.points-view>div b{color:#168057;font-size:23px}.points-view>div small{color:#71817a}.profile-view{text-align:center}.profile-avatar{color:#176e49;background:#dff2e7;border-radius:28px;place-items:center;width:86px;height:86px;margin:22px auto 12px;font:700 36px Georgia;display:grid}.profile-view label{text-align:left;margin-top:24px;font-size:11px;font-weight:800;display:block}.profile-view code{margin-top:7px;font-weight:400}.client-error{background:#fff;border-radius:24px;width:min(440px,100%);margin:auto;padding:30px}@media (max-width:520px){.client-portal{background:#fbfaf4;padding:0}.client-phone{border:0;border-radius:0;width:100%;height:100vh}.client-scroll{padding-inline:17px}.client-phone>header{padding-inline:18px}.loyalty-hero{padding:21px}.loyalty-hero h2{font-size:28px}.portal-stamps i{width:34px;height:34px}}.business-wallet{margin-bottom:15px}.business-wallet>div:first-child{justify-content:space-between;align-items:center;margin:0 2px 9px;display:flex}.business-wallet>div:first-child small{letter-spacing:.1em;color:#78857e;font-size:9px;font-weight:900}.business-wallet>div:first-child b{color:#52665d;font-size:11px}.business-wallet>div:last-child{scrollbar-width:thin;gap:9px;padding:2px 2px 7px;display:flex;overflow-x:auto}.business-wallet button{text-align:left;cursor:pointer;color:#273a31;background:#fff;border:1px solid #dfe7e1;border-radius:14px;grid-template-columns:35px 1fr;align-items:center;gap:9px;min-width:150px;padding:9px;display:grid}.business-wallet button.active{border-color:var(--business-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--business-color) 18%,transparent)}.business-wallet button i{background:var(--business-color);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font:700 16px Georgia;display:grid}.business-wallet button span,.business-wallet button small{display:block}.business-wallet button span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.business-wallet button small{color:#89948e;margin-top:3px;font-size:9px;font-weight:600}.wallet-card-action{color:#fff;background:#111;border-radius:10px;align-items:center;margin-top:18px;padding:9px 12px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 7px 16px #0003}.wallet-card-action:before{content:"G";color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:7px;font-weight:950;display:grid}.wallet-heading{margin:0 2px 14px}.wallet-heading small{letter-spacing:.12em;color:#177b54;font-size:10px;font-weight:900}.wallet-heading h2{color:#203b30;margin:5px 0 2px;font:700 24px Georgia}.wallet-heading p{color:#748078;margin:0;font-size:12px}.all-loyalty-cards{gap:15px;display:grid}.loyalty-card-item{margin:0!important}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.card-actions .wallet-card-action{margin:0}.card-actions button{color:#fff;cursor:pointer;background:#fff2;border:1px solid #fff8;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:800}.gateway-phone header{margin-bottom:0}.gateway-panel{margin-top:18px}.gateway-panel form{gap:10px;margin-top:18px;display:grid}.gateway-panel input{color:#233b30;background:#fff;border:1px solid #d9e3dc;border-radius:12px;width:100%;padding:14px;font-size:15px}.gateway-panel form button{color:#fff;cursor:pointer;background:#177b54;border:0;border-radius:12px;padding:14px;font-weight:850}.gateway-error{color:#a43b32;margin-top:12px;font-weight:700;display:block}.gateway-panel hr{border:0;border-top:1px solid #e3e9e5;margin:22px 0}.gateway-help{line-height:1.6;font-size:11px!important}.gateway-phone nav button:disabled{opacity:.45;cursor:not-allowed}