:root{font:17px/1.6 system-ui,sans-serif;color:#29243a;background:#f6f5f9}*{box-sizing:border-box}body{margin:0}main{max-width:660px;margin:auto;padding:24px 20px 40px}header img{max-width:60%;height:auto}h1,h2{line-height:1.25;color:#2f2584}h1{font-size:2rem}h2{font-size:1.4rem}section{background:white;border:1px solid #ddd7ee;border-radius:18px;padding:24px;margin:22px 0}.notice{font-size:.9rem;color:#51457a}input,button{font:inherit;width:100%;padding:13px;margin-top:12px;border-radius:10px}input{border:1px solid #756987;min-width:0}button{background:#2f2584;color:white;border:1px solid #2f2584;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ba7c24;outline-offset:3px}.secondary-button{color:#2f2584;background:white}.secondary{font-size:.9rem;color:#5a526b}.points{margin:10px 0;color:#2f2584}.points strong{font-size:3.4rem}.actions{display:flex;gap:12px}.actions button{flex:1;min-width:0}#customer-barcode{display:block;background:white;width:100%;height:95px;margin:20px 0}#customer-barcode rect{fill:black}#customer-card{overflow-wrap:anywhere}a{color:#2f2584}[hidden]{display:none!important}@media(max-width:380px){section{padding:18px}.actions{display:block}}