@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap");:root{--ink:#222720;--muted:#777d73;--green:#496b55;--sage:#e9eee7;--cream:#f7f6f1;--line:#e4e6df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1120px;margin:auto;padding:0 34px}.top{height:84px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:2px}.brand,.top{display:flex;align-items:center}.brand{gap:10px;font-weight:500}.brand b{font-weight:700}.brandIcon{width:36px;height:36px;border-radius:50%;background:var(--sage);color:var(--green);display:grid;place-items:center}.eyebrow,.tag{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.hero{padding:92px 0 66px;max-width:680px}.authCard h1,.dashIntro h1,.hero h1{font:500 clamp(46px,7vw,76px)/1.04 Playfair Display,serif;letter-spacing:-2px;margin:20px 0}.authCard h1 em,.dashIntro h1 em,.features h2 em,.hero h1 em{color:var(--green);font-weight:500}.intro,.muted{color:var(--muted);line-height:1.7}.intro{max-width:440px;font-size:16px}.dashActions,.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{border:0;border-radius:5px;padding:14px 19px;font:600 13px DM Sans;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;min-height:48px}.primary{background:var(--green);color:white}.primary:hover{background:#365540}.ghost{border:1px solid #cfd5cc;background:transparent;color:var(--ink)}.full{width:100%}.preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;max-width:650px;box-shadow:0 18px 45px #2936280b}.cardHead{display:flex;justify-content:space-between;color:var(--green)}.cardFoot,.cardHead small{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.cardHead h2{font:500 25px Playfair Display;color:var(--ink);margin:8px 0 25px}.stamps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.stamp{aspect-ratio:1;border:1px solid #dfe5dc;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:14px;background:#f8faf6}.stamp:last-child{background:var(--sage)}.cardFoot{display:flex;justify-content:space-between;margin-top:22px}.cardFoot b{color:var(--green)}.features{padding:100px 0 90px}.features h2{font:500 42px/1.15 Playfair Display;margin:15px 0 35px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:35px;gap:35px}.featureGrid article{border-top:1px solid var(--line);padding-top:20px}.featureGrid svg{color:var(--green)}.featureGrid h3{font:500 21px Playfair Display}.featureGrid p{color:var(--muted);font-size:13px;line-height:1.7}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}footer span{margin-left:auto}.authShell{max-width:540px;margin:auto;padding:25px 22px 70px;min-height:100vh}.back{display:inline-block;color:var(--muted);font-size:13px;margin:10px 0 30px}.authCard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:35px;box-shadow:0 16px 40px #2936280a}.authIcon{width:44px;height:44px;border-radius:50%;background:var(--sage);color:var(--green);display:grid;place-items:center;margin-bottom:28px}.authCard h1{font-size:48px}.authCard form{display:grid;grid-gap:17px;gap:17px;margin:26px 0}.authCard label{display:grid;grid-gap:8px;gap:8px;font-size:12px;font-weight:600}.authCard input,.search input{border:1px solid var(--line);background:#fff;border-radius:5px;padding:13px;font:14px DM Sans;width:100%;outline-color:var(--green)}.authCard .muted,.error{font-size:12px}.error{background:#fff0ed;color:#a53e2c;padding:11px}.error,.notice{border-radius:5px}.notice{background:var(--sage);color:var(--green);padding:13px;font-size:13px}.dashboard{max-width:1000px;margin:auto;padding:0 28px 60px}.dashTop{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.iconButton{border:0;background:var(--sage);color:var(--green);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.dashIntro{padding:55px 0 30px}.dashIntro h1{font-size:52px}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;max-width:500px}.stats div{background:#fff;border:1px solid var(--line);padding:19px;border-radius:8px;display:grid;grid-gap:8px;gap:8px}.stats svg{color:var(--green)}.stats strong{font:500 32px Playfair Display}.stats small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.listHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:55px}.listHead h2{font:500 26px Playfair Display}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding-left:10px;border-radius:5px;max-width:260px}.search input{border:0}.customerList{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.customer{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.customer:last-child{border:0}.customer div:first-child{display:grid;grid-gap:5px;gap:5px}.customer b{font-size:13px}.customer small{color:var(--muted);font-size:11px}.customerRight{display:flex;align-items:center;gap:12px;color:var(--green);font-size:12px}.scanner{margin:25px auto;max-width:320px}.clientProgress{background:var(--sage);border-radius:8px;padding:20px;margin:25px 0}.clientProgress strong{font:500 36px Playfair Display;display:block;color:var(--green)}.clientProgress span{font-size:12px;color:var(--muted)}.progress{height:7px;background:#d5dfd3;border-radius:8px;margin-top:15px;overflow:hidden}.progress i{height:100%;display:block;background:var(--green)}.qrImage{display:block;width:220px;height:220px;object-fit:contain;margin:15px auto}.authCard h3{font:500 20px Playfair Display;text-align:center}@media(max-width:650px){.shell{padding:0 20px}.top{height:70px}.hero{padding:65px 0 48px}.hero h1{font-size:55px}.features{padding:70px 0}.featureGrid{grid-template-columns:1fr;gap:15px}.featureGrid article{padding:18px 0}.authCard{padding:25px 21px}.authCard h1{font-size:43px}.listHead{align-items:flex-start;flex-direction:column}.search{max-width:none;width:100%}.dashIntro h1{font-size:43px}.dashboard{padding:0 18px 50px}.stamps{gap:7px}.cardFoot{font-size:9px}footer{flex-wrap:wrap}footer span{width:100%;margin:5px 0 0}}#qr-reader{width:100%;max-width:100%;border:0!important;margin:18px auto!important}#qr-reader video{width:100%!important;max-width:100%!important;object-fit:cover!important;border-radius:10px}#qr-reader__scan_region{min-height:280px}#qr-reader__dashboard{padding:8px!important}#qr-reader__dashboard button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 12px}#qr-reader__status_span{font-size:12px;color:var(--muted)}