.exchange-page{max-width:1180px;margin:0 auto;padding:36px 24px 56px;color:#182332;font:16px/1.5 system-ui,sans-serif}
.exchange-page *{box-sizing:border-box}.exchange-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.exchange-card{min-width:0;padding:24px;background:#fff;border:1px solid #dbe2e8;border-radius:12px;box-shadow:none}.exchange-card h2{font-size:23px;font-weight:700;margin:0 0 20px}.exchange-card h3{font-size:17px;font-weight:650;margin:0 0 14px}.exchange-section+.exchange-section{border-top:1px solid #e0e5ea;margin-top:22px;padding-top:22px}.exchange-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.exchange-heading h3{margin:0}.exchange-count{width:154px;flex-shrink:0}
.exchange-page label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.exchange-page input,.exchange-page select{width:100%;min-width:0;min-height:48px;border:1px solid #cbd5df;background:#fff;color:#182332;border-radius:7px;padding:10px 12px;font:14px/1.4 system-ui}.exchange-page :is(input,select,button):focus-visible{outline:3px solid #526f89;outline-offset:2px}.exchange-page [hidden]{display:none!important}.exchange-page .exchange-sr,.exchange-page .exchange-native{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}
.exchange-recharge{min-width:0;border:0;border-bottom:1px solid #e5e9ed;padding:0 0 16px;margin:0 0 12px}.exchange-recharge legend{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;color:#53606d;padding:0;margin-bottom:6px;min-height:32px}.exchange-remove{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d5dde4;border-radius:6px;background:#fff;color:#53606d;cursor:pointer}.exchange-remove:hover{background:#fff1f0;color:#9e3229}
.exchange-pair{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);border:1px solid #cbd5df;border-radius:8px;align-items:start;background:#fff}.exchange-pair>div{min-width:0;padding:7px 10px}.exchange-pair>div+div{border-left:1px solid #dbe2e8}.exchange-pair label{margin:0 0 2px;font-size:12px;color:#54616d}.exchange-pair :is(input,select){border:0;padding:5px 0;min-height:44px;background:transparent}.exchange-amount{display:flex;align-items:center;gap:6px}.exchange-amount span{font-size:13px;color:#53606d}.exchange-amount input{font-size:17px}.exchange-type{min-width:0}.exchange-pair .exchange-select-button{border:0;border-radius:4px;padding:2px 19px 2px 0;min-height:44px}.receive-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.receive-pair output{display:flex;align-items:center;min-height:44px;font-size:20px;font-weight:650;color:#274761}#payment-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.exchange-dropdown{position:relative;min-width:0}.exchange-select-button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 28px 8px 10px;border:1px solid #cbd5df;border-radius:7px;background:#fff;color:#182332;font:14px/1.3 system-ui;text-align:left;cursor:pointer;position:relative}.exchange-select-button>span{min-width:0;overflow-wrap:anywhere}.exchange-select-button:after{content:'';position:absolute;right:10px;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);top:calc(50% - 5px)}.exchange-select-button[aria-expanded=true]:after{transform:rotate(225deg);top:calc(50% - 2px)}.exchange-options{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:min(340px,calc(100vw - 60px));max-height:260px;max-height:min(260px,45dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid #b7c3ce;border-radius:8px;background:#fff;z-index:40;padding:4px}.exchange-count .exchange-options{width:100%}.exchange-options [role=option]{min-height:44px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:4px;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.exchange-options [role=option]:hover,.exchange-options .is-active{background:#edf2f6;outline:1px solid #aabac8;outline-offset:-1px}.exchange-options [aria-selected=true]{font-weight:700;background:#e8eef3}.exchange-options [aria-selected=true]:after{content:'✓';margin-left:auto;color:#294d67}.exchange-dropdown img{width:72px;height:46px;object-fit:contain;object-position:center;flex-shrink:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.exchange-summary-panel{border:1px solid #e0e5ea;border-radius:8px;padding:14px;margin-bottom:14px}.exchange-summary-panel h3{font-size:15px;margin-bottom:12px}.exchange-summary dl{margin:0}.exchange-summary dl>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0;font-size:13px}.exchange-summary dd{margin:0;font-weight:650;text-align:right;white-space:nowrap}.exchange-summary p{font-size:14px;margin:8px 0;overflow-wrap:anywhere}.exchange-summary .exchange-note{font-size:12px;color:#596775;line-height:1.65}.exchange-note:empty{display:none}.exchange-net{border-top:1px solid #e0e5ea;margin-top:12px;padding-top:12px;display:flex;flex-direction:column;gap:3px;font-size:13px}.exchange-net strong{font-size:25px;color:#274761}.exchange-page #submitBtn{display:block;width:100%;min-height:50px;background:#243d52!important;color:#fff!important;border:1px solid #243d52;border-radius:7px;font-size:14px;font-weight:650;padding:12px;cursor:pointer}.exchange-page #submitBtn:hover{background:#192f42!important}.exchange-page #submitBtn:disabled{background:#536675!important;cursor:wait;opacity:1}.exchange-page .request-error{grid-column:1/-1;color:#932b25}.exchange-page button{box-shadow:none}
.exchange-count{position:relative;width:224px;margin-top:5px}.exchange-count>label{position:absolute;top:-9px;left:10px;z-index:2;margin:0;padding:0 4px;background:#fff;font-size:12px;line-height:18px;white-space:nowrap}.exchange-count .exchange-select-button{min-height:50px;padding-top:12px}.exchange-count .exchange-options{max-width:100%}
@media(max-width:900px){.exchange-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.exchange-page{padding:24px 12px 40px}.exchange-card{padding:18px 14px}.exchange-layout{gap:16px}.exchange-pair{grid-template-columns:minmax(0,1fr)}.exchange-pair>div+div{border-left:0;border-top:1px solid #dbe2e8}.exchange-heading{gap:8px}.exchange-count{width:146px}#payment-details{grid-template-columns:minmax(0,1fr)}.exchange-card h2{font-size:21px;margin-bottom:16px}}
.exchange-page .exchange-count{width:224px;max-width:100%}@media(max-width:540px){.exchange-heading{align-items:flex-start;flex-direction:column;gap:16px}.exchange-count{align-self:flex-start}}
.exchange-type .exchange-options{width:100%;max-width:100%;max-height:min(340px,45dvh)}
.exchange-type .exchange-options img{width:48px;height:31px}
.exchange-type .exchange-options [role=option]{min-height:44px;padding:6px 9px;gap:10px}
@media(max-width:540px){
 .exchange-page{width:100%!important;max-width:none!important;padding-inline:8px!important}
 .exchange-page .exchange-card{padding-inline:6px}
 .exchange-page .exchange-layout,.exchange-page .exchange-recharge{width:100%;min-width:0}
}