.auth-page{background:radial-gradient(at 20% 15%,#eef1e5,#0000 60%),#f8f9f5;align-content:center;justify-items:center;min-height:100dvh;padding:100px 24px 64px;display:grid}.auth-brand{letter-spacing:-1.6px;color:#244b3a;font-size:28px;font-weight:650;position:absolute;top:30px;left:38px}.auth-brand span{color:#8a9b60;margin-left:2px}.auth-card{background:#fff;border:1px solid #e4e9df;border-radius:28px;width:min(100%,520px);padding:clamp(28px,4vw,48px);box-shadow:0 30px 75px -48px #23463755,0 3px 7px #23463705}.auth-card h1{letter-spacing:-1.5px;margin:13px 0 18px;font-size:clamp(28px,3vw,37px);line-height:1.2}.auth-emblem{background:#edf2e3;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:26px;font-size:26px;display:grid}.auth-intro{color:#69786d;overflow-wrap:anywhere;margin-bottom:28px;font-size:16px;line-height:1.7}.auth-card label{gap:9px;font-size:15px;font-weight:600;display:grid}.auth-card input,.auth-card select{background:#fcfdfa;border:1px solid #d5ded2;border-radius:12px;width:100%;min-height:54px;padding:13px 16px;font-size:17px}.auth-card input:focus-visible,.auth-card button:focus-visible{outline-offset:3px;outline:3px solid #9daf75}.auth-primary{justify-content:space-between;width:100%;min-height:53px;margin-top:22px}.auth-code{letter-spacing:.3em;font-variant-numeric:tabular-nums}.auth-actions{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:23px;display:flex}.auth-actions button,.auth-back{text-underline-offset:4px;padding:5px 0;font-size:14px;text-decoration:underline}.auth-footnote{color:#718073;border-top:1px solid #edf0e8;margin-top:30px;padding-top:22px;font-size:14px}.auth-notice,.auth-problem{color:#82442e;background:#faf0e9;border-radius:12px;margin:16px 0;padding:14px 16px;font-size:15px}.auth-qr{max-width:100%;margin:8px auto 16px;display:block}.auth-enrollment details{margin-bottom:22px;font-size:14px}.auth-enrollment code{word-break:break-all;background:#f0f3ea;padding:12px;display:block}.auth-back{margin-top:24px}@media (max-width:520px){.auth-page{align-content:start;padding:110px 18px 35px}.auth-brand{left:24px}.auth-card{border-radius:22px}}
.customer-scanner{gap:17px;display:grid}.scanner-camera{aspect-ratio:16/9;background:#edf2e6;border:1px solid #dde6d5;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.scanner-camera video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute}.scanner-camera.is-open video{opacity:1}.scanner-idle{text-align:center;place-items:center;gap:8px;padding:22px;display:grid}.scanner-idle svg{color:#466849;width:48px;height:48px;margin-bottom:5px}.scanner-idle strong{font-size:19px}.scanner-idle span{color:#6c7c6e;font-size:15px}.scanner-guide{aspect-ratio:1;z-index:1;border:2px solid #e3edc8;border-radius:15px;width:42%;display:none;box-shadow:0 0 0 1000px #09241855}.is-open .scanner-guide{display:block}.scanner-start{justify-content:center;width:100%}.scanner-input{gap:8px;font-size:15px;font-weight:600;display:grid}.scanner-input input{border:1px solid #d9e1d2;border-radius:12px;width:100%;min-height:52px;padding:12px 15px;font-size:16px}.scanner-feedback{background:#f0f4e8;border-radius:12px;padding:14px 17px;font-size:15px}.scanner-hint{color:#6b7a6d;font-size:14px}