:root{color:#172026;background:#f3f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}a{color:#0b6670;font-weight:800}button{min-height:40px;border:1px solid #b8c7c4;border-radius:8px;background:#fff;color:#172026;cursor:pointer;font-weight:800}button:hover{border-color:#0b6670}.order-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.order-surface{width:min(960px,100%);border:1px solid #d4dedb;border-radius:8px;background:#fff;padding:28px;box-shadow:0 18px 60px #1f2f2c1f}.order-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#5b6b68;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.15}h2{margin-bottom:12px;font-size:1rem}.status-pill{flex:0 0 auto;min-width:116px;border-radius:999px;padding:8px 12px;text-align:center;font-size:.86rem;font-weight:900}.status-neutral{background:#edf3f1;color:#36514c}.status-progress{background:#fff3d8;color:#7a4d00}.status-success{background:#e4f7ed;color:#116b3b}.status-warning{background:#ffe9e3;color:#a13d21}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.summary-grid div{min-height:78px;border:1px solid #dbe4e1;border-radius:8px;padding:14px;background:#f8faf9}.summary-grid span,.copy-row span{display:block;margin-bottom:6px;color:#61736f;font-size:.78rem;font-weight:800;text-transform:uppercase}.summary-grid strong{display:block;overflow-wrap:anywhere;font-size:1.05rem}.status-banner{border:1px solid #dbe4e1;border-radius:8px;padding:18px;margin-bottom:18px}.status-banner h2{margin-bottom:6px}.status-banner p,.state-surface p,.paid-panel p{margin-bottom:0;color:#4d5e5a}.banner-neutral{background:#f8faf9}.banner-progress{background:#fff9ec;border-color:#efd79d}.banner-success{background:#f0fbf5;border-color:#b9e5cc}.banner-warning{background:#fff3ef;border-color:#efc4b7}.payment-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.option-panel,.details-panel,.paid-panel{border:1px solid #dbe4e1;border-radius:8px;padding:18px;background:#fbfcfc}.option-list{display:grid;gap:10px}.option-button{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;width:100%;min-height:62px;padding:10px 12px;text-align:left}.option-button.selected{border-color:#0b6670;background:#eaf7f7}.option-button span{font-size:1rem}.option-button small{color:#586966;font-weight:700}.details-panel{display:grid;grid-template-columns:216px minmax(0,1fr);gap:14px}.qr-box{grid-row:span 3;width:216px;min-height:216px;display:grid;place-items:center;border:1px solid #cad8d5;border-radius:8px;background:#fff;color:#61736f;font-weight:800}.qr-box img{width:192px;height:192px;display:block}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px;align-items:center;min-width:0;border-bottom:1px solid #e5eeeb;padding-bottom:14px}.copy-row strong{display:block;overflow-wrap:anywhere}.address-row strong{font-size:.92rem}.network-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.network-list div{min-height:58px;border-radius:8px;background:#eef4f2;padding:12px}.network-list dt{color:#61736f;font-size:.76rem;font-weight:800;text-transform:uppercase}.network-list dd{margin:4px 0 0;font-weight:900}.paid-panel{margin-top:18px}.pending-link{background:#fff9ec;border-color:#efd79d}.short-link-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 86px;gap:10px;align-items:center}.short-link-row a:first-child{overflow-wrap:anywhere}.open-button{min-height:40px;display:grid;place-items:center;border:1px solid #0b6670;border-radius:8px;background:#0b6670;color:#fff;text-decoration:none}.state-surface{width:min(560px,100%)}.state-warning{border-color:#efc4b7}@media(max-width:760px){.order-shell{align-items:start;padding:16px}.order-surface{padding:20px}.order-header{display:grid}.status-pill{min-width:0;width:100%}.summary-grid,.payment-layout,.details-panel,.network-list,.short-link-row{grid-template-columns:1fr}.qr-box{grid-row:auto;width:100%}}