.wallet-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.wallet-label svg{width:18px;height:18px}.wallet-amount{font-size:46px;letter-spacing:-2px;font-weight:650;margin:15px 0 12px}.wallet-main p{line-height:1.8;margin-top:14px}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.slot-card{padding:16px 12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.015)}.slot-card.owned{border-color:#646e5670;background:#b9dc6507}.slot-card span{font-size:11px;color:var(--muted)}.slot-card strong{font-size:19px;white-space:nowrap;letter-spacing:-.6px}.slot-card small{font-size:10px;line-height:1.5;color:var(--muted)}.slot-card.owned small{color:#b5ce98}.wallet-entry{display:flex;gap:18px;justify-content:space-between;padding:20px 0;margin:0 24px;border-bottom:1px solid var(--line)}.wallet-entry:last-child{border-bottom:0}.wallet-entry>div:first-child{min-width:0}.wallet-entry>div:last-child{text-align:right;flex-shrink:0}.wallet-entry strong{font-size:12px;font-weight:550}.wallet-entry small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}.money-credit{color:#b5ce98}.wallet-empty{padding:50px 25px;text-align:center;color:var(--muted)}.wallet-empty svg{width:25px;height:25px;margin-bottom:15px}.wallet-empty p{font-size:12px;line-height:1.8}.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.payment-methods button{justify-content:space-between}.payment-methods span{color:var(--muted);font-size:11px}.review-money{margin-bottom:20px}.review-money>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding:15px 0;border-bottom:1px solid var(--line)}.review-money strong{font-size:15px;color:var(--text);overflow-wrap:anywhere}.wallet-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;font-size:11px;color:var(--muted)}
@media(max-width:760px){.wallet-amount{font-size:40px}.slot-grid{gap:7px}.slot-card{padding:13px 9px}.slot-card strong{font-size:16px}.slot-card span,.slot-card small{font-size:9px}.wallet-entry{margin:0 20px;gap:12px}.wallet-entry strong{font-size:11px}.wallet-entry>div:last-child{max-width:45%}.wallet-main .actions{flex-wrap:wrap}.review-money>div{font-size:11px}.review-money strong{font-size:14px}}

html .account-list{max-width:1140px}
html .account-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.65fr) auto;align-items:center;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);background:transparent}
html .account-entry:first-child{border-top:1px solid var(--line)}
html .account-entry-identity{display:flex;align-items:flex-start;gap:16px;min-width:0}
html .account-entry-identity>div{min-width:0}
html .account-entry h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:0;line-height:1.4;overflow-wrap:anywhere}
html .account-entry p{color:var(--muted);font-size:12px;line-height:1.7;margin:7px 0 0;overflow-wrap:anywhere}
html .account-entry .badge{margin-top:10px}
html .account-entry .avatar{flex-shrink:0;width:42px;height:42px;font-size:13px}
html .slot-symbol{color:var(--muted);width:42px;flex:0 0 42px;display:flex;justify-content:center;padding-top:3px}
html .slot-symbol svg{width:24px;height:24px}
html .slot-offer.available .slot-symbol{color:var(--accent)}
html .slot-offer-price strong{display:block;font-size:24px;letter-spacing:-.5px;font-weight:600}
html .slot-offer-price small{display:block;color:var(--muted);font-size:11px;margin-top:7px}
html .account-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:290px}
html .connected-account .account-entry-actions{flex-direction:column;align-items:stretch}
html .account-entry-actions .btn{min-height:44px;line-height:1.45;white-space:normal}
html .account-entry-details{display:flex;gap:22px;flex-wrap:wrap}
html .account-entry-details strong{display:block;font-size:21px;font-weight:600}
html .account-entry-details small{display:block;font-size:11px;color:var(--muted);margin-top:6px}
html .account-entry-details p{flex:1 1 100%;margin-top:0;font-size:11px}
html .account-balance-link{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:24px 0;font-size:12px;color:var(--muted);flex-wrap:wrap}
html .account-balance-link strong{color:var(--text);margin-left:7px;font-weight:500}
html .wallet-account-options .account-entry{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px 0}
html .wallet-account-options .account-entry:first-child{border-top:0}
html .wallet-account-options .account-entry-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}
html .wallet-account-options .account-entry h2{font-size:16px}
html .wallet-account-options .slot-offer-price strong{font-size:19px}
@media(max-width:1050px){html .accounts-page .account-entry{grid-template-columns:minmax(0,1fr) auto;gap:22px}html .accounts-page .account-entry-actions{grid-column:1/-1;justify-content:flex-start;flex-direction:row;max-width:none}html .accounts-page .connected-account .account-entry-actions{align-items:center}}
@media(max-width:760px){html .account-entry,html .accounts-page .account-entry{grid-template-columns:minmax(0,1fr);gap:20px;padding:25px 0}html .account-entry-identity{gap:12px}html .account-entry h2{font-size:18px}html .account-entry-actions,html .accounts-page .account-entry-actions{grid-column:1;max-width:none;justify-content:flex-start}html .account-entry-actions .btn{flex:1 1 auto}html .slot-offer .slot-offer-price{padding-left:54px}html .account-entry-details{padding-left:54px;gap:18px}html .account-entry .avatar,html .slot-symbol{width:42px}html .slot-offer-price strong{font-size:22px}html .account-balance-link{justify-content:space-between}html .wallet-account-options .account-entry{grid-template-columns:minmax(0,1fr)}html .wallet-account-options .slot-offer-price{padding-left:54px}}

/* Balance is an open financial workspace. Both themes use this same layout. */
.app-page .wallet-page{max-width:1120px}
.app-page .wallet-page>.page-head{margin-bottom:42px}
.app-page .wallet-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);grid-template-rows:min-content min-content minmax(0,1fr);grid-template-areas:"balance topup" "subscriptions topup" "history topup";column-gap:64px;row-gap:36px;align-items:start}
.app-page .wallet-balance{grid-area:balance;padding-block:6px 4px}
.app-page .wallet-balance-label{display:block;font-size:13px;color:var(--muted)}
.app-page .wallet-balance-amount{display:flex;align-items:baseline;gap:12px;margin:14px 0 8px;font-variant-numeric:tabular-nums;color:var(--text)}
.app-page .wallet-balance-amount strong{font-size:76px;font-weight:550;letter-spacing:-3px;line-height:1.12}
.app-page .wallet-balance-amount>span{font-size:34px;font-weight:400;color:var(--muted)}
.app-page .wallet-balance-amount.is-long strong{font-size:46px;letter-spacing:-1.5px}
.app-page .wallet-balance>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.app-page .wallet-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;margin-bottom:14px}
.app-page .wallet-section-head h2{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.4px;margin:0;min-width:0}
.app-page .wallet-section-count{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}
.app-page .wallet-section-head>.btn{gap:7px;min-height:40px;padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:12px;flex-shrink:0}
.app-page .wallet-section-head>.btn svg{width:16px;height:16px}
.app-page .wallet-subscriptions{grid-area:subscriptions;min-width:0;padding-top:28px;border-top:1px solid var(--line)}
.app-page .wallet-subscription-list,.app-page .wallet-transactions{list-style:none;margin:0;padding:0}
.app-page .wallet-subscription{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}
.app-page .wallet-subscription+.wallet-subscription{border-top:1px solid var(--line)}
.app-page .wallet-subscription-person{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.app-page .wallet-subscription-person .avatar{width:42px;height:42px;border-radius:50%;font-size:13px;flex-shrink:0}
.app-page .wallet-subscription-person>div{min-width:0}
.app-page .wallet-subscription-person strong{display:block;font-size:16px;font-weight:550;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-page .wallet-subscription-person p{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.65;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}
.app-page .wallet-subscription-person p>svg{width:13px;height:13px;flex-shrink:0}
.app-page .wallet-subscription-action{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0;flex-wrap:wrap}
.app-page .wallet-subscription-state{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.4}
.app-page .wallet-subscription-state svg{width:13px;height:13px}
.app-page .wallet-subscription-state.is-paid,.app-page .wallet-transaction .is-credit{color:var(--green)}
.app-page .wallet-subscription-state.is-locked{color:var(--red)}
.app-page .wallet-subscription-action>.btn{min-height:44px;font-size:12px;padding:10px 13px;white-space:nowrap}
.app-page .wallet-subscriptions-empty p{font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0 14px}
.app-page .wallet-topup{grid-area:topup;min-width:0;border-left:1px solid var(--line);padding-left:36px;padding-top:6px}
.app-page .wallet-page .wallet-method-fieldset{border:0;min-width:0;margin:26px 0 0;padding:0}
.app-page .wallet-method-fieldset legend{padding:0;margin-bottom:6px;font-size:13px;color:var(--text);line-height:1.6}
.app-page .wallet-page .payment-methods{display:block;margin:0}
.app-page .wallet-page .payment-methods .wallet-provider{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:78px;margin:0;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;box-shadow:none}
.app-page .wallet-page .wallet-provider:not(:disabled):hover .wallet-provider-name{color:var(--accent)}
.app-page .wallet-page .wallet-provider:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}
.app-page .wallet-page .wallet-provider:disabled{opacity:.55;cursor:not-allowed}
.app-page .wallet-page .wallet-provider-mark{display:grid;place-items:center;width:44px;min-height:30px}
.app-page .wallet-page .wallet-provider-mark .payment-logo{display:block;width:26px;height:26px;object-fit:contain}
.app-page .wallet-page .wallet-provider-mark .payment-wordmark{width:44px;height:18px}
.app-page .wallet-page .wallet-provider-mark .payment-logo-dark{display:none}
html[data-theme=dark] .app-page .wallet-page .wallet-provider-mark .payment-logo-light{display:none}
html[data-theme=dark] .app-page .wallet-page .wallet-provider-mark .payment-logo-dark{display:block}
.app-page .wallet-page .wallet-provider-mark>svg{width:26px;height:26px}
.app-page .wallet-page .payment-provider{display:block;min-width:0;min-height:0;color:var(--text);white-space:normal}
.app-page .wallet-page .wallet-provider-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:inherit}
.app-page .wallet-page .wallet-provider-name{font-size:15px;line-height:1.5;font-weight:550;color:var(--text)}
.app-page .wallet-page .payment-provider>.wallet-provider-detail{display:block;margin-top:3px;font-size:11px;line-height:1.6;color:var(--muted);font-weight:400}
.app-page .wallet-page .payment-fee{font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);white-space:nowrap}
.app-page .wallet-page .payment-fee.is-free{color:var(--green)}
.app-page .wallet-method-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;color:transparent;background:transparent}
.app-page .wallet-method-check svg{width:12px;height:12px;visibility:hidden}
.app-page .wallet-provider[aria-pressed='true'] .wallet-provider-name{color:var(--accent);font-weight:600}
.app-page .wallet-provider[aria-pressed='true'] .wallet-method-check{background:var(--primary);border-color:var(--primary);color:var(--button-ink)}
.app-page .wallet-provider[aria-pressed='true'] .wallet-method-check svg{visibility:visible}
.app-page .wallet-topup-form{margin-top:22px}
.app-page .wallet-topup-form>label{display:block;font-size:13px;line-height:1.6;margin-bottom:10px;color:var(--text)}
.app-page .wallet-topup-field{display:block;min-width:0}
.app-page .wallet-credit-input{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;padding:12px 18px;border:1px solid var(--field-border,var(--line));border-radius:18px;background:var(--field-bg,var(--surface));transition:border-color .15s,box-shadow .15s}
.app-page .wallet-credit-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.app-page .wallet-credit-input:has(input[aria-invalid=true]){border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 12%,transparent)}
html[data-design='flow'] .app-page .wallet-page .wallet-topup-form .wallet-credit-input>input,
html[data-design='flow'] .app-page .wallet-page .wallet-topup-form .wallet-credit-input>input:focus{width:100%;min-width:0;min-height:42px;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:var(--text);font-size:32px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.app-page .wallet-credit-input>span{font-size:22px;line-height:1.3;color:var(--muted);flex-shrink:0}
.app-page .wallet-amount-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
html[data-design='flow'] .app-page .wallet-page .wallet-amount-options>.btn{min-width:0;min-height:44px;padding:8px 6px;border:1px solid var(--line);border-radius:999px;background:transparent;box-shadow:none;color:var(--muted);font-size:12px;line-height:1.5;white-space:nowrap;justify-content:center}
html[data-design='flow'] .app-page .wallet-page .wallet-amount-options>.btn[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:600}
html[data-design='flow'] .app-page .wallet-page .wallet-amount-options>.btn:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
@media(max-width:360px){.app-page .wallet-amount-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.app-page .wallet-page .wallet-calculate,.app-page .wallet-quote-result>.btn{width:100%;min-height:50px;justify-content:center;font-size:14px;margin-top:16px;white-space:normal;line-height:1.5}
.app-page .wallet-selected-note{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0 0}
.app-page .wallet-input-help{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}
.app-page .wallet-quote-result:empty{display:none}
.app-page .wallet-quote-lines{margin:22px 0 0;font-size:13px;font-variant-numeric:tabular-nums}
.app-page .wallet-quote-lines>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 0;color:var(--muted)}
.app-page .wallet-quote-lines dt{line-height:1.5}
.app-page .wallet-quote-lines dd{margin:0;line-height:1.5;color:var(--text);font-weight:500;white-space:nowrap}
.app-page .wallet-quote-lines .wallet-quote-total{margin-top:6px;padding-top:18px;border-top:1px solid var(--line);color:var(--text)}
.app-page .wallet-quote-total dd{font-size:24px;letter-spacing:-.6px;font-weight:550}
.app-page .wallet-quote-note,.app-page .wallet-methods-empty{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.app-page .wallet-history{grid-area:history;min-width:0;border-top:1px solid var(--line);padding-top:26px}
.app-page .wallet-history .wallet-section-head{margin-bottom:6px}
.app-page .wallet-transaction{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.app-page .wallet-transaction:last-child{border-bottom:0}
.app-page .wallet-transaction-icon{display:grid;place-items:center;min-height:26px;color:var(--muted)}
.app-page .wallet-transaction-icon svg{width:19px;height:19px}
.app-page .wallet-transaction-copy{min-width:0}
.app-page .wallet-transaction-copy>strong{display:block;font-size:13px;line-height:1.6;font-weight:550;overflow-wrap:anywhere}
.app-page .wallet-transaction-copy>strong>span{font-weight:400;color:var(--muted)}
.app-page .wallet-transaction-copy time{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:3px}
.app-page .wallet-transaction-money{text-align:right;font-variant-numeric:tabular-nums;padding-top:2px}
.app-page .wallet-transaction-money strong{display:block;font-size:15px;font-weight:550;line-height:1.5;white-space:nowrap}
.app-page .wallet-transaction-money small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:4px;white-space:nowrap}
.app-page .wallet-receipt{font-size:11px;line-height:1.7;color:var(--muted);margin-top:4px}
.app-page .wallet-receipt summary{cursor:pointer;padding:10px 0;min-height:44px;width:fit-content}
.app-page .wallet-receipt p{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.app-page .wallet-history-empty{padding:20px 0 6px}
.app-page .wallet-history-empty strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
.app-page .wallet-history-empty p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:6px}
@media(max-width:1200px){.app-page .wallet-layout{column-gap:36px}.app-page .wallet-topup{padding-left:28px}.app-page .wallet-subscription{gap:14px}.app-page .wallet-subscription-person{gap:10px}}
@media(max-width:1050px){.app-page .wallet-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"balance" "topup" "subscriptions" "history";row-gap:32px;max-width:660px}.app-page .wallet-topup{border-left:0;padding:28px 0 0;border-top:1px solid var(--line)}}
@media(max-width:760px){.app-page .wallet-page>.page-head{margin-bottom:28px}.app-page .wallet-balance-amount strong{font-size:64px;letter-spacing:-2px}.app-page .wallet-balance-amount.is-long strong{font-size:36px;letter-spacing:-1px}.app-page .wallet-balance-amount>span{font-size:29px}.app-page .wallet-section-head h2{font-size:18px}.app-page .wallet-subscription-person strong{font-size:15px}.app-page .wallet-subscription-person p{font-size:11px}.app-page .wallet-transaction{gap:9px;grid-template-columns:22px minmax(0,1fr) auto}.app-page .wallet-transaction-copy>strong{font-size:12px}.app-page .wallet-transaction-money strong{font-size:14px}.app-page .wallet-page .payment-methods .wallet-provider{min-height:74px}}
@media(max-width:390px){.app-page .wallet-subscription{align-items:flex-start;flex-wrap:wrap}.app-page .wallet-subscription-person{flex-basis:100%}.app-page .wallet-subscription-action{flex-direction:row;justify-content:space-between;align-items:center;flex-basis:100%;padding-left:54px}.app-page .wallet-subscription-state{font-size:11px}.app-page .wallet-subscription-action>.btn{font-size:11px;padding-inline:11px}.app-page .wallet-page .payment-fee{font-size:10px}.app-page .wallet-page .payment-methods .wallet-provider{gap:10px}.app-page .wallet-transaction-copy>strong>span{display:block}}
.app-page .bybit-invoice{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);min-width:0}
.app-page .bybit-invoice>header{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:14px}
.app-page .bybit-invoice>p{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0;overflow-wrap:anywhere}
.app-page .bybit-transfer-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:20px 0;font-variant-numeric:tabular-nums}
.app-page .bybit-transfer-total>strong{font-size:30px;font-weight:550;letter-spacing:-.6px}
.app-page .bybit-transfer-total>span{font-size:14px;color:var(--muted)}
.app-page .bybit-transfer-total>.btn{margin-left:auto}
.app-page .bybit-details{font-size:12px;margin:0;display:grid;gap:14px}
.app-page .bybit-details>div{display:flex;justify-content:space-between;align-items:center;gap:16px}
.app-page .bybit-details dt{color:var(--muted)}
.app-page .bybit-details dd{margin:0;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.app-page .bybit-details code{font-size:14px}
.app-page .bybit-check-delay{color:var(--warning)!important}
.app-page .wallet-bybit-uid{margin-top:16px}
.app-page .wallet-bybit-uid[hidden]{display:none}
.app-page .bybit-invoice.is-paid>header{color:var(--green)}
@media(max-width:390px){.app-page .bybit-details>div{flex-wrap:wrap;gap:4px}.app-page .bybit-details dd{width:100%;justify-content:space-between}.app-page .bybit-invoice>header{flex-wrap:wrap}}

.auto-renew-intro{line-height:1.7;margin:0 0 20px}.auto-renew-details{margin:0;display:grid;gap:12px}.auto-renew-details>div{display:flex;justify-content:space-between;gap:16px}.auto-renew-details dt{color:var(--muted)}.auto-renew-details dd{margin:0;font-weight:550;text-align:right}.auto-renew-help{font-size:13px;color:var(--muted);line-height:1.7;margin:20px 0 0}@media(max-width:760px){.app-page .wallet-subscription-action{padding-left:0;justify-content:flex-start}.app-page .wallet-subscription-state{flex-basis:100%}.auto-renew-details>div{flex-wrap:wrap}.auto-renew-details dd{text-align:left}}

.app-page .wallet-checkout-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--text);font-variant-numeric:tabular-nums}
.app-page .wallet-checkout-total strong{font-size:25px;font-weight:550;letter-spacing:-.6px;white-space:nowrap}
.app-page .wallet-checkout-fee{margin:6px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}