*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#162238;background:#fff1f6;font-family:Arial,Helvetica,sans-serif}.redirect-screen{color:#2387b4;place-items:center;min-height:100vh;font-size:1rem;display:grid}.cashier-page{color:#084060;background:#f58bab;min-height:100dvh;padding:clamp(32px,6vw,72px) 20px;font-family:Avenir Next,Avenir,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif}.cashier-shell{width:min(100%,520px);margin:0 auto}.cashier-card{padding:0}.cashier-card h1{margin:0 0 30px;font-size:clamp(2rem,6vw,2.65rem);line-height:1.1}.cashier-customer{background:#fff;border-radius:18px;grid-template-columns:1fr auto;gap:20px;margin-bottom:28px;padding:22px;display:grid}.cashier-customer div{align-content:start;gap:8px;display:grid}.cashier-customer span{color:#217da9;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.cashier-customer strong{color:#217da9;font-size:1.25rem;line-height:1.2}.cashier-customer div:last-child strong{font-size:1.7rem}.cashier-form{gap:10px;display:grid}.cashier-form label{font-size:1rem;font-weight:800}.cashier-form input{color:#084060;width:100%;min-height:58px;font:inherit;background:#fff;border:2px solid #fff;border-radius:14px;padding:12px 16px;font-size:1.2rem}.cashier-form input:focus-visible{outline-offset:2px;outline:3px solid #084060}.cashier-form button{color:#fff;min-height:58px;font:inherit;cursor:pointer;background:#217da9;border:0;border-radius:14px;margin-top:8px;font-size:1.05rem;font-weight:800}.cashier-form button:hover{background:#176d99}.cashier-form button:disabled{opacity:.6;cursor:wait}.cashier-refresh{color:#084060;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:18px;padding:0;font-weight:800;text-decoration:underline}.cashier-note,.cashier-success,.cashier-error,.cashier-loading{color:#084060;background:#fff;border-radius:12px;padding:14px 16px;line-height:1.45}.cashier-success{border-left:5px solid #51a87e}.cashier-error{border-left:5px solid #d04478}@media (width<=440px){.cashier-customer{grid-template-columns:1fr;gap:18px}}