:root{--cream:#fff8ed;--paper:#fffdf9;--espresso:#4e2d1e;--brown:#6c4432;--gold:#c89553;--ink:#2c211c;--muted:#7d7068;--line:#eadbc9;--green:#2e6f52;--red:#9a3e35;--shadow:0 18px 55px rgba(67,37,22,.13)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit}button,input{font:inherit}.hero{background:radial-gradient(circle at 80% 20%,#95664b 0,#6f4735 26%,#4e2d1e 63%,#382117 100%);color:#fff8ed;padding:72px 20px 90px}.hero-inner{max-width:850px;margin:auto;text-align:center}.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:800;color:var(--gold);margin-bottom:10px}.eyebrow.light{color:#efd1a8}.hero h1,.loyalty-card h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;margin:10px 0}.lead{font-size:1.16rem;line-height:1.6;max-width:650px;margin:20px auto}.stamp-preview{display:flex;justify-content:center;gap:12px;font-size:2rem;margin-top:26px}.join-wrap{max-width:720px;margin:-45px auto 60px;padding:0 18px}.join-card,.panel,.login-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:28px}.join-card h2,.panel h1,.panel h2{font-family:Georgia,"Times New Roman",serif;margin-top:0}.join-card form,.login-card form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-weight:700;font-size:.92rem}input{width:100%;padding:14px 15px;border:1px solid #d9c6b2;border-radius:12px;background:white;color:var(--ink);outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,149,83,.16)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.45}.check input{width:18px;height:18px;margin-top:2px}.muted,.fine{color:var(--muted)}.fine{font-size:.78rem;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer}.btn.primary{background:var(--espresso);color:white;border-color:var(--espresso)}.btn.reward{background:var(--green);color:white;border-color:var(--green)}.btn.big{padding:15px 20px}.btn.huge{width:100%;padding:19px 20px;font-size:1.05rem}.btn:disabled{opacity:.58;cursor:not-allowed}.alert{padding:13px 15px;border-radius:12px;margin:12px 0}.alert.error{background:#fbe9e7;color:#7d2922}.alert.success{background:#e7f3ec;color:#21573f}.card-page{padding:28px 18px 60px;max-width:560px;margin:auto}.loyalty-card{background:linear-gradient(145deg,#704835,#4e2d1e);color:#fff8ed;border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(52,29,18,.28)}.card-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.card-top h1{font-size:2.2rem;margin:3px 0}.coffee-mark{font-size:2.2rem}.member{margin:18px 0 4px;font-size:1.06rem}.progress-label{display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;margin-top:18px}.progress-label span{font-size:.78rem;color:#efd8c1;text-align:right}.stamps{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.stamp{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px dashed rgba(255,255,255,.42);filter:grayscale(1);opacity:.55}.stamp.filled{background:#fff1d7;border-color:#fff1d7;filter:none;opacity:1}.reward-ready{background:#f5d49d;color:#472a1c;padding:12px 14px;border-radius:12px;text-align:center;font-weight:900}.next-copy{text-align:center;color:#efd8c1}.qr{background:white;padding:14px;border-radius:16px;width:max-content;max-width:100%;margin:22px auto 8px}.qr img,.qr canvas{display:block;max-width:100%;height:auto}.scan-copy{text-align:center;font-size:.82rem;color:#efd8c1}.wallet-actions{display:grid;gap:10px;margin-top:18px}.wallet-btn,.wallet-pending{padding:15px 18px;border-radius:13px;text-align:center;text-decoration:none;font-weight:800}.wallet-btn.apple{background:#111;color:white}.wallet-btn.google{background:white;border:1px solid var(--line)}.wallet-pending{background:#f3eadf;color:#887362;font-size:.86rem}.card-note{text-align:center;color:var(--muted);font-size:.82rem;line-height:1.55}.staff-body{background:#f5efe6}.staff-header{min-height:64px;background:var(--espresso);color:white;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.staff-header .brand{font-family:Georgia,serif;font-weight:800;text-decoration:none}.staff-header nav{display:flex;align-items:center;gap:16px}.staff-header nav a,.link-btn{background:none;border:0;padding:0;color:inherit;text-decoration:none;cursor:pointer}.inline{display:inline}.staff-main{max-width:1050px;margin:28px auto;padding:0 18px 60px}.panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.reader{max-width:520px;margin:18px auto;border-radius:16px;overflow:hidden}.scan-status{text-align:center;color:var(--muted);margin:12px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%)}.back{display:inline-block;margin-bottom:14px;color:var(--brown);font-weight:800;text-decoration:none}.customer-stats,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.customer-stats>div,.stat-grid>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.customer-stats strong,.stat-grid strong{display:block;font-size:1.7rem}.customer-stats span,.stat-grid span{font-size:.8rem;color:var(--muted)}.staff-stamps .stamp{background:#efe5d8;border-color:#d7c2aa;filter:grayscale(1);opacity:.65}.staff-stamps .stamp.filled{background:#f5d49d;border-color:#f5d49d;filter:none;opacity:1}.staff-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.result-list{display:grid;gap:8px}.result-list a{display:flex;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff}.result-list span{color:var(--muted);font-size:.85rem}.stat-grid{grid-template-columns:repeat(5,1fr)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.88rem}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.admin-form{display:grid;grid-template-columns:1fr 1.3fr 1.4fr auto;gap:9px;margin:20px 0}.message-page{min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center}.message-page>div{max-width:520px}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:740px){.grid2,.staff-actions,.admin-form{grid-template-columns:1fr}.hero{padding-top:52px}.customer-stats,.stat-grid{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start;flex-direction:column}.staff-header{padding:12px 15px}.staff-header nav{gap:10px;font-size:.85rem}.result-list a{display:grid}.progress-label{align-items:flex-start;flex-direction:column}.progress-label span{text-align:left}}@media(max-width:420px){.customer-stats,.stat-grid{grid-template-columns:1fr}.stamp{width:46px;height:46px}.loyalty-card{padding:20px}.join-card,.panel{padding:20px}}