:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.cashier-page{background:#f4f6f7;min-height:100vh}.cashier-header{background:#fff;border-bottom:1px solid #d8e0e4;justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;display:flex}.cashier-brand,.cashier-security{align-items:center;gap:8px;display:flex}.cashier-security{color:#5c6970;font-size:13px}.cashier-shell{background:#fff;border:1px solid #d8e0e4;border-radius:8px;width:min(100% - 28px,520px);margin:28px auto}.cashier-state{text-align:center;align-content:center;place-items:center;gap:14px;min-height:340px;padding:32px;display:grid}.cashier-state h1{letter-spacing:0;margin:0;font-size:22px}.cashier-state p{color:#68757c;max-width:360px;margin:0;line-height:1.6}.cashier-state.success-state svg{color:#047857}.cashier-state.warning-state svg{color:#a16207}.cashier-state.error-state svg{color:#b91c1c}.cashier-checkout{gap:20px;padding:24px;display:grid}.cashier-title{justify-content:space-between;align-items:center;display:flex}.cashier-title span{color:#6b7880;font-size:13px}.cashier-title h1{letter-spacing:0;margin:4px 0 0;font-size:22px}.cashier-channels{gap:10px;display:grid}.cashier-channel{color:#172026;text-align:left;background:#fff;border:1px solid #d8e0e4;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:64px;padding:10px 14px;display:flex}.cashier-channel>span{gap:3px;display:grid}.cashier-channel small{color:#6b7880;font-weight:500}.cashier-channel svg{visibility:hidden;color:#047857}.cashier-channel.selected{background:#f0fdf5;border-color:#047857}.cashier-channel.selected svg{visibility:visible}.cashier-pay-button{color:#fff;background:#047857;border:1px solid #047857;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:700;display:inline-flex}.cashier-action-link{color:#fff;background:#172026;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}