.xp-page{background:#f5f6fb;color:#22223c}.xp-shell{max-width:1120px;margin:0 auto;padding:44px 28px 64px}.xp-heading{display:flex;align-items:center;gap:22px;margin-bottom:30px}.xp-logo{font-size:60px;font-weight:800;width:92px;height:92px;display:grid;place-items:center;background:#15151e;color:white;border-radius:24px}.xp-heading h1{font-size:38px;margin:5px 0 8px}.xp-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px;align-items:start}.xp-page .panel{padding:28px;border:1px solid #e2e3f0;border-radius:20px;box-shadow:0 10px 38px #25254906}.xp-page h2{font-size:21px}.xp-page h3{font-size:16px}.xp-chip{background:#ecebff;color:#5755d9;padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.xp-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xp-offer{position:relative;cursor:pointer}.xp-offer input{position:absolute;opacity:0;width:1px;height:1px}.xp-offer span{display:flex;flex-direction:column;gap:8px;padding:19px 16px;border:1px solid #dcddeb;border-radius:14px;background:white}.xp-offer input:checked+span{border-color:#655de7;background:#f4f2ff;box-shadow:0 0 0 1px #655de7}.xp-offer input:focus-visible+span{outline:3px solid #b4affb;outline-offset:3px}.xp-offer b{font-size:24px}.xp-offer small{color:#77758e}.xp-handle-input{position:relative}.xp-handle-input span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#77748e}.xp-handle-input input{padding-left:37px;width:100%;box-sizing:border-box}.xp-help{font-size:12px;line-height:1.7;margin:0}.xp-notice{font-size:13px;line-height:1.7;white-space:pre-line}.xp-notice:empty{display:none}.xp-guide ol{padding-left:23px;line-height:2.1;font-size:14px}.xp-guide p{font-size:13px;line-height:1.8}.xp-recipient{border:1px solid #dedbf9;border-radius:14px;background:#f8f7ff;padding:18px}.xp-recipient h3{margin-top:0}.xp-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.xp-profile img,.xp-avatar-fallback{width:56px;height:56px;border-radius:50%;background:#252536;color:white;object-fit:cover}.xp-avatar-fallback{display:grid;place-items:center;font-size:26px}.xp-profile p{margin:4px 0 0;color:#79758f}.xp-confirm{display:flex!important;align-items:center;gap:9px;font-size:13px}.xp-confirm input{width:17px!important;height:17px;flex:none;accent-color:#625ae3}.xp-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ecebf4;padding-top:18px}.xp-total strong{font-size:28px;color:#5148cc}.xp-order,.xp-page #xp-history{margin-top:24px}.xp-status{font-size:19px;font-weight:700;color:#574bd2}.xp-status[data-status=delivered]{color:#147b5a}.xp-status[data-status=manual_review],.xp-status[data-status=payment_unknown]{color:#aa6720}.xp-transfer{border-top:1px solid #e5e4f0;padding-top:20px;margin-top:22px}.xp-pay-amount{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.xp-pay-amount strong{font-size:29px;color:#5148cc;font-variant-numeric:tabular-nums}.xp-transfer-grid{display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px}.xp-qr{width:168px;height:168px;background:white;border:1px solid #e5e3ef;border-radius:14px;padding:8px;box-sizing:border-box}.xp-qr svg{width:100%;height:100%}.xp-transfer-grid input{box-sizing:border-box;width:100%;font-size:12px;margin-bottom:10px}.xp-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;width:100%;text-align:left;padding:16px 0;background:transparent;border:0;border-bottom:1px solid #ecebf4;cursor:pointer;color:inherit}.xp-order-row small{color:#89859d;overflow-wrap:anywhere}.xp-order-row strong{font-size:14px}.xp-order-row span{font-size:13px}.xp-page .detail-facts dd{overflow-wrap:anywhere}.xp-page #xp-login{margin-bottom:22px}.xp-page .button:disabled{opacity:.5;cursor:not-allowed}.xp-page .hidden{display:none!important}
@media(max-width:700px){.xp-shell{padding:26px 16px 40px}.xp-heading{gap:14px}.xp-logo{width:65px;height:65px;border-radius:18px;font-size:40px}.xp-heading h1{font-size:29px}.xp-heading p{font-size:12px}.xp-grid{grid-template-columns:1fr}.xp-page .panel{padding:20px}.xp-guide{order:2}.xp-transfer-grid{grid-template-columns:1fr}.xp-qr{margin:0 auto}.xp-pay-amount strong{font-size:25px}.xp-page .topbar{padding:14px 16px;flex-wrap:wrap;gap:14px}.xp-page .site-nav{gap:16px;font-size:12px}.xp-page .wordmark{font-size:16px}.xp-page .topbar>.button{margin-left:auto}.xp-offers{gap:10px}.xp-offer span{padding:16px 12px}.xp-page .panel-heading{gap:10px}.xp-page .panel-heading h2{font-size:18px}.xp-page .site-footer{padding:25px 20px}}