:root{--dark:#123F2D;--green:#194C37;--olive:#637C43;--sage:#DCE4CF;--pale:#EDF1E7;--cream:#F5F1E8;--white:#FFFDF8;--text:#17221D;--muted:#667069;--border:#E4E2DA;--danger:#B83A32;--warn:#B66A12;--success:#477332}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;background:var(--cream);color:var(--text)}button,select,input,textarea{font:inherit}button{cursor:pointer;min-height:48px;border:1px solid var(--border);background:var(--white);border-radius:12px;padding:12px 17px;color:var(--dark);font-weight:600}button:disabled{opacity:.5;cursor:default}button:not(:disabled):hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--olive);outline-offset:2px}.primary{background:var(--dark);color:white;border-color:var(--dark)}.app{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{background:var(--dark);color:white;min-height:100vh;padding:30px 18px;display:flex;flex-direction:column;gap:18px}.logo{display:flex;align-items:center;gap:11px;font-size:29px;letter-spacing:-1.1px}.logo-mark{background:var(--pale);width:45px;height:45px;border-radius:12px;display:flex;flex-direction:column;gap:3px;padding:10px;justify-content:center}.logo-mark i{display:block;height:6px;border-radius:3px;background:var(--dark)}.logo-mark i:nth-child(2){background:var(--olive)}.logo-mark i:nth-child(3){background:#9BAF85}.sidebar small{font-size:10px;letter-spacing:.08em;color:var(--sage)}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{background:transparent;border:0;color:#E9EEE7;text-align:left;display:flex;align-items:center;gap:15px;font-size:15px;font-weight:500}.sidebar nav button.active,.sidebar nav button:hover{background:var(--green);color:#fff}.nav-icon{width:25px;font-size:22px;text-align:center}.sidebar-foot{font-size:12px;color:#BACDBB;line-height:1.7;margin-top:auto}.bottom-nav{display:none}main{min-width:0;width:100%;max-width:1530px;padding:38px clamp(24px,4.2vw,70px)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{letter-spacing:.1em;font-size:11px;font-weight:750;color:var(--olive);margin:0 0 10px}h1{font-size:34px;letter-spacing:-.03em;margin:0;color:var(--dark)}h2{margin:0 0 15px;font-size:23px;letter-spacing:-.02em;color:var(--dark)}.selector{display:flex;align-items:center;gap:12px}.selector label{margin:0}.selector select{width:auto;min-width:180px}label{font-weight:600;font-size:14px;display:block;margin:16px 0 8px}select,input,textarea{width:100%;max-width:100%;border:1px solid #CACFC7;border-radius:11px;padding:13px 14px;background:white;color:var(--text);min-height:48px}.panel{display:none}.panel.current{display:block}.lead{font-size:17px;color:var(--muted);margin:0 0 24px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.metrics article,.card{background:var(--white);border:1px solid var(--border);border-radius:17px}.metrics article{padding:24px;display:flex;flex-direction:column;gap:10px}.metrics article span{color:var(--muted);font-size:15px}.metrics strong{font-size:45px;line-height:1;color:var(--dark)}.metrics small{color:var(--muted)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:28px;margin-bottom:18px}.card p{color:var(--muted);line-height:1.55}.featured{background:var(--pale)}.featured .primary{margin-top:10px}.card-icon{width:48px;height:48px;border-radius:13px;background:var(--sage);display:grid;place-items:center;color:var(--dark);font-size:28px;margin-bottom:20px}.activity{padding:13px 0;border-bottom:1px solid var(--border);font-size:14px;line-height:1.5}.activity:last-child{border-bottom:0}.activity small{color:var(--muted)}.notice{background:var(--pale);padding:18px;border-radius:12px;color:var(--green);font-size:14px;margin-top:16px}.message{display:none;border-radius:11px;background:var(--pale);border-left:4px solid var(--olive);padding:15px 18px;margin-bottom:20px}.message.visible{display:block}.message.error{background:#FFF0ED;border-color:var(--danger)}.message.success{border-color:var(--success)}.scan-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:20px;align-items:start}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-heading p{margin:0 0 10px}.status-chip{font-size:12px;font-weight:700;background:var(--pale);color:var(--green);border-radius:20px;padding:8px 12px;white-space:nowrap}.status-chip.error{background:#FFF0ED;color:var(--danger)}.status-chip.success{background:#EDF5E7;color:var(--success)}.helper{margin-top:0}.camera-wrap{position:relative;width:100%;aspect-ratio:4/3;max-height:350px;background:#17251D;border-radius:15px;overflow:hidden;margin:17px 0}.camera-wrap video{display:block;width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;pointer-events:none;inset:18% 23%;border:3px solid #F7FFF4;border-radius:17px;opacity:.75}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:white;text-align:center;padding:20px;background:#26382E}.camera-placeholder span{font-size:48px}.camera-placeholder small{color:#D2DED0}.camera-wrap.active .camera-placeholder{display:none}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions button{flex:1}.camera-hint,.note{font-size:13px!important;color:var(--muted);line-height:1.55}.manual-card .primary{margin-top:14px}.scan-result{margin-top:18px;font-size:15px;font-weight:600;line-height:1.5}.scan-result.ok{color:var(--success)}.scan-result.fail{color:var(--danger)}.customer{display:grid;grid-template-columns:1fr 102px;gap:20px;align-items:center;border-top:1px solid var(--border);padding:19px 0}.customer strong{display:block;font-size:17px}.customer small{display:block;color:var(--muted);margin:7px 0}.customer img{width:102px;height:102px;padding:5px;background:white;border:1px solid var(--border);border-radius:8px}.demo-scan{margin-top:8px;background:var(--pale);border-color:var(--sage);font-size:13px}.status-text{font-size:13px;color:var(--olive)}dt{margin-top:20px;font-weight:700}dd{color:var(--muted);margin:5px 0}footer{padding:35px 0;color:var(--muted);font-size:12px}@media(max-width:1050px){.scan-layout{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}}@media(max-width:800px){.app{display:block}.sidebar{min-height:auto;padding:13px 17px;gap:0}.sidebar .logo{font-size:23px}.sidebar .logo-mark{width:35px;height:35px;border-radius:10px;padding:8px}.sidebar nav,.sidebar small,.sidebar-foot{display:none}main{padding:19px 16px calc(95px + env(safe-area-inset-bottom));max-width:640px;margin:auto}header{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:21px}h1{font-size:27px}h2{font-size:20px}.selector{justify-content:space-between}.selector select{width:63%;min-width:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics article{padding:16px;gap:9px}.metrics article:last-child{grid-column:1/-1}.metrics strong{font-size:34px}.metrics article small{font-size:12px}.card{padding:19px;border-radius:15px}.customer{gap:10px;grid-template-columns:minmax(0,1fr) 92px}.customer img{width:92px;height:92px}.customer small{font-size:12px}.demo-scan{min-height:45px;padding:9px 11px;white-space:normal}.camera-wrap{aspect-ratio:1/1}.bottom-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));z-index:10;background:var(--white);border-top:1px solid var(--border);padding:7px 5px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #123f2d13}.bottom-nav button{border:0;background:transparent;padding:5px 0;min-height:53px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--muted);border-radius:10px}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button.active{color:var(--dark);background:var(--pale)}.bottom-nav .bottom-scan{color:var(--dark)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}

/* Tenant setup (operator only) */
.setup-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.setup-tabs button{border-radius:10px}.setup-tabs button.selected{background:var(--dark);color:#fff}.setup-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:20px;align-items:start}.setup-pane{display:none}.setup-pane.selected{display:block}.motif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px}.motif-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;min-height:92px}.motif-grid button span{font-size:29px}.motif-grid button small{font-size:12px}.motif-grid button.selected,.design-grid button.selected{background:var(--pale);outline:2px solid var(--olive)}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.design-grid button{display:flex;align-items:center;gap:10px}.design-sample{display:block;height:42px;width:45px;border-radius:9px;background:linear-gradient(0deg,var(--sage) 35%,var(--dark) 35%)}.design-2,.design-7{border-radius:24px}.design-3,.design-8{background:var(--olive)}.design-4,.design-9{background:var(--sage);border:5px solid var(--dark)}.design-5,.design-10{background:var(--dark);border-left:12px solid var(--olive)}.design-6{background:var(--cream);border:3px solid var(--olive)}.customer-preview{--tenant-accent:#194C37;min-height:430px;background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:21px;padding-bottom:20px}.preview-top{width:100%;background:var(--tenant-accent);color:#fff;padding:23px;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:115px}.preview-top img{max-height:64px;max-width:155px;object-fit:contain}.preview-top strong{font-size:23px}.preview-top small{opacity:.85}.preview-motif{font-size:72px;line-height:1.1;color:var(--tenant-accent)}.preview-punches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;width:240px}.preview-punches span{height:36px;border-radius:50%;border:2px solid var(--tenant-accent);display:grid;place-items:center;color:var(--tenant-accent);font-weight:700}.preview-punches span.filled{background:var(--tenant-accent);color:white}.customer-preview>strong{padding:0 20px;text-align:center}.powered{font-size:10px;color:var(--muted);margin-top:auto}.card-design-2 .preview-top,.card-design-7 .preview-top{border-radius:0 0 50% 50%}.card-design-3 .preview-punches span,.card-design-8 .preview-punches span{border-radius:9px}.card-design-4 .preview-top,.card-design-9 .preview-top{background:#fff;color:var(--tenant-accent);border-bottom:4px solid var(--tenant-accent)}.card-design-5 .preview-top,.card-design-10 .preview-top{background:var(--tenant-accent);align-items:flex-start}.card-design-6 .preview-punches{grid-template-columns:repeat(10,1fr);width:265px;gap:3px}.card-design-6 .preview-punches span{height:23px;font-size:11px}.preview-punches.pulse .filled:last-of-type{animation:stampPulse .65s ease}@keyframes stampPulse{50%{transform:scale(1.25)}}
@media(max-width:1000px){.setup-grid{grid-template-columns:1fr}.preview-rail{max-width:490px;width:100%}}@media(max-width:480px){.setup-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.setup-tabs button{padding:9px 5px;font-size:12px}.motif-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-rail{padding:14px}}

.reward-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.reward-row button{flex-shrink:0}.preview-motif img{width:220px;max-width:100%;height:160px;object-fit:cover;border-radius:13px;display:block}.preview-motif:has(img){font-size:0}@media(max-width:520px){.reward-row{flex-direction:column;align-items:stretch}.reward-row button{width:100%}}

/* New v0.5 sections and photographic thumbnails */
.motif-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;height:66px;overflow:hidden;border-radius:9px;background:#EDF1E7}.motif-thumbnail img{width:100%;height:100%;object-fit:cover}.motif-grid button{padding:5px;min-height:110px}.motif-grid button small{padding-bottom:6px}.campaign-tile{padding:15px;margin-bottom:10px;border:1px solid var(--border);border-radius:14px;background:var(--white);display:flex;flex-direction:column;gap:7px}.campaign-tile span{font-weight:700;color:var(--olive)}.campaign-tile small{color:var(--muted)}.preview-motif img{width:290px;max-width:100%;height:185px}.reward-row button:disabled{opacity:.55}.card input[type='datetime-local']{max-width:100%}

.preview-link{display:inline-block;background:#EDF1E7;color:#123F2D;border-radius:11px;padding:12px 16px;font-weight:700;text-decoration:none}