.wallet-topup-plus { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 34px; margin-inline-start: 5px; border-radius: 10px; background: #24d4a0; color: #07291e !important; text-decoration: none; box-shadow: 0 3px 12px #24d4a033; transition: background .18s ease; }
.wallet-topup-plus svg { width: 20px; height: 20px; }
.wallet-topup-plus:hover { background: #53e8b9; }
.wallet-topup-plus:focus-visible, .logout-icon:focus-visible { outline: 3px solid #86b6ff; outline-offset: 3px; }
.wallet-balance-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
body header .logout-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--text-secondary, #8ba0bc); cursor: pointer; }
.logout-icon svg { width: 20px; height: 20px; }
body header .logout-icon:hover { background: #ef536619; color: #f47e8c; }
.wallet-fund-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.wallet-fund-card .button { white-space: nowrap; }
.wallet-fund-card p { margin-bottom: 0 !important; }
.deposit-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 22px; margin-bottom: 22px; }
.deposit-pay-card { display: flex; flex-direction: column; }
#deposit-address-panel:not([hidden]) { flex: 1; display: flex; align-items: center; }
#deposit-address-panel .deposit-address-content { width: 100%; }
.deposit-layout .card, .deposit-history { min-width: 0; padding: 26px; }
.deposit-card-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.deposit-card-heading h2 { margin-bottom: 2px !important; }
.deposit-card-heading span { font-size: .85rem; }
.deposit-card-heading .usdt-emblem { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 50%; background: #26a17b; color: #fff; font-size: 32px; font-weight: 700; }
.deposit-network-badge { margin-inline-start: auto; background: #e9b9361a; color: #bd8616; border: 1px solid #caa14244; border-radius: 20px; padding: 6px 10px; font-weight: 700; }
html[data-theme="dark"] .deposit-network-badge { color: #f3d178; }
.deposit-warning { padding: 14px 16px; border-radius: 12px; background: #daa12a12; border: 1px solid #c79c3740; font-size: .9rem; line-height: 1.65; }
.deposit-monitor { font-size: .85rem; color: #b67b1e; }
.deposit-monitor.is-active { color: #179565; }
html[data-theme="dark"] .deposit-monitor { color: #f3d178; }
html[data-theme="dark"] .deposit-monitor.is-active { color: #52e5af; }
.deposit-address-content { display: flex; align-items: center; gap: 24px; margin-top: 22px; }
.deposit-address-content > div { min-width: 0; flex: 1; }
#deposit-qr { flex: none; width: 168px; height: 168px; border-radius: 12px; background: white; }
.deposit-page label { display: block; margin-bottom: 8px; font-size: .85rem; font-weight: 600; }
.deposit-page input { width: 100%; min-height: 44px; margin-bottom: 14px; padding: 10px 12px; border: 1px solid var(--line, #c4d2e3); border-radius: 10px; background: var(--surface-raised, #fff); color: var(--text-primary, #172033); font: inherit; }
html[data-theme="dark"] .deposit-page input { background: #182b43; color: #e8f1ff; border-color: #7894b340; }
.deposit-page input:focus { outline: 2px solid #7eb3ff; outline-offset: 2px; }
.deposit-pay-card > button, .deposit-side form > button { min-height: 44px; padding: 11px 16px; border: 1px solid #4f87ed; border-radius: 10px; background: #2563eb; color: #fff; font: 600 .875rem/1.4 var(--font-ui, system-ui); cursor: pointer; }
.deposit-pay-card > button:hover, .deposit-side form > button:hover { background: #1d4ed8; }
.deposit-pay-card > button:disabled, .deposit-side form > button:disabled { opacity: .55; cursor: wait; }
#deposit-address { font-family: ui-monospace, monospace; font-size: .85rem; }
.deposit-side { display: grid; gap: 22px; }
.deposit-side h2 { font-size: 1.2rem; }
.deposit-side p { font-size: .9rem; line-height: 1.65; }
.deposit-rate { color: #179565; font-weight: 700; font-variant-numeric: tabular-nums; }
.deposit-layout .deposit-rate-card{height:auto;min-height:0;padding:18px 22px;overflow:visible}
.deposit-rate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.deposit-rate-card .deposit-rate-heading h2{margin:0;font-size:1rem}
.deposit-rate-heading>strong{font-size:13px;white-space:nowrap;color:var(--muted)}
.deposit-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.deposit-rate-grid>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:13px;min-width:0}
.deposit-rate-grid span{color:var(--muted);font-weight:600}
.deposit-rate-grid strong{color:#179565;font-variant-numeric:tabular-nums}
html[data-theme="dark"] .deposit-rate-grid strong{color:#52e5af}
.deposit-side .deposit-rate-note{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.deposit-fx-attribution{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
@media(max-width:420px){.deposit-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}}
html[data-theme="dark"] .deposit-rate { color: #52e5af; }
.deposit-checks p { margin: 14px 0 0; font-size: .82rem; overflow-wrap: anywhere; }
.deposit-checks { margin-top: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.deposit-checks p { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.deposit-checks p span { color: var(--text-secondary); }
.deposit-lookup-success { color: #179565; }
html[data-theme="dark"] .deposit-lookup-success { color: #52e5af; }
#deposit-check-feedback { margin-top: 14px; }
#deposit-check-feedback.is-error { color: #d94558; }
html[data-theme="dark"] #deposit-check-feedback.is-error { color: #ff8998; }
.deposit-tx-link { overflow-wrap: anywhere; }
.deposit-history table { min-width: 620px; }
.deposit-history td { white-space: nowrap; }
#deposit-feedback { margin-top: 16px; font-size: .9rem; }
#deposit-feedback.is-error { color: #d94558; }
html[data-theme="dark"] #deposit-feedback.is-error { color: #ff8998; }
.deposit-page [hidden] { display: none !important; }
@media(max-width: 1000px) { .deposit-layout { grid-template-columns: 1fr; } }
@media(max-width: 620px) { .wallet-fund-card { align-items: flex-start; flex-direction: column; } .deposit-address-content { flex-direction: column; align-items: stretch; } #deposit-qr { align-self: center; } .deposit-layout .card, .deposit-history { padding: 20px; } .deposit-card-heading { gap: 10px; } .deposit-card-heading span { font-size: .75rem; } }

.deposit-side .deposit-fixed-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:18px 0;font-size:clamp(18px,2vw,25px);font-weight:700}.deposit-fixed-rate strong{color:#179565;font-variant-numeric:tabular-nums}html[data-theme=dark] .deposit-fixed-rate strong{color:#52e5af}