:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b2631;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.shell{max-width:550px;margin:50px auto;padding:0 18px}header{display:flex;align-items:center;gap:11px;margin-bottom:22px;font-size:12px;letter-spacing:2px;font-weight:750;color:#415161}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#142e43;color:white;font-size:18px}.mode{margin-left:auto;letter-spacing:.6px;color:#875b00;background:#fff1c4;padding:6px 9px;border-radius:30px}.panel{border:1px solid #e6e9ee;box-shadow:0 18px 55px #182c3d10;border-radius:18px;background:white;padding:34px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#637787;margin:0 0 10px}h1{font-size:30px;margin:0 0 10px;letter-spacing:-1px}.sub{color:#607080;font-size:14px;line-height:1.6;margin-bottom:27px}label{display:block;font-size:13px;font-weight:700;margin:18px 0 9px}small{font-weight:400;color:#84909a}.amount-wrap{display:flex;align-items:center;border:1px solid #ccd5dc;border-radius:10px;overflow:hidden}.amount-wrap span{padding-left:17px;font-size:26px;font-weight:650}.amount-wrap input{border:0!important;font-size:30px!important;outline:0;padding:13px 15px!important;min-width:0}input{width:100%;padding:14px;border:1px solid #ccd5dc;border-radius:9px;font:inherit;font-size:14px}input:focus,.amount-wrap:focus-within{outline:2px solid #8ba3b9}.separator{border-top:1px solid #edf0f2;margin:26px 0}.placeholder{background:#f4f6f8;color:#697b89;padding:20px;border-radius:8px;font-size:13px;line-height:1.6}button{width:100%;margin-top:25px;border:0;border-radius:10px;padding:17px;background:#142e43;color:white;font-weight:750;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#status{margin-top:18px;line-height:1.5;font-size:13px}#status.error{color:#a32121}#status.success{color:#12613b}.fine{font-size:11px;text-align:center;color:#87949e;line-height:1.5;margin-top:25px}footer{text-align:center;color:#9ca5ac;font-size:11px;margin-top:25px}@media(max-width:520px){.shell{margin:22px auto}.panel{padding:23px}h1{font-size:27px}}

/* Version 2: customer information */
h2{font-size:18px;margin:0 0 4px}.help{color:#607080;font-size:12px;margin:0 0 12px;line-height:1.5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-col input{min-width:0}@media(max-width:370px){.two-col{grid-template-columns:1fr}}

select{width:100%;padding:14px;border:1px solid #ccd5dc;border-radius:9px;background:white;font:inherit;font-size:14px}select:focus{outline:2px solid #8ba3b9}input[readonly]{background:#f4f6f8;color:#415161}

#bill-message{width:100%;padding:14px;border:1px solid #ccd5dc;border-radius:9px;background:#f4f6f8;color:#415161;font:inherit;font-size:14px;line-height:1.5;resize:vertical}#bill-message:focus{outline:2px solid #8ba3b9}