:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#34241b;background:#f8f4ef;line-height:1.5;--brand-primary: #d99867;--brand-secondary: #efc89f;--brand-primary-strong: #b97948;--brand-secondary-strong: #d9b17f;--brand-primary-soft: #f5ede6;--brand-secondary-soft: #f6eee5;--brand-primary-muted: #fbf7f2;--brand-on-primary: #2b1c14;--brand-on-secondary: #2b1c14;--brand-focus-ring: rgba(217, 152, 103, .24)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,color-mix(in srgb,var(--brand-secondary) 38%,white) 0%,transparent 28%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--brand-primary) 18%,white) 0%,transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 12%,#fdfaf7),color-mix(in srgb,var(--brand-primary) 10%,#f4ebe1))}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand-focus-ring);outline-offset:2px}.customer-page{width:min(920px,calc(100vw - 20px));margin:0 auto;padding:18px 0 40px}.intro-card,.login-card,.dashboard-card,.jar-card{background:#fffdfae0;border:1px solid color-mix(in srgb,var(--brand-primary) 16%,white);border-radius:28px;box-shadow:0 18px 50px color-mix(in srgb,var(--brand-primary) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-card,.login-card,.dashboard-card{padding:24px}.store-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.store-logo{width:68px;height:68px;object-fit:cover;border-radius:20px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,white);background:#ffffffc2;box-shadow:0 10px 20px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.tenant-switcher{display:grid;gap:6px;margin-top:14px;color:color-mix(in srgb,var(--brand-primary) 62%,#7a5f4b);font-size:.88rem}.tenant-switcher select{min-width:220px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,white);background:#ffffffe0;color:color-mix(in srgb,var(--brand-primary) 78%,#2f221a)}.tenant-badge{margin-top:10px;color:color-mix(in srgb,var(--brand-primary) 60%,#7a5f4b);font-size:.9rem}.eyebrow{display:inline-flex;padding:6px 10px;background:color-mix(in srgb,var(--brand-secondary) 18%,white);border:1px solid color-mix(in srgb,var(--brand-primary) 24%,white);border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-primary) 72%,#513223)}h1,h2{color:color-mix(in srgb,var(--brand-primary) 82%,#2f221a);letter-spacing:-.03em}h1,h2,p{margin:0}h1{margin-top:14px;font-size:clamp(2rem,8vw,3.5rem)}.intro-card p,.section-header p,.muted-text,.points-hero p,.jar-caption{color:color-mix(in srgb,var(--brand-primary) 52%,#786252)}.store-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:color-mix(in srgb,var(--brand-primary) 58%,#8f6b50);font-size:.92rem}.login-card,.dashboard-shell{margin-top:18px}.section-header{margin-bottom:18px}.section-header.inline{display:flex;justify-content:space-between;gap:12px;align-items:start}.scan-card{display:grid;gap:12px}.scan-actions{display:flex;gap:10px;flex-wrap:wrap}.camera-preview{width:100%;min-height:220px;border-radius:20px;object-fit:cover;display:none;background:color-mix(in srgb,var(--brand-primary) 12%,white)}.camera-preview.visible{display:block}.hidden-canvas{display:none}.login-form{display:grid;gap:14px;margin-top:16px}.login-form label{display:grid;gap:6px}.login-form input{padding:15px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,white);background:#ffffffdb;color:color-mix(in srgb,var(--brand-primary) 78%,#2f221a);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.primary-button,.ghost-button{border:none;border-radius:18px;padding:14px 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));color:var(--brand-on-primary);font-weight:700;box-shadow:0 10px 20px color-mix(in srgb,var(--brand-primary) 22%,transparent)}.ghost-button{background:var(--brand-secondary-soft);color:var(--brand-on-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 18%,white)}.primary-button:hover{background:linear-gradient(135deg,var(--brand-secondary-strong),var(--brand-primary-strong));box-shadow:0 14px 24px color-mix(in srgb,var(--brand-primary) 28%,transparent)}.ghost-button:hover{background:color-mix(in srgb,var(--brand-secondary) 44%,white)}.primary-button:active,.ghost-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--brand-primary) 16%,transparent)}.dashboard-shell,.memberships-summary{display:grid;gap:18px}.membership-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.membership-stats div{padding:18px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 14%,rgba(255,252,248,.86)),color-mix(in srgb,var(--brand-primary) 10%,rgba(244,235,226,.92)));border:1px solid color-mix(in srgb,var(--brand-primary) 16%,white);color:color-mix(in srgb,var(--brand-primary) 76%,#4a3427)}.membership-stats strong{display:block;font-size:1.7rem;color:color-mix(in srgb,var(--brand-primary) 84%,#402d22)}.membership-stats span{color:color-mix(in srgb,var(--brand-primary) 58%,#8f6b50)}.membership-list{display:grid;gap:16px}.membership-card{background:#fffdfae0;border:1px solid color-mix(in srgb,var(--brand-primary) 16%,white);border-radius:28px;box-shadow:0 18px 50px color-mix(in srgb,var(--brand-primary) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px;display:grid;gap:18px}.membership-header{display:flex;gap:14px;align-items:flex-start}.membership-logo{width:58px;height:58px;object-fit:cover;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,white);background:#ffffffc2}.membership-body{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.membership-points strong{display:block;font-size:clamp(2.4rem,7vw,3.2rem);line-height:1;color:color-mix(in srgb,var(--brand-primary) 84%,#402d22)}.membership-points span,.membership-meta span{color:color-mix(in srgb,var(--brand-primary) 58%,#8f6b50)}.membership-meta{display:grid;gap:6px;justify-items:end;text-align:right;font-size:.92rem}.membership-link{text-decoration:none;display:inline-flex;justify-content:center}.history-card,.reward-catalog-card{display:grid;gap:16px}.reward-catalog{display:grid;gap:14px}.reward-card{display:grid;gap:12px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--brand-primary) 14%,white);background:#ffffffd1}.reward-card.available{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 12%,rgba(255,253,250,.94)),color-mix(in srgb,var(--brand-primary) 10%,rgba(248,241,235,.92)))}.reward-card h3{margin-bottom:6px}.reward-points-badge{display:inline-grid;justify-items:center;width:fit-content;min-width:92px;padding:12px 16px;border-radius:18px;background:color-mix(in srgb,var(--brand-secondary) 18%,white);color:color-mix(in srgb,var(--brand-primary) 82%,#3d2b20)}.reward-points-badge strong{font-size:1.5rem;line-height:1}.reward-points-badge span,.reward-status{color:color-mix(in srgb,var(--brand-primary) 58%,#8f6b50)}.dashboard-note{margin-top:8px;color:color-mix(in srgb,var(--brand-primary) 54%,#786252)}.history-list{display:grid;gap:12px}.history-item{padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--brand-primary) 14%,white);background:#ffffffd1}.history-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-item-header strong{color:color-mix(in srgb,var(--brand-primary) 76%,#4a3427);font-size:.95rem}.history-delta{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;font-weight:700}.history-delta.positive{background:color-mix(in srgb,var(--brand-secondary) 34%,white);color:color-mix(in srgb,var(--brand-primary) 82%,#3d2b20)}.history-delta.negative{background:color-mix(in srgb,#d96a6a 24%,white);color:#8a1f1f}.history-reason{margin-top:12px;color:color-mix(in srgb,var(--brand-primary) 70%,#5b4030);font-weight:600}.history-meta{display:grid;gap:6px;margin-top:12px}.history-meta span{color:color-mix(in srgb,var(--brand-primary) 56%,#826652);font-size:.9rem}.history-meta strong{color:color-mix(in srgb,var(--brand-primary) 78%,#3b2b20)}.jar-card{padding:22px 18px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 10%,rgba(255,253,250,.94)),color-mix(in srgb,var(--brand-primary) 10%,rgba(248,241,235,.92)))}.jar-summary{display:grid;justify-items:center;gap:4px;margin-bottom:10px;text-align:center}.jar-summary-label,.jar-summary-caption{color:color-mix(in srgb,var(--brand-primary) 58%,#8f6b50)}.jar-summary-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.jar-summary strong{font-size:clamp(3rem,9vw,4.2rem);line-height:1;color:color-mix(in srgb,var(--brand-primary) 84%,#402d22)}.jar-summary-caption{font-size:.95rem}.jar-stage{position:relative;height:274px}.bucket-drop-zone{position:absolute;left:50%;bottom:88px;width:min(320px,84vw);height:190px;transform:translate(-50%);overflow:hidden;pointer-events:none;z-index:2;perspective:900px;border-radius:24px}.pile-ground{position:absolute;left:50%;bottom:74px;width:min(286px,76vw);height:40px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.65),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 26%,rgba(235,225,214,.72)),color-mix(in srgb,var(--brand-primary) 24%,rgba(216,198,180,.8)));border:1px solid color-mix(in srgb,var(--brand-primary) 20%,white);box-shadow:inset 0 2px 4px #ffffff80,0 10px 16px color-mix(in srgb,var(--brand-primary) 10%,transparent);z-index:1}.pile-shadow{position:absolute;left:50%;bottom:64px;transform:translate(-50%);width:min(252px,68vw);height:22px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-primary) 24%,transparent),color-mix(in srgb,var(--brand-primary) 2%,transparent) 72%);filter:blur(4px);z-index:0}.coffee-pod{position:absolute;top:-4px;left:calc(var(--x) - 26px);width:52px;height:46px;border-radius:50% 48% 48% 52%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.95),transparent 42%),radial-gradient(circle at 70% 72%,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 18%,#faf5ed),color-mix(in srgb,var(--brand-secondary) 12%,#e9dfd0) 52%,color-mix(in srgb,var(--brand-primary) 18%,#d3c6b3));box-shadow:inset 0 -2px #7b68532e,inset 0 2px 6px #ffffff57,inset -8px -8px 12px color-mix(in srgb,var(--brand-primary) 12%,transparent),0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent),0 2px #ffffff2e;animation:dropPod var(--duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);transform-origin:center;filter:saturate(var(--shade));transform-style:preserve-3d}.coffee-pod:before,.coffee-pod:after{content:"";position:absolute}.coffee-pod:before{top:8px;right:-10px;width:21px;height:25px;border-radius:0 70% 70% 0;background:linear-gradient(160deg,rgba(255,255,255,.65) 0%,transparent 26%),linear-gradient(160deg,color-mix(in srgb,var(--brand-secondary) 12%,#f8f4eb),color-mix(in srgb,var(--brand-primary) 12%,#ddd1c0));box-shadow:inset -2px -1px #7967531f,2px 5px 8px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.coffee-pod:after{top:5px;right:7px;bottom:6px;left:5px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(123,120,115,.14) 0,rgba(123,120,115,.14) 58%,transparent 59%),radial-gradient(circle at 34% 28%,rgba(255,255,255,.3),transparent 36%),radial-gradient(circle at 66% 64%,rgba(70,64,58,.18),transparent 42%),repeating-radial-gradient(circle at center,#74716c38 0,#74716c38 1px,#a8a49d29 1px,#a8a49d29 2px,#c2beb624 2px,#c2beb624 3px),linear-gradient(145deg,#b3afa8,#c9c3bb 48%,#948d84);box-shadow:inset 0 0 0 1px #5c565024,inset 0 2px 4px #ffffff24,inset -3px -5px 8px #3d383214}.bread-roll,.generic-token,.laundry-shirt{position:absolute;top:-4px;left:calc(var(--x) - 26px);animation:dropPod var(--duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);transform-origin:center;filter:saturate(var(--shade));transform-style:preserve-3d}.bread-roll{width:56px;height:40px;border-radius:50% 48% 44% 46%;background:radial-gradient(circle at 32% 30%,rgba(255,246,228,.92),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 22%,#f0c98d),color-mix(in srgb,var(--brand-primary) 22%,#d99c4f) 58%,color-mix(in srgb,var(--brand-primary) 34%,#b06f32));box-shadow:inset 0 -3px #6c421833,inset 0 4px 8px #fff8e442,0 10px 16px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.bread-roll:before,.bread-roll:after,.generic-token:before,.generic-token:after,.laundry-shirt:before,.laundry-shirt:after{content:"";position:absolute}.bread-roll:before{top:10px;right:10px;bottom:12px;left:10px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,236,204,.9),transparent 62%),repeating-linear-gradient(90deg,#99592429 0,#99592429 2px,#ffeccc05 2px,#ffeccc05 12px)}.bread-roll:after{top:8px;left:14px;right:14px;height:8px;border-radius:999px;background:#fff8e461}.generic-token{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.82),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 18%,#f5f3ef),color-mix(in srgb,var(--brand-primary) 18%,#d7d0c8) 58%,color-mix(in srgb,var(--brand-primary) 28%,#a89d90));box-shadow:inset 0 -2px #584b3d2e,inset 0 2px 5px #ffffff3d,0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.generic-token:before{top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.generic-token:after{top:14px;left:14px;right:14px;bottom:14px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 34%,white);opacity:.42}.laundry-shirt{width:54px;height:50px;left:calc(var(--x) - 27px);border-radius:11px 11px 14px 14px;clip-path:polygon(18% 10%,34% 10%,40% 2%,60% 2%,66% 10%,82% 10%,100% 28%,88% 42%,82% 34%,80% 100%,20% 100%,18% 34%,12% 42%,0 28%);background:linear-gradient(135deg,#ff6b8f,#ff9f43 24%,#ffd93d,#4ecdc4 68%,#5f6af2);box-shadow:inset 0 -4px #302c4a24,inset 0 4px 8px #ffffff47,0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent);filter:hue-rotate(calc(var(--shade) * 120deg)) saturate(calc(var(--shade) * 1.15))}.laundry-shirt:before{top:6px;left:19px;width:16px;height:8px;border-radius:0 0 999px 999px;background:#ffffffd1}.laundry-shirt:after{top:16px;right:14px;bottom:8px;left:14px;border-radius:10px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.65),transparent 28%),linear-gradient(180deg,#ffffff38,#ffffff05);opacity:.75}.jar-caption{margin-top:18px;text-align:center;position:relative;z-index:3}.centered{text-align:center}.strong{font-weight:600}@keyframes dropPod{0%{transform:translateZ(0) rotateX(20deg) rotate(calc(var(--tilt) - 20deg)) scale(var(--scale));opacity:0}15%{opacity:1}72%{transform:translate3d(0,calc(var(--drop) - 10px),0) rotateX(8deg) rotate(calc(var(--tilt) + 4deg)) scale(var(--scale));opacity:1}to{transform:translate3d(0,var(--drop),0) rotateX(0) rotate(var(--tilt)) scale(var(--scale));opacity:1}}@media(max-width:640px){.customer-page{width:min(100vw - 14px,100%);padding-top:10px}.intro-card,.login-card,.dashboard-card,.jar-card{border-radius:22px}.section-header.inline{flex-direction:column;align-items:stretch}.store-header{flex-direction:column}.tenant-switcher select{min-width:100%}.membership-body{flex-direction:column;align-items:flex-start}.membership-meta{justify-items:start;text-align:left}.jar-stage{height:248px}.jar-summary strong{font-size:3.2rem}.bucket-drop-zone{width:min(286px,82vw);height:166px;bottom:76px}.pile-ground{width:min(248px,72vw);height:34px;bottom:58px}}