*{box-sizing:border-box}html,body{color:#17201d;background:#eef3f1;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.checkout-shell,.home-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:24px}.checkout-shell-centered,.home-shell{place-items:center;display:grid}.checkout-status-band{background:#fff;border:1px solid #d7e1de;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:164px;padding:28px;display:flex}.checkout-label,.field-label{color:#61706c;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700;display:block}h1{margin:0;font-size:38px;line-height:1.08}.checkout-status-band p{color:#52615d;max-width:58ch;margin:12px 0 0;line-height:1.5}.status-pill{color:#1f332d;text-align:center;background:#f7faf9;border:1px solid #cbd8d5;border-radius:999px;flex:none;min-width:118px;padding:10px 14px;font-size:14px;font-weight:700}.status-paid{background:#eef8f1;border-color:#9fd0b2}.status-payment_detected{background:#eef6fc;border-color:#a8c5df}.status-expired,.status-cancelled,.status-failed{background:#fff1f0;border-color:#e4b0ad}.status-underpaid,.status-overpaid,.status-exception{background:#fff8e6;border-color:#e1c077}.checkout-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;margin-top:18px;display:grid}.payment-panel,.details-panel,.error-panel,.home-panel{background:#fff;border:1px solid #d7e1de;border-radius:8px}.payment-panel{grid-template-columns:minmax(0,1fr) 280px;gap:22px;min-width:0;padding:24px;display:grid}.amount-row{border-bottom:1px solid #e4ebe9;grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:16px;min-height:76px;padding-bottom:20px;display:flex}.amount-row strong{overflow-wrap:anywhere;font-size:42px;line-height:1;display:block}.qr-frame{background:#f8fbfa;border:1px solid #dfe7e4;border-radius:8px;justify-self:end;place-items:center;width:264px;height:264px;display:grid}.qr-frame img{width:240px;height:240px;display:block}.qr-frame span{color:#6b7774;font-size:14px}.address-block{grid-template-rows:auto minmax(116px,1fr) auto;align-self:stretch;gap:10px;min-width:0;display:grid}.address-block code{overflow-wrap:anywhere;color:#111827;background:#f8fbfa;border:1px solid #dfe7e4;border-radius:8px;width:100%;min-height:116px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.55;display:block}.details-panel{padding:24px}.countdown{border-bottom:1px solid #e4ebe9;min-height:92px;margin-bottom:18px;padding-bottom:18px}.countdown strong{font-size:40px;line-height:1;display:block}.detail-list{gap:10px;margin:0 0 22px;display:grid}.detail-list div{border-bottom:1px solid #edf2f0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;display:grid}dt{color:#61706c;font-size:13px}dd{overflow-wrap:anywhere;color:#17201d;text-align:right;min-width:0;margin:0;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:8px;height:42px;padding:0 16px;font-weight:700}.primary-button{color:#fff;background:#146a56;width:100%}.secondary-button{color:#1f332d;background:#fff;border-color:#cbd8d5;flex:none}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.56}.error-panel,.home-panel{width:min(680px,100%);padding:28px}.error-panel h1,.home-panel h1{font-size:32px}.error-panel p,.home-panel p{color:#52615d;margin:14px 0 0;line-height:1.55}.status-mark{border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:16px;font-weight:700;display:grid}.status-mark-error{color:#b42318;background:#fff1f0}.home-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.home-facts div{border:1px solid #e4ebe9;border-radius:8px;min-width:0;padding:12px}.home-facts dd{text-align:left}@media (max-width:860px){.checkout-shell,.home-shell{padding:16px}.checkout-status-band,.amount-row{flex-direction:column;align-items:stretch}.checkout-grid,.payment-panel{grid-template-columns:1fr}.qr-frame{justify-self:center}.amount-row strong,h1{font-size:32px}}@media (max-width:520px){.payment-panel,.details-panel,.checkout-status-band,.home-panel,.error-panel{padding:18px}.qr-frame{aspect-ratio:1;width:min(264px,100%);height:auto}.qr-frame img{aspect-ratio:1;width:min(240px,90%);height:auto}.detail-list div{grid-template-columns:1fr;gap:4px;padding-bottom:10px}dd{text-align:left}.home-facts{grid-template-columns:1fr}}