:root{font-family:system-ui,sans-serif;color:#163b3a;background:#edf3f0;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:auto;padding:28px 18px 70px}h1{font-size:2.5rem;letter-spacing:-.05em;margin:4px 0}h2{font-size:1.2rem}.eyebrow{letter-spacing:.18em;font-size:.7rem;font-weight:700;color:#456d67}header{margin-bottom:28px}section,form#login{background:#fff;border-radius:18px;padding:20px;margin:16px 0}section#account{padding:0;background:none}label{display:block;margin:12px 0}input{display:block;width:100%;padding:13px;border:1px solid #aec7bf;border-radius:8px;font:inherit;margin-top:6px}button{background:#136954;color:white;border:0;padding:13px 18px;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}button.secondary{background:#e4eeea;color:#174d41}button:disabled{opacity:.5;cursor:default}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bar>div:first-child{flex:1}strong#balance{display:block;font-size:2rem}.machine{border-top:1px solid #e3eae6;padding:17px 0;display:flex;gap:14px;align-items:center}.machine>div{flex:1}.machine p{margin:5px 0;color:#42615b}.machine strong{font-size:1.1rem}#notice:empty{display:none}#notice{padding:14px;background:#fff5d7;border-radius:10px}pre{font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}dialog{max-width:450px;border:0;border-radius:18px;padding:26px;color:inherit}dialog::backdrop{background:#062c2566}a{color:#086248}form#qr{margin-top:20px}#records:empty{display:none}[hidden]{display:none!important}
video{width:100%;max-height:55vh;border-radius:10px;margin-bottom:12px}#scan{margin-top:12px}
form#signup{background:#fff;border-radius:18px;padding:20px;margin:16px 0}