#topup .section-head p{margin:8px 0 0;line-height:1.65}#topup .wallet-main{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:40px;margin-top:28px}#topup .wallet-account{padding:6px 32px 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:14px}#topup .wallet-account>strong{font-size:34px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.4}#topup .wallet-account small{font-size:16px;font-weight:400}#topup .wallet-account p{margin:0;line-height:1.7;max-width:32ch}#topup .wallet-ledger{width:100%;margin:12px 0;display:grid;gap:14px;font-size:13px}#topup .wallet-ledger>div{display:flex;justify-content:space-between;gap:12px}#topup .wallet-ledger dt{color:var(--muted)}#topup .wallet-ledger dd{margin:0;font-variant-numeric:tabular-nums}#topup .wallet-purchase{max-width:640px}#topup .wallet-purchase h3{margin:0 0 8px}#topup .wallet-purchase .muted{line-height:1.7}#topup .topup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}#topup .topup-preset{min-height:48px;padding:8px;font-variant-numeric:tabular-nums}#topup .topup-preset.active{border-color:var(--mint);background:var(--deck2);color:var(--mint)}#topup-pay{width:100%;min-height:48px;margin-top:12px}#topup .wallet-history{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}#topup .wallet-history[hidden]{display:none}#topup .wallet-history h3{margin:0}#topup .wallet-history-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.45fr);gap:16px;margin-top:22px}#topup .wallet-orders-scroll{overflow-x:auto;scrollbar-color:var(--muted) var(--deck);border:1px solid var(--line);border-radius:8px}#topup .wallet-orders{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:620px}#topup .wallet-orders th{font-weight:500;color:var(--muted);white-space:nowrap}#topup .wallet-orders th,#topup .wallet-orders td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}#topup .wallet-orders tr:last-child td{border-bottom:0}#topup .wallet-order-id{display:block;max-width:240px;overflow-wrap:anywhere}#topup .wallet-order-time{display:block;margin-top:6px;color:var(--muted);font-size:12px}#topup .wallet-order-status{white-space:nowrap}#topup .wallet-history-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;color:var(--muted);font-size:13px}#topup .wallet-history-pagination>div{display:flex;gap:8px}#topup :is(button,input,select,a,.wallet-orders-scroll):focus-visible{outline:2px solid var(--mint);outline-offset:3px}#topup :is(input,select){caret-color:var(--mint)}#topup ::selection{background:var(--mint);color:var(--night)}#topup button:disabled{opacity:.5;cursor:default}#wallet-history-message{line-height:1.6;color:var(--muted)}
@media(max-width:760px){#topup .wallet-main{grid-template-columns:1fr;gap:28px}#topup .wallet-account{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}#topup .wallet-account>strong{font-size:30px}#topup .wallet-ledger{max-width:420px}#topup .wallet-purchase{max-width:none}#topup .wallet-history-filters{grid-template-columns:1fr}#topup .section-head{align-items:flex-start;gap:16px;flex-wrap:wrap}#topup .wallet-history-pagination{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#topup *{scroll-behavior:auto;transition:none}}

#topup .wallet-exact{width:100%;font-size:13px;color:var(--muted)}#topup .wallet-exact summary{cursor:pointer;min-height:36px;display:list-item;padding:8px 0}#topup .wallet-exact dd{overflow-wrap:anywhere;color:var(--text);font-variant-numeric:tabular-nums}

#topup .wallet-head-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
#topup .wallet-usage-link{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;padding:8px 2px}
#topup .wallet-usage-link:hover{color:var(--mint)}
#topup .wallet-main{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px;align-items:start;margin-top:4px}
#topup .wallet-account{padding:20px 18px 8px;border:1px solid var(--line);border-radius:14px;background:rgba(2,15,24,.45)}
#topup .wallet-account>span{color:var(--muted);font-size:12px}
#topup .wallet-purchase{max-width:none}
#topup .wallet-conversion{margin:0 0 6px;color:var(--mint);font-size:13px;font-variant-numeric:tabular-nums}
#topup #buy-hmt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start}
#topup #buy-hmt>:not(.field){grid-column:1 / -1}
#topup #buy-hmt>.field{margin-top:4px}
#topup #buy-hmt>.topup-quote{margin:0;border-radius:0}
#topup #buy-hmt>.topup-quote:not(#topup-shortfall-quote):not(.topup-result){margin-top:6px;border-radius:12px 12px 0 0}
#topup #buy-hmt>.topup-quote+.topup-quote{border-top:0}
#topup #buy-hmt>.topup-quote.topup-result{border-radius:0 0 12px 12px;margin-bottom:4px}
@media(max-width:760px){#topup .wallet-main{grid-template-columns:1fr;gap:28px}#topup .wallet-head-actions{width:100%;justify-content:space-between}#topup .wallet-account{padding:18px 16px 8px;border:1px solid var(--line)}#topup #buy-hmt{grid-template-columns:1fr}}

#topup .wallet-order-list{display:grid;gap:8px;margin-top:16px}
#topup .wallet-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(2,15,24,.35)}
#topup .wallet-order-when{font-variant-numeric:tabular-nums}
#topup .wallet-order-when small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
#topup .wallet-order-status{align-self:start;justify-self:end;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid rgba(86,228,208,.35);border-radius:999px;color:var(--mint);font-size:12px;background:transparent}
#topup .wallet-order-facts{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.3fr) auto auto;gap:10px 22px;align-items:end}
#topup .wallet-order-facts span{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:500}
#topup .wallet-order-facts b{font-weight:650;font-variant-numeric:tabular-nums}
#topup .wallet-order-id{max-width:none;margin:0;color:var(--muted);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:normal}
@media(max-width:760px){#topup .wallet-order-facts{grid-template-columns:1fr 1fr}#topup .wallet-order-method{grid-column:1 / -1}}

#topup .wallet-order-cols,#topup .wallet-order{display:grid;grid-template-columns:minmax(108px,.9fr) minmax(0,1.5fr) minmax(88px,.7fr) minmax(108px,.8fr) auto;gap:8px 20px;align-items:center}
#topup .wallet-order-cols{margin:18px 18px 8px;color:var(--muted);font-size:13px}
#topup .wallet-order{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(2,15,24,.35)}
#topup .wallet-order-facts{display:contents}
#topup .wallet-order-when{grid-column:1;grid-row:1;font-size:18px;font-weight:650}
#topup .wallet-order-when small{font-size:13px}
#topup .wallet-order-method{grid-column:2;grid-row:1;font-size:16px}
#topup .wallet-order-facts>div:nth-child(2){grid-column:3;grid-row:1}
#topup .wallet-order-facts>div:nth-child(3){grid-column:4;grid-row:1}
#topup .wallet-order-status{grid-column:5;grid-row:1;justify-self:end;min-height:32px;padding:5px 12px;font-size:14px;color:var(--muted);border-color:var(--line)}
#topup .wallet-order-status.fulfilled,#topup .wallet-order-status.paid{color:var(--mint);border-color:rgba(86,228,208,.35)}
#topup .wallet-order-status.expired{color:var(--amber);border-color:rgba(242,196,109,.4)}
#topup .wallet-order-id{grid-column:1 / -1;grid-row:2;font-size:14px;line-height:1.4}
#topup .wallet-order-facts span{display:none}
#topup .wallet-order-facts b{font-size:20px;font-weight:700}
#topup .wallet-order-method b{font-size:16px;font-weight:500}
#topup .wallet-order-facts b.is-quiet{color:var(--muted);font-weight:600}
@media(max-width:760px){
#topup .wallet-order-cols{display:none}
#topup .wallet-order{grid-template-columns:minmax(0,1fr) auto}
#topup .wallet-order-when{font-size:16px}
#topup .wallet-order-status{grid-column:2;grid-row:1}
#topup .wallet-order-facts{display:grid;grid-column:1 / -1;grid-row:auto;grid-template-columns:1fr 1fr;gap:10px 22px}
#topup .wallet-order-method,#topup .wallet-order-facts>div:nth-child(2),#topup .wallet-order-facts>div:nth-child(3){grid-column:auto;grid-row:auto}
#topup .wallet-order-method{grid-column:1 / -1}
#topup .wallet-order-facts span{display:block}
#topup .wallet-order-id{grid-row:auto}
#topup .wallet-order-facts b{font-size:16px}
}

#topup .wallet-history{grid-column:1 / -1;width:100%;max-width:none}
#topup .wallet-order-list{display:block;margin-top:0}
#topup .wallet-order-cols,#topup .wallet-order{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.95fr) minmax(72px,.7fr);gap:12px;align-items:center;width:100%}
#topup .wallet-order-cols{margin:16px 0 0;padding:8px 2px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#topup .wallet-order{margin:0;padding:13px 2px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;font-size:13px}
#topup .wallet-order-when{font-size:13px;font-weight:650}
#topup .wallet-order-when small{font-size:12px}
#topup .wallet-order-method,#topup .wallet-order-method b,#topup .wallet-order-facts b{font-size:13px;font-weight:650}
#topup .wallet-order-method b{font-weight:500}
#topup .wallet-order-status{min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:13px;justify-self:end}
#topup .wallet-order-id{font-size:12px}
#topup .wallet-order-cols span:nth-child(n+3),#topup .wallet-order-facts>div:nth-child(n+2){text-align:right}
@media(max-width:760px){
#topup .wallet-order-cols{display:none}
#topup .wallet-order{grid-template-columns:minmax(0,1fr) auto;padding:14px 0}
#topup .wallet-order-when{font-size:16px}
#topup .wallet-order-status{grid-column:2;grid-row:1;justify-self:end}
#topup .wallet-order-facts{display:grid;grid-column:1 / -1;grid-row:auto;grid-template-columns:1fr 1fr;gap:10px 22px}
#topup .wallet-order-method,#topup .wallet-order-facts>div:nth-child(2),#topup .wallet-order-facts>div:nth-child(3){grid-column:auto;grid-row:auto;text-align:left}
#topup .wallet-order-method{grid-column:1 / -1}
#topup .wallet-order-facts span{display:block}
#topup .wallet-order-facts b{font-size:16px}
#topup .wallet-order-id{grid-row:auto}
}