*{box-sizing:border-box}html{background:#f5f7fb}body{color:#152238;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.landing{background:radial-gradient(circle at 15% 0,#dbeafe 0,#0000 35%),radial-gradient(circle at 85% 15%,#e0e7ff 0,#0000 32%),#f8fafc;min-height:100vh;padding:70px 24px}.hero-shell{text-align:center;max-width:1080px;margin:auto}.brand-pill{letter-spacing:.13em;color:#2563eb;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.hero-shell h1{letter-spacing:-.055em;max-width:850px;margin:28px auto 22px;font-size:clamp(42px,7vw,80px);line-height:.96}.hero-shell h1 span{color:#2563eb}.hero-shell>p{color:#64748b;max-width:700px;margin:auto;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 54px;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:12px 17px;font-weight:800;display:inline-flex}.btn-primary{color:#fff;background:#2563eb;box-shadow:0 10px 28px #2563eb33}.btn-secondary{background:#fff;border:1px solid #dbe2ea}.full{width:100%}.hero-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feature-card{background:#fffc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex;box-shadow:0 15px 40px #0f172a0a}.feature-card span{color:#64748b;font-size:13px}.auth-page{background:radial-gradient(circle at top,#dbeafe,#0000 38%),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #0f172a17}.auth-card h1{margin:22px 0 4px;font-size:34px}.auth-card p{color:#64748b;margin:0 0 24px}.auth-card label,.scan-form label,.offer-form label{flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.auth-card input,.inline-form input,.scan-form input,.scan-form select,.offer-form input,.admin-form input{background:#fff;border:1px solid #dbe2ea;border-radius:11px;outline:none;width:100%;padding:12px 13px}.auth-card input:focus,.inline-form input:focus,.scan-form input:focus,.offer-form input:focus,.admin-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.alert{border-radius:10px;margin:10px 0;padding:11px 13px;font-size:13px}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.app-shell{min-height:100vh}.sidebar{color:#dbeafe;z-index:20;background:#0f172a;flex-direction:column;width:250px;padding:22px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:11px;padding:6px 8px 24px;display:flex}.sidebar-brand>span{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.sidebar-brand div{flex-direction:column;display:flex}.sidebar-brand small{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#cbd5e1;border-radius:10px;padding:11px 12px;font-size:14px}.sidebar nav a:hover{color:#fff;background:#1e293b}.sidebar-footer{border-top:1px solid #1e293b;flex-direction:column;gap:4px;margin-top:auto;padding:18px 8px 0;display:flex}.sidebar-footer small{color:#64748b}.sidebar-footer form{margin-top:10px}.sidebar-footer button{color:#93c5fd;cursor:pointer;background:0 0;border:0;padding:0}.app-main{max-width:1450px;margin-left:250px;padding:34px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.035em;margin:6px 0 4px;font-size:34px}.page-head p{color:#64748b;margin:0}.eyebrow{letter-spacing:.14em;color:#2563eb;font-size:10px;font-weight:900}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card,.panel,.reward-card,.offer-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 9px 30px #0f172a09}.stat-card{flex-direction:column;padding:21px;display:flex}.stat-card span{color:#64748b;font-size:13px}.stat-card strong{margin-top:8px;font-size:34px}.stat-card small{color:#94a3b8}.panel{margin-bottom:18px;padding:20px}.panel-head h2{margin:5px 0 0}.steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.steps>div{border:1px solid #e2e8f0;border-radius:14px;gap:12px;padding:14px;display:flex}.steps>div>b{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.steps span{flex-direction:column;gap:3px;display:flex}.steps small{color:#64748b}.inline-form,.offer-form,.admin-form{grid-template-columns:2fr 1.2fr 1.5fr auto;align-items:center;gap:10px;display:grid}.admin-form{grid-template-columns:1.4fr 1fr 1.2fr 1.4fr 1fr auto}.offer-form{grid-template-columns:2fr 2fr 1.3fr auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#64748b;border-bottom:1px solid #e2e8f0;padding:10px;font-size:11px}td{border-bottom:1px solid #eef2f7;padding:13px 10px;font-size:14px}td b,td small{display:block}td small{color:#94a3b8;margin-top:3px}.badge,.status{background:#f1f5f9;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.status.on{color:#047857;background:#ecfdf5}.text-link{color:#2563eb;font-weight:700}.empty{text-align:center;color:#94a3b8;padding:28px}.cards-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.reward-card,.offer-card{align-items:center;gap:15px;padding:20px;display:flex}.reward-icon{background:#eff6ff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.reward-card h3,.offer-card h3{margin:0 0 5px}.reward-card p,.offer-card p{color:#64748b;margin:0}.reward-card .status,.offer-card .status{margin-left:auto}.scan-form{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;display:grid}.scan-form label{margin:0}.result-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;flex-direction:column;gap:5px;margin-top:16px;padding:17px;display:flex}.result-card em{color:#047857;font-style:normal;font-weight:800}.card-page{background:#f8fafc;max-width:520px;min-height:100vh;margin:auto;padding:26px 18px 50px}.loyalty-card{color:#fff;background:linear-gradient(145deg,#0f172a,#1e3a8a);border-radius:28px;padding:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0f172a3d}.loyalty-card:after{content:"";filter:blur(70px);background:#3b82f6;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.card-top .brand-pill{color:#fff;background:#ffffff1f;border-color:#fff3}.card-top small{opacity:.65}.loyalty-card h1{z-index:1;margin:28px 0 18px;font-size:25px;position:relative}.coffee-count{z-index:1;align-items:baseline;gap:10px;display:flex;position:relative}.coffee-count strong{font-size:58px;line-height:1}.coffee-count span{color:#bfdbfe}.progress{z-index:1;background:#ffffff26;border-radius:999px;height:9px;margin:22px 0 10px;position:relative;overflow:hidden}.progress i{background:#60a5fa;border-radius:999px;height:100%;display:block}.loyalty-card p{color:#dbeafe;z-index:1;position:relative}.card-token{letter-spacing:.18em;color:#93c5fd;z-index:1;margin-top:24px;font-size:10px;position:relative}.customer-section{margin-top:24px}.customer-section h2{font-size:18px}.customer-offer,.customer-reward{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:12px;margin-bottom:10px;padding:16px;display:flex}.customer-offer{flex-direction:column}.customer-offer span,.customer-reward small{color:#64748b}.customer-reward div{flex-direction:column;display:flex}.admin-side{background:#111827}@media (max-width:980px){.sidebar{width:100%;height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(3,1fr);display:grid}.sidebar-footer{display:none}.app-main{margin-left:0;padding:22px}.stats-grid,.hero-grid{grid-template-columns:repeat(2,1fr)}.inline-form,.admin-form,.offer-form,.scan-form{grid-template-columns:1fr 1fr}.cards-list{grid-template-columns:1fr}}@media (max-width:620px){.landing{padding:44px 18px}.hero-grid,.stats-grid,.steps,.inline-form,.admin-form,.offer-form,.scan-form{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr 1fr}.app-main{padding:18px}.page-head h1{font-size:29px}.cards-list{grid-template-columns:1fr}.hero-shell h1{font-size:46px}}.btn-sm{white-space:nowrap;border-radius:10px;padding:9px 12px;font-size:12px}.muted-action{color:#94a3b8;font-size:12px}.impersonation-box{background:#2563eb1c;border:1px solid #60a5fa47;border-radius:12px;flex-direction:column;gap:4px;margin:0 0 16px;padding:12px;display:flex}.impersonation-box strong{color:#dbeafe;font-size:12px}.impersonation-box small{color:#93c5fd;font-size:11px;line-height:1.4}.impersonation-box form{margin-top:7px}.impersonation-box button{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #93c5fd3d;border-radius:9px;width:100%;padding:8px 9px;font-size:11px;font-weight:800}.impersonation-box button:hover{background:#2563eb}.alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.scanner-panel{max-width:980px}.qr-scanner-shell{flex-direction:column;gap:16px;display:flex}.scanner-actions{flex-wrap:wrap;gap:10px;display:flex}.camera-box{color:#64748b;text-align:center;background:linear-gradient(145deg,#f8fafc,#eef2ff);border:1px dashed #cbd5e1;border-radius:20px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.camera-box video{object-fit:cover;background:#020617;width:100%;max-height:520px;display:none}.camera-box.on{background:#020617;border-style:solid;border-color:#1e293b}.camera-box.on video{display:block}.camera-box p{max-width:360px;padding:30px;line-height:1.6}.camera-guide{pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.camera-box.on .camera-guide{display:grid}.camera-guide span{border:3px solid #ffffffeb;border-radius:26px;width:min(58vw,260px);max-width:260px;height:min(58vw,260px);max-height:260px;box-shadow:0 0 0 999px #0206174d}.scanner-or{color:#94a3b8;align-items:center;gap:12px;font-size:12px;display:flex}.scanner-or:before,.scanner-or:after{content:"";background:#e2e8f0;flex:1;height:1px}.manual-token-form{grid-template-columns:1fr auto;gap:10px;display:grid}.manual-token-form input{background:#fff;border:1px solid #dbe2ea;border-radius:11px;outline:none;width:100%;padding:13px 14px}.manual-token-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.scan-customer-card{background:linear-gradient(#fff,#f8fbff);border:1px solid #dbeafe;border-radius:20px;padding:20px;box-shadow:0 16px 40px #2563eb12}.scan-customer-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.scan-customer-head h2{margin:5px 0 4px;font-size:26px}.scan-customer-head p{color:#64748b;margin:0}.stamp-balance{color:#fff;text-align:center;background:#0f172a;border-radius:16px;flex-direction:column;min-width:120px;padding:14px 18px;display:flex}.stamp-balance strong{font-size:34px;line-height:1}.stamp-balance span{color:#bfdbfe;margin-top:5px;font-size:12px}.stamp-buttons{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.scanner-rewards{border-top:1px solid #e2e8f0;padding-top:18px}.scanner-rewards-title{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.scanner-rewards-title h3{margin:0}.scanner-rewards-title small{color:#64748b}.scanner-reward{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:9px;padding:12px;display:grid}.scanner-reward.eligible{background:#f0fdf4;border-color:#a7f3d0}.scanner-reward div:nth-child(2){flex-direction:column;display:flex}.scanner-reward small{color:#64748b}.reward-missing{color:#94a3b8;white-space:nowrap;font-size:12px}.empty.mini{padding:16px}.qr-customer-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.qr-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-title h2{margin:4px 0 0}.live-dot{letter-spacing:.08em;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}.customer-qr-box{background:#fff;border:1px solid #e2e8f0;border-radius:24px;place-items:center;width:max-content;max-width:100%;margin:18px auto 10px;padding:14px;display:grid;box-shadow:0 18px 50px #0f172a14}.customer-qr-box img{max-width:100%;height:auto;display:block}.qr-help{color:#64748b;text-align:center;max-width:390px;margin:10px auto 0;font-size:13px;line-height:1.6}.unlocked-pill{z-index:1;color:#dcfce7;background:#22c55e29;border:1px solid #86efac40;border-radius:999px;margin-top:12px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.customer-reward.reward-ready{background:#f0fdf4;border-color:#86efac}.ready-label{color:#15803d;background:#dcfce7;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:11px}.customer-reward{align-items:center}@media (max-width:620px){.manual-token-form{grid-template-columns:1fr}.camera-box{min-height:220px}.scan-customer-head{flex-direction:column}.stamp-balance{flex-direction:row;justify-content:center;align-items:baseline;gap:8px;width:100%}.stamp-buttons{grid-template-columns:1fr;display:grid}.scanner-reward{grid-template-columns:auto 1fr}.scanner-reward .btn,.reward-missing{text-align:center;grid-column:1/-1;width:100%}.scanner-rewards-title{flex-direction:column;align-items:flex-start}.customer-qr-box{width:100%}.qr-title{align-items:flex-start}.customer-reward .ready-label{margin-left:auto}}.live-card-page{--reward-brand:#2563eb;background:linear-gradient(#f6f9ff 0%,#f8fafc 50%,#f1f5f9 100%);max-width:640px;min-height:100vh;margin:0 auto;padding:26px 18px 42px;position:relative;overflow:hidden}.live-bg{filter:blur(70px);opacity:.25;pointer-events:none;border-radius:999px;position:fixed}.live-bg-a{background:var(--reward-brand);width:320px;height:320px;top:-120px;right:-120px}.live-bg-b{background:#7c3aed;width:260px;height:260px;bottom:10%;left:-120px}.premium-loyalty-card{color:#fff;background:linear-gradient(140deg,#081426 0%,#102a5d 52%,var(--reward-brand) 135%);isolation:isolate;border-radius:32px;padding:24px;position:relative;overflow:hidden;box-shadow:0 32px 90px #0f172a42,inset 0 1px #ffffff17}.premium-loyalty-card:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:31px;position:absolute;inset:1px}.premium-glow{filter:blur(52px);opacity:.58;z-index:-1;border-radius:999px;position:absolute}.premium-glow-a{background:var(--reward-brand);width:220px;height:220px;top:-80px;right:-80px}.premium-glow-b{background:#60a5fa;width:140px;height:140px;bottom:-40px;left:-55px}.premium-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.store-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:9px;max-width:72%;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.store-chip-icon{background:#ffffff1f;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.live-status,.live-badge{letter-spacing:.09em;color:#d1fae5;background:#10b9811f;border:1px solid #6ee7b747;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.live-status i,.live-badge i{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s infinite livePulse;box-shadow:0 0 #22c55e8c}.live-status.syncing i{background:#60a5fa;animation:.8s infinite alternate spinPulse}.premium-welcome{margin-top:28px}.premium-kicker,.premium-section-kicker{letter-spacing:.16em;color:#93c5fd;font-size:9px;font-weight:900}.premium-welcome h1{letter-spacing:-.035em;margin:7px 0 0;font-size:27px;line-height:1.16}.premium-welcome h1 span{display:inline-block;transform:rotate(-8deg)}.stamp-hero{align-items:center;gap:15px;margin-top:24px;display:flex}.stamp-number{letter-spacing:-.07em;text-shadow:0 7px 30px #0003;transform-origin:50%;font-size:72px;font-weight:950;line-height:.88}.stamp-number.pop{animation:.72s cubic-bezier(.18,.89,.32,1.28) stampPop}.stamp-copy{flex-direction:column;gap:4px;display:flex}.stamp-copy strong{font-size:19px}.stamp-copy span{color:#bfdbfe;max-width:230px;font-size:12px;line-height:1.45}.premium-progress-wrap{margin-top:21px}.premium-progress-meta{color:#bfdbfe;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;display:flex}.premium-progress-meta strong{color:#fff}.premium-progress{background:#ffffff21;border-radius:999px;height:11px;position:relative;overflow:visible}.premium-progress i{background:linear-gradient(90deg,#60a5fa,#93c5fd,#fff);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 24px #60a5fa8c}.premium-progress b{color:#0f172a;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;transition:left .7s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #00000040}.next-reward-callout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff16;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:22px;padding:13px 14px;display:grid}.next-reward-callout>span{font-size:22px}.next-reward-callout div{flex-direction:column;gap:2px;display:flex}.next-reward-callout small{letter-spacing:.12em;color:#93c5fd;font-size:8px;font-weight:900}.next-reward-callout strong{font-size:13px}.next-reward-callout>b{white-space:nowrap;color:#dbeafe;font-size:11px}.next-reward-callout.unlocked{background:linear-gradient(135deg,#10b98138,#22c55e14);border-color:#86efac4d}.premium-unlocked{color:#dcfce7;background:#22c55e21;border:1px solid #86efac3b;border-radius:999px;margin-top:12px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.premium-card-footer{letter-spacing:.14em;color:#93c5fd;border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;margin-top:23px;padding-top:16px;font-size:8px;font-weight:800;display:flex}.premium-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #e2e8f0f2;border-radius:24px;margin-top:20px;padding:19px;position:relative;box-shadow:0 18px 50px #0f172a0e}.premium-section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.premium-section-head h2,.premium-section-title h2{letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.premium-section-head p{color:#64748b;max-width:370px;margin:7px 0 0;font-size:12px;line-height:1.55}.premium-section-kicker,.premium-section-title small{color:var(--reward-brand)}.live-badge{color:#15803d;background:#ecfdf5;border-color:#bbf7d0;flex:none}.qr-premium-section{padding-bottom:20px}.qr-stage{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:30px;place-items:center;width:min(330px,100%);margin:22px auto 14px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #2563eb1a,inset 0 0 0 8px #eff6ffb3}.qr-stage img{border-radius:8px;width:100%;height:auto;display:block}.qr-corner{border-color:var(--reward-brand);z-index:2;width:40px;height:40px;position:absolute}.qr-corner.tl{border-left:4px solid var(--reward-brand);border-top:4px solid var(--reward-brand);border-radius:12px 0 0;top:10px;left:10px}.qr-corner.tr{border-right:4px solid var(--reward-brand);border-top:4px solid var(--reward-brand);border-radius:0 12px 0 0;top:10px;right:10px}.qr-corner.bl{border-left:4px solid var(--reward-brand);border-bottom:4px solid var(--reward-brand);border-radius:0 0 0 12px;bottom:10px;left:10px}.qr-corner.br{border-right:4px solid var(--reward-brand);border-bottom:4px solid var(--reward-brand);border-radius:0 0 12px;bottom:10px;right:10px}.qr-scan-line{background:linear-gradient(90deg,transparent,var(--reward-brand),transparent);height:2px;box-shadow:0 0 14px var(--reward-brand);opacity:.65;z-index:3;animation:3s ease-in-out infinite qrScan;position:absolute;top:16%;left:18px;right:18px}.qr-live-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:11px;max-width:420px;margin:12px auto 0;padding:12px 14px;display:flex}.qr-live-note>span{font-size:20px}.qr-live-note div{flex-direction:column;gap:2px;display:flex}.qr-live-note strong{font-size:12px}.qr-live-note small{color:#64748b;font-size:11px;line-height:1.45}.premium-section-title{align-items:center;gap:11px;margin-bottom:14px;display:flex}.premium-section-title>span{background:linear-gradient(145deg,#eff6ff,#eef2ff);border-radius:13px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.premium-section-title small{letter-spacing:.13em;font-size:8px;font-weight:900}.offer-premium-list,.rewards-premium-list{flex-direction:column;gap:10px;display:flex}.offer-premium-card{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.offer-icon{color:#fff;background:#fb923c;border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:950;display:grid}.offer-premium-card div:nth-child(2){flex-direction:column;gap:3px;display:flex}.offer-premium-card strong{font-size:13px}.offer-premium-card p{color:#7c2d12;margin:0;font-size:11px;line-height:1.45}.offer-premium-card>span{letter-spacing:.11em;color:#c2410c;background:#ffedd5;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:950}.reward-premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;transition:all .25s;display:grid;position:relative}.reward-premium-card.ready{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#86efac;box-shadow:0 12px 35px #22c55e14}.reward-premium-icon{background:#eff6ff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.reward-premium-card.ready .reward-premium-icon{background:#dcfce7}.reward-premium-copy{flex-direction:column;gap:4px;display:flex}.reward-premium-copy strong{font-size:13px}.reward-premium-copy span{color:#64748b;font-size:11px}.reward-premium-count{text-align:right;flex-direction:column;display:flex}.reward-premium-count b{font-size:18px;line-height:1}.reward-premium-count small{color:#94a3b8;margin-top:3px;font-size:9px}.reward-premium-card em{color:#fff;letter-spacing:.08em;background:#16a34a;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:950;position:absolute;top:-8px;right:10px;box-shadow:0 7px 18px #16a34a40}.premium-empty{text-align:center;color:#94a3b8;padding:18px;font-size:12px}.compact-section{padding-bottom:13px}.history-list{flex-direction:column;display:flex}.history-row{border-top:1px solid #eef2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 2px;display:grid}.history-row:first-child{border-top:0}.history-row>span{color:#15803d;background:#dcfce7;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.history-row strong{font-size:12px}.history-row small{color:#94a3b8;font-size:10px}.customer-card-footer{text-align:center;color:#94a3b8;margin:22px 0 2px;font-size:10px}.customer-card-footer strong{color:#475569}.stamp-toast{z-index:50;color:#fff;background:#0f172a;border-radius:18px;grid-template-columns:auto auto;align-items:center;column-gap:9px;min-width:220px;padding:12px 15px;animation:.35s toastIn;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0f172a59}.stamp-toast>span{grid-row:1/3;font-size:24px}.stamp-toast strong{font-size:14px}.stamp-toast small{color:#93c5fd;font-size:9px}.is-updating .premium-loyalty-card{animation:.8s cardGlow}.is-updating .premium-progress i{box-shadow:0 0 34px #60a5fae6}@keyframes livePulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes spinPulse{0%{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}@keyframes stampPop{0%{transform:scale(1)}45%{transform:scale(1.22)rotate(-2deg)}to{transform:scale(1)}}@keyframes qrScan{0%{opacity:0;top:14%}15%{opacity:.7}50%{opacity:.8}85%{opacity:.7}to{opacity:0;top:84%}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-15px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cardGlow{0%,to{box-shadow:0 32px 90px #0f172a42}50%{box-shadow:0 30px 95px #2563eb57}}@media (max-width:620px){.live-card-page{padding:14px 12px 34px}.premium-loyalty-card{border-radius:27px;padding:19px}.premium-welcome{margin-top:23px}.premium-welcome h1{font-size:23px}.stamp-number{font-size:62px}.stamp-copy span{font-size:11px}.next-reward-callout{grid-template-columns:auto 1fr}.next-reward-callout>b{grid-column:2}.premium-section{border-radius:21px;padding:15px}.premium-section-head{align-items:flex-start}.premium-section-head p{max-width:260px}.qr-stage{border-radius:26px;margin-top:18px;padding:18px}.offer-premium-card{grid-template-columns:auto 1fr}.offer-premium-card>span{grid-column:2;width:max-content}.reward-premium-card{grid-template-columns:auto 1fr auto}.premium-card-footer{font-size:7px}.stamp-toast{width:calc(100% - 24px);max-width:360px;top:10px}.store-chip{max-width:68%}}