:root{color-scheme:light}
.finance-view{width:100%;max-width:860px;margin:0 auto;min-height:calc(100dvh - 56px);padding:20px 0 58px;color:#16181c;font-family:Geist,system-ui,sans-serif;box-sizing:border-box;background:#f5f6f7;border-radius:28px}
.finance-view[hidden]{display:none!important}
.finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 18px;margin-bottom:16px}.finance-head>div{min-width:0}
.finance-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#eaf4ff;color:#2688eb;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.finance-head h1{margin:9px 0 0;font-size:30px;line-height:1.04;letter-spacing:-.045em;color:#111318}.finance-head p{margin:7px 0 0;color:#7b838d;font-size:13px;line-height:1.42;max-width:620px}
.finance-back{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#737b85;font:inherit;font-size:26px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.03);transition:background .15s ease,transform .15s ease}.finance-back:hover{background:#eef0f2;transform:translateX(-1px)}
.finance-callout{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:0 14px 14px;padding:14px 15px;border:0;border-radius:20px;background:#eaf4ff}.finance-callout strong{display:block;font-size:14px;color:#15181c;letter-spacing:-.02em}.finance-callout span{display:block;margin-top:4px;color:#66717d;font-size:11.5px;line-height:1.45}.finance-callout b{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:32px;padding:0 11px;border-radius:999px;background:#fff;color:#2688eb;font-size:11px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.wallet-summary{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:112px;margin:0 14px;padding:18px;border:0;border-radius:24px;background:#fff}.wallet-summary__art{display:grid;place-items:center}.wallet-summary__art img{width:66px;height:66px;object-fit:contain}.wallet-summary__copy strong{display:block;font-size:17px;letter-spacing:-.02em;color:#14171b}.wallet-summary__copy span{display:block;margin-top:5px;color:#8a929b;font-size:11.5px}.wallet-balance{text-align:right}.wallet-balance strong{display:block;font-size:33px;line-height:1;font-weight:820;letter-spacing:-.05em;color:#111318}.wallet-balance span{display:block;margin-top:6px;color:#2688eb;font-size:11px;font-weight:800;letter-spacing:.05em}
.wallet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 14px 0}.wallet-action{min-height:126px;padding:14px;border:0;border-radius:22px;background:#fff;color:#15181c;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .15s ease,background .15s ease}.wallet-action:hover{background:#fbfbfc;transform:translateY(-1px)}.wallet-action img{width:50px;height:50px;object-fit:contain;margin-bottom:auto}.wallet-action strong{display:block;font-size:13px}.wallet-action small{display:block;margin-top:4px;color:#8a929b;font-size:10.5px;line-height:1.35}
.wallet-recent{margin:24px 14px 0}.wallet-recent-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 2px 10px}.wallet-recent-head strong{display:block;font-size:15px;color:#181b20}.wallet-recent-sub{display:block;margin-top:3px;color:#929aa3;font-size:10.5px}.wallet-link{border:0;background:none;color:#2688eb;font:inherit;font-size:11px;font-weight:700;cursor:pointer;padding:4px 0}
.finance-list{display:flex;flex-direction:column;gap:8px}.finance-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:0;border-radius:20px;background:#fff}.finance-item__mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f0f2f4;color:#59616a;font-size:10px;font-weight:850}.finance-item__copy{min-width:0}.finance-item__copy strong{display:block;font-size:13px;color:#16191d;overflow-wrap:anywhere}.finance-item__copy>span{display:block;margin-top:4px;color:#858d96;font-size:10.5px;line-height:1.42}.finance-item__copy>small{display:block;margin-top:4px;color:#606974;font-size:10.5px}.finance-item__amount{font-size:14px;font-weight:820;white-space:nowrap;letter-spacing:-.02em;color:#15181c}.finance-item__amount.is-minus{color:#ef4444}.finance-item__amount.is-plus{color:#23a559}.finance-item__titleline{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.finance-item__titleline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#f0f2f4;color:#7a838d;font-size:9px;font-weight:800}.status-pill.is-success{background:#e9f8ef;color:#23864b}.status-pill.is-pending{background:#fff5dc;color:#a96b00}.status-pill.is-dispute{background:#ffeded;color:#d53f3f}.status-pill.is-muted{color:#8c949d}.payment-history-card,.voucher-history-card{min-height:82px}
.finance-card{margin:0 14px;padding:16px;border:0;border-radius:24px;background:#fff}.finance-field-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:#7d858e;font-size:11px;font-weight:700}.finance-amount-field{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:0;border-radius:18px;background:#f5f6f7}.finance-currency-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf4ff;color:#2688eb;font-weight:850;font-size:18px}.finance-amount-field img{width:42px;height:42px;object-fit:contain}.finance-amount-field strong{font-size:13px;color:#171a1f}.finance-amount-field small{display:block;margin-top:2px;color:#8b939c;font-size:10.5px}.finance-amount-field input{width:150px;border:0;outline:0;background:#fff;color:#15181d;text-align:right;font:inherit;font-size:23px;font-weight:820;letter-spacing:-.03em;border-radius:14px;padding:9px 11px}
.finance-summary{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #eef0f2}.finance-summary div{display:flex;justify-content:space-between;gap:16px;color:#747d86;font-size:11px}.finance-summary strong{color:#181b20;font-size:12px}.finance-summary .total{padding-top:10px;border-top:1px solid #eef0f2;font-size:12px}.finance-summary .total strong{font-size:15px}
.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.payment-method{min-height:96px;padding:12px;border:0;border-radius:18px;background:#f5f6f7;color:#15181c;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:background .15s ease,transform .15s ease}.payment-method:hover{background:#eef0f2;transform:translateY(-1px)}.payment-method.is-selected{background:#eaf4ff;box-shadow:inset 0 0 0 1px #cfe5ff}.payment-method__icon{width:30px;height:30px;margin-bottom:auto;border-radius:10px;display:grid;place-items:center;background:#fff;color:#2688eb;font-size:14px}.payment-method strong{font-size:12px}.payment-method>span:last-child{display:block;margin-top:4px;color:#7f8791;font-size:9.5px;line-height:1.35}
.finance-primary{width:100%;min-height:46px;margin-top:14px;border:0;border-radius:15px;background:#2688eb;color:#fff;font:inherit;font-size:12.5px;font-weight:820;cursor:pointer;transition:background .15s ease,transform .15s ease}.finance-primary:hover{background:#1f7edc;transform:translateY(-1px)}.finance-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.finance-secondary{width:100%;min-height:42px;margin-top:9px;border:0;border-radius:15px;background:#f0f2f4;color:#2c3238;font:inherit;font-size:11.5px;font-weight:720;cursor:pointer}.finance-secondary:hover{background:#e9ebed}.finance-note-card{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border:0;border-radius:16px;background:#f8f9fa;color:#68717b}.finance-note-card>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#2688eb;font-size:10px;font-weight:800}.finance-note-card p{margin:2px 0 0;font-size:10.5px;line-height:1.45}.finance-status{min-height:18px;margin-top:10px;color:#23a559;font-size:11px;font-weight:700}.finance-empty{padding:28px;border:0;border-radius:20px;text-align:center;color:#8a929b;font-size:12px;background:#fff}
.history-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 14px 12px}.history-tools select{height:36px;padding:0 30px 0 11px;border:0;border-radius:13px;background:#fff;color:#2e3338;font:inherit;font-size:10.5px;outline:none}.history-tools select:focus{box-shadow:0 0 0 2px #cfe5ff}.history-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.history-pagination button{height:32px;padding:0 11px;border:0;border-radius:12px;background:#fff;color:#444b52;font:inherit;font-size:10px;cursor:pointer}.history-pagination button:disabled{opacity:.35;cursor:default}.history-pagination span{color:#7e8790;font-size:10px}.dispute-btn,.voucher-deactivate{height:26px;margin-top:8px;padding:0 9px;border:0;border-radius:10px;background:#f0f2f4;color:#4e565e;font:inherit;font-size:9.5px;font-weight:700;cursor:pointer}.dispute-btn:not(:disabled){background:#ffeded;color:#d33d3d}.voucher-deactivate{color:#68717a}
.payment-flow{position:fixed;inset:0;z-index:6000;display:flex;align-items:flex-end;justify-content:center;padding:18px}.payment-flow[hidden]{display:none!important}.payment-flow__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.payment-flow__sheet{position:relative;z-index:1;width:min(620px,100%);max-height:min(88dvh,760px);overflow:auto;padding:10px 18px 20px;border:0;border-radius:28px 28px 22px 22px;background:#fff;box-shadow:0 -20px 70px rgba(0,0,0,.22);scrollbar-width:none}.payment-flow__sheet::-webkit-scrollbar{display:none}.payment-flow__handle{width:42px;height:4px;margin:2px auto 10px;border-radius:999px;background:#d5d9de}.payment-flow__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0 15px}.payment-flow__head strong{font-size:14px;color:#171a1f}.payment-flow__head button{width:32px;height:32px;border:0;border-radius:50%;background:#f0f2f4;color:#5b636c;font-size:20px;cursor:pointer}.payment-step{padding:2px 0}.payment-step[hidden]{display:none!important}.payment-step>p{margin:0 0 12px;color:#747d86;font-size:11px;line-height:1.45}.payment-submethods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-submethods button{min-height:72px;padding:10px;border:0;border-radius:16px;background:#f5f6f7;color:#2d3339;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.payment-submethods button:hover{background:#eef0f2}.payment-step[data-step="p2p-search"]{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.payment-step[data-step="p2p-search"][hidden]{display:none!important}.payment-loader{width:34px;height:34px;margin-bottom:15px;border:3px solid #e9edf1;border-top-color:#2688eb;border-radius:50%;animation:financeSpin .8s linear infinite}.payment-step[data-step="p2p-search"] strong{font-size:15px;color:#171a1f}.payment-step[data-step="p2p-search"] span{margin-top:7px;color:#838c95;font-size:11px}.requisite-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding:0 2px;border-bottom:1px solid #eef0f2}.requisite-row span{color:#838c95;font-size:10.5px}.requisite-row strong{text-align:right;color:#1b1e22;font-size:11px;overflow-wrap:anywhere}.receipt-upload{min-height:120px;margin-top:12px;border:1px dashed #ced5dc;border-radius:18px;display:grid;place-items:center;background:#f8f9fa;color:#3f464d;font-size:11px;font-weight:750;cursor:pointer}.receipt-file{margin-top:9px;padding:10px 12px;border-radius:13px;background:#f1f3f5;color:#68717a;font-size:10px}.payment-success-icon{width:54px;height:54px;margin:12px auto 14px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#23a559;font-size:23px;font-weight:850}.payment-step[data-step="processing"]{text-align:center}.payment-step[data-step="processing"]>strong{font-size:17px;color:#171a1f}.payment-step[data-step="processing"]>p{max-width:410px;margin:8px auto 0}.voucher-result{position:fixed;inset:0;z-index:6100;display:flex;align-items:flex-end;justify-content:center;padding:18px}.voucher-result[hidden]{display:none!important}.voucher-result__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px)}.voucher-result__sheet{position:relative;z-index:1;width:min(520px,100%);padding:24px 20px 20px;border:0;border-radius:28px;background:#fff;text-align:center;box-shadow:0 -20px 70px rgba(0,0,0,.24)}.voucher-result__close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f0f2f4;color:#5d656e;font-size:20px;cursor:pointer}.voucher-result__eyebrow{display:block;color:#23a559;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.voucher-result__title{display:block;margin-top:8px;font-size:18px;color:#15181c}.voucher-result code{display:block;margin:17px 0 12px;padding:15px;border:0;border-radius:16px;background:#f5f6f7;color:#16191d;font:800 18px/1.2 Geist,system-ui,sans-serif;letter-spacing:.05em}.voucher-result #copyVoucherCode{width:100%;height:44px;border:0;border-radius:14px;background:#2688eb;color:#fff;font:800 11px Geist,system-ui,sans-serif;cursor:pointer}.voucher-result p{margin:11px 0 0;color:#818991;font-size:10.5px}.voucher-result>span,.voucher-result>strong,.voucher-result>button{display:none}
@keyframes financeSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.finance-view{padding:12px 0 82px;border-radius:22px}.finance-head{padding:0 12px;margin-bottom:15px}.finance-head h1{font-size:25px}.finance-head p{font-size:11.5px}.finance-callout{grid-template-columns:1fr;margin:0 10px 12px}.wallet-summary{grid-template-columns:58px minmax(0,1fr) auto;margin:0 10px;padding:14px;gap:10px;min-height:92px;border-radius:20px}.wallet-summary__art img{width:54px;height:54px}.wallet-summary__copy strong{font-size:14px}.wallet-balance strong{font-size:23px}.wallet-actions{grid-template-columns:1fr;gap:7px;margin:8px 10px 0}.wallet-action{min-height:102px;padding:11px;border-radius:18px}.wallet-action img{width:42px;height:42px}.wallet-action strong{font-size:11px}.wallet-recent{margin:22px 10px 0}.payment-methods{grid-template-columns:1fr}.payment-method{min-height:64px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}.payment-method__icon{grid-row:1/3;margin:0}.payment-method>span:last-child{margin:0}.finance-card{margin:0 10px;padding:14px;border-radius:20px}.finance-amount-field{grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon copy" "input input";row-gap:10px}.finance-currency-icon,.finance-amount-field img{grid-area:icon}.finance-amount-field>div{grid-area:copy}.finance-amount-field input{grid-area:input;width:100%;font-size:19px}.finance-item{grid-template-columns:34px minmax(0,1fr) auto;padding:10px;gap:9px}.finance-item__mark{width:32px;height:32px}.finance-item__amount{font-size:12px}.payment-flow{padding:0}.payment-flow__sheet{width:100%;max-height:92dvh;border-radius:25px 25px 0 0;padding:9px 15px calc(18px + env(safe-area-inset-bottom))}.payment-submethods{grid-template-columns:1fr}.payment-submethods button{min-height:52px}.requisite-row{grid-template-columns:92px minmax(0,1fr)}.voucher-result{padding:0}.voucher-result__sheet{width:100%;border-radius:25px 25px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}


/* v346 — Wallet dashboard inspired by Telegram Wallet + Yandex Pay/Lavka */
#platinumBuyView,#voucherCreateView{ /* exact legacy screens stay untouched by v346 */ }
#platinumBuyView.finance-view,#voucherCreateView.finance-view{background:transparent;border-radius:0}

#walletView,#walletHistoryView,#paymentHistoryView,#voucherHistoryView{
  width:100%;max-width:860px;margin:0 auto;box-sizing:border-box;
  background:#f2f3f5;color:#1b1f24;border-radius:30px;
  padding:22px 18px 42px;min-height:calc(100dvh - 62px);
}
#walletView .finance-head,#walletHistoryView .finance-head,#paymentHistoryView .finance-head,#voucherHistoryView .finance-head{padding:0 4px;margin-bottom:16px}
#walletView .finance-head h1,#walletHistoryView .finance-head h1,#paymentHistoryView .finance-head h1,#voucherHistoryView .finance-head h1{color:#17191d;font-size:28px}
#walletView .finance-head p,#walletHistoryView .finance-head p,#paymentHistoryView .finance-head p,#voucherHistoryView .finance-head p{color:#7d858e}
#walletView .finance-eyebrow,#walletHistoryView .finance-eyebrow,#paymentHistoryView .finance-eyebrow,#voucherHistoryView .finance-eyebrow{background:#e7f2ff;color:#2688eb}
#walletHistoryView .finance-back,#paymentHistoryView .finance-back,#voucherHistoryView .finance-back{background:#fff;color:#5f6872;box-shadow:none}

#walletView .finance-callout{display:none}
#walletView .wallet-summary{
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  min-height:210px;margin:0;padding:25px 20px 20px;border:0;border-radius:26px;background:#fff;
  box-shadow:none;
}
#walletView .wallet-summary__art{order:0;margin-bottom:7px}
#walletView .wallet-summary__art img{width:54px;height:54px;filter:none}
#walletView .wallet-summary__copy{order:1}
#walletView .wallet-summary__copy strong{font-size:13px;color:#7b838d;font-weight:650;letter-spacing:0}
#walletView .wallet-summary__copy span{display:none}
#walletView .wallet-balance{order:2;text-align:center;margin-top:5px}
#walletView .wallet-balance strong{font-size:44px;line-height:1;font-weight:800;color:#15171b;letter-spacing:-.055em}
#walletView .wallet-balance span{margin-top:7px;color:#8b929b;font-size:12px;font-weight:700;letter-spacing:.04em}

#walletView .wallet-actions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 0;
}
#walletView .wallet-action{
  min-height:104px;padding:12px 8px 10px;border:0;border-radius:22px;background:#fff;
  align-items:center;justify-content:flex-start;text-align:center;box-shadow:none;
}
#walletView .wallet-action:hover{background:#fbfbfc;transform:translateY(-1px)}
#walletView .wallet-action img{width:42px;height:42px;margin:0 auto 9px;object-fit:contain}
#walletView .wallet-action strong{font-size:11.5px;line-height:1.2;color:#20242a}
#walletView .wallet-action small{margin-top:3px;color:#969da5;font-size:9.5px;line-height:1.25}

#walletView .wallet-recent{margin:26px 0 0}
#walletView .wallet-recent-head{margin:0 5px 10px;align-items:center}
#walletView .wallet-recent-head strong{font-size:16px;color:#20242a}
#walletView .wallet-recent-sub{font-size:10.5px;color:#9299a2}
#walletView .wallet-link{color:#2688eb;font-size:11px}

#walletView .finance-list,#walletHistoryView .finance-list,#paymentHistoryView .finance-list,#voucherHistoryView .finance-list{gap:1px;border-radius:23px;overflow:hidden;background:#fff}
#walletView .finance-item,#walletHistoryView .finance-item,#paymentHistoryView .finance-item,#voucherHistoryView .finance-item{
  min-height:72px;border-radius:0;background:#fff;border:0;border-bottom:1px solid #eef0f2;box-shadow:none;padding:12px 14px;
}
#walletView .finance-item:last-child,#walletHistoryView .finance-item:last-child,#paymentHistoryView .finance-item:last-child,#voucherHistoryView .finance-item:last-child{border-bottom:0}
#walletView .finance-item__mark,#walletHistoryView .finance-item__mark,#paymentHistoryView .finance-item__mark,#voucherHistoryView .finance-item__mark{background:#f2f4f6;color:#4c555f}
#walletView .finance-item__copy strong,#walletHistoryView .finance-item__copy strong,#paymentHistoryView .finance-item__copy strong,#voucherHistoryView .finance-item__copy strong{color:#1d2025}
#walletView .finance-item__copy>span,#walletHistoryView .finance-item__copy>span,#paymentHistoryView .finance-item__copy>span,#voucherHistoryView .finance-item__copy>span{color:#818a94}
#walletView .finance-item__copy>small,#walletHistoryView .finance-item__copy>small,#paymentHistoryView .finance-item__copy>small,#voucherHistoryView .finance-item__copy>small{color:#646d76}
#walletView .finance-item__amount,#walletHistoryView .finance-item__amount,#paymentHistoryView .finance-item__amount,#voucherHistoryView .finance-item__amount{color:#20242a}

#walletHistoryView .history-tools,#paymentHistoryView .history-tools,#voucherHistoryView .history-tools{margin:0 0 12px}
#walletHistoryView .history-tools select,#paymentHistoryView .history-tools select,#voucherHistoryView .history-tools select{background:#fff;color:#2e3338;border:0;height:38px}
#walletHistoryView .history-pagination button,#paymentHistoryView .history-pagination button,#voucherHistoryView .history-pagination button{background:#fff;color:#3f464d;border:0}
#walletHistoryView .history-pagination span,#paymentHistoryView .history-pagination span,#voucherHistoryView .history-pagination span{color:#7e8790}

@media(max-width:760px){
  #walletView,#walletHistoryView,#paymentHistoryView,#voucherHistoryView{padding:14px 10px 82px;border-radius:22px}
  #walletView .wallet-summary{min-height:185px;border-radius:22px}
  #walletView .wallet-balance strong{font-size:38px}
  #walletView .wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #walletView .wallet-action{min-height:96px;border-radius:18px}
}

/* v347 — balanced finance surfaces: white only where it helps */
#walletView,#walletHistoryView,#paymentHistoryView,#voucherHistoryView{
  background:transparent!important;
  color:#f4f6f8!important;
  border-radius:0!important;
  padding:22px 0 42px!important;
}
#walletView .finance-head h1,#walletHistoryView .finance-head h1,#paymentHistoryView .finance-head h1,#voucherHistoryView .finance-head h1{color:#f5f7f9!important}
#walletView .finance-head p,#walletHistoryView .finance-head p,#paymentHistoryView .finance-head p,#voucherHistoryView .finance-head p{color:#858e98!important}
#walletView .finance-eyebrow,#walletHistoryView .finance-eyebrow,#paymentHistoryView .finance-eyebrow,#voucherHistoryView .finance-eyebrow{background:rgba(50,139,230,.13)!important;color:#6db9ff!important}
#walletHistoryView .finance-back,#paymentHistoryView .finance-back,#voucherHistoryView .finance-back{background:rgba(255,255,255,.06)!important;color:#d6dde3!important;border:1px solid rgba(255,255,255,.08)!important}

/* Keep only the main balance card light. */
#walletView .wallet-summary{background:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.16)!important}

/* Quick actions return to the native dark Ksan surface. */
#walletView .wallet-actions{gap:9px!important}
#walletView .wallet-action{
  background:transparent!important;
  color:#eef2f5!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:none!important;
}
#walletView .wallet-action:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.14)!important}
#walletView .wallet-action strong{color:#eef2f5!important}
#walletView .wallet-action small{color:#78828c!important}

#walletView .wallet-recent-head strong{color:#eef2f5!important}
#walletView .wallet-recent-sub{color:#75808b!important}
#walletView .wallet-link{color:#66baff!important}

/* Histories are rows on the page, not one giant white card. */
#walletView .finance-list,#walletHistoryView .finance-list,#paymentHistoryView .finance-list,#voucherHistoryView .finance-list{
  gap:8px!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
#walletView .finance-item,#walletHistoryView .finance-item,#paymentHistoryView .finance-item,#voucherHistoryView .finance-item{
  min-height:72px!important;
  border-radius:19px!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:none!important;
  padding:12px 14px!important;
}
#walletView .finance-item:hover,#walletHistoryView .finance-item:hover,#paymentHistoryView .finance-item:hover,#voucherHistoryView .finance-item:hover{background:rgba(255,255,255,.025)!important}
#walletView .finance-item__mark,#walletHistoryView .finance-item__mark,#paymentHistoryView .finance-item__mark,#voucherHistoryView .finance-item__mark{background:#11161b!important;border:1px solid rgba(255,255,255,.06)!important;color:#aeb7c1!important}
#walletView .finance-item__copy strong,#walletHistoryView .finance-item__copy strong,#paymentHistoryView .finance-item__copy strong,#voucherHistoryView .finance-item__copy strong{color:#edf1f4!important}
#walletView .finance-item__copy>span,#walletHistoryView .finance-item__copy>span,#paymentHistoryView .finance-item__copy>span,#voucherHistoryView .finance-item__copy>span{color:#757f89!important}
#walletView .finance-item__copy>small,#walletHistoryView .finance-item__copy>small,#paymentHistoryView .finance-item__copy>small,#voucherHistoryView .finance-item__copy>small{color:#919aa4!important}
#walletView .finance-item__amount,#walletHistoryView .finance-item__amount,#paymentHistoryView .finance-item__amount,#voucherHistoryView .finance-item__amount{color:#edf1f4!important}
#walletView .finance-item__amount.is-minus,#walletHistoryView .finance-item__amount.is-minus,#paymentHistoryView .finance-item__amount.is-minus,#voucherHistoryView .finance-item__amount.is-minus{color:#ff7f7f!important}
#walletView .finance-item__amount.is-plus,#walletHistoryView .finance-item__amount.is-plus,#paymentHistoryView .finance-item__amount.is-plus,#voucherHistoryView .finance-item__amount.is-plus{color:#6fdfa0!important}

#walletHistoryView .history-tools select,#paymentHistoryView .history-tools select,#voucherHistoryView .history-tools select{
  background:#11161b!important;
  color:#cbd2d9!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
#walletHistoryView .history-pagination button,#paymentHistoryView .history-pagination button,#voucherHistoryView .history-pagination button{
  background:transparent!important;
  color:#b9c1c9!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
#walletHistoryView .history-pagination span,#paymentHistoryView .history-pagination span,#voucherHistoryView .history-pagination span{color:#727c87!important}

@media(max-width:760px){
  #walletView,#walletHistoryView,#paymentHistoryView,#voucherHistoryView{padding:14px 10px 82px!important}
}


/* v348 — wallet home redesign: compact dark premium, no white slab */
#walletView{padding-top:16px!important}
#walletView .finance-head{margin-bottom:14px!important}
#walletView .finance-eyebrow{background:rgba(80,170,255,.10)!important;border-color:rgba(80,170,255,.16)!important;color:#8dcaff!important}
#walletView .finance-head h1{font-size:28px!important;color:#f6f8fa!important}
#walletView .finance-head p{color:#77818c!important;font-size:12px!important}
#walletView .finance-callout{display:none!important}
#walletView .wallet-summary{
  position:relative!important;
  min-height:132px!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  gap:18px!important;
  padding:22px 24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(79,180,255,.14),transparent 36%),
    radial-gradient(circle at 90% 120%,rgba(138,91,255,.10),transparent 42%),
    linear-gradient(180deg,#12171d 0%,#0a0d11 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 44px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
#walletView .wallet-summary::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.028) 50%,transparent 58%);
}
#walletView .wallet-summary__art img{width:64px!important;height:64px!important;filter:drop-shadow(0 10px 22px rgba(0,0,0,.32))!important}
#walletView .wallet-summary__copy strong{font-size:13px!important;color:#9ca8b5!important;text-transform:uppercase!important;letter-spacing:.08em!important}
#walletView .wallet-summary__copy span{margin-top:7px!important;color:#69737e!important;font-size:11px!important}
#walletView .wallet-balance{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:8px!important;text-align:right!important}
#walletView .wallet-balance strong{font-size:42px!important;color:#f8fafc!important;letter-spacing:-.055em!important}
#walletView .wallet-balance span{margin:0!important;color:#83caff!important;font-size:12px!important;letter-spacing:.06em!important}
#walletView .wallet-actions{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;margin-top:10px!important;
}
#walletView .wallet-action{
  min-height:84px!important;padding:12px 12px 11px!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:18px!important;
  background:#0b0f13!important;box-shadow:none!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:10px!important;align-items:center!important;justify-content:stretch!important;
}
#walletView .wallet-action:hover{background:#10151b!important;border-color:rgba(95,180,255,.18)!important;transform:translateY(-1px)!important}
#walletView .wallet-action img{grid-row:1/3!important;width:32px!important;height:32px!important;margin:0!important;filter:none!important}
#walletView .wallet-action strong{font-size:11.5px!important;color:#edf1f4!important;line-height:1.2!important}
#walletView .wallet-action small{margin-top:3px!important;color:#65707b!important;font-size:9.5px!important;line-height:1.2!important}
#walletView .wallet-recent{margin-top:25px!important}
#walletView .wallet-recent-head{margin-bottom:8px!important;padding:0 3px!important}
#walletView .wallet-recent-head strong{font-size:15px!important;color:#f0f3f5!important}
#walletView .wallet-recent-sub{color:#626d78!important;font-size:10px!important}
#walletView .wallet-link{color:#6cbcff!important;font-size:10px!important}
#walletView .finance-list{gap:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
#walletView .finance-item{
  min-height:68px!important;padding:12px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;gap:12px!important;
}
#walletView .finance-item__mark{width:34px!important;height:34px!important;border-radius:11px!important;background:#11161b!important;border-color:rgba(255,255,255,.06)!important;color:#aab4bd!important}
#walletView .finance-item__copy strong{font-size:12.5px!important;color:#e9edf0!important}
#walletView .finance-item__copy>span{margin-top:3px!important;color:#616b76!important;font-size:9.5px!important}
#walletView .finance-item__copy>small{margin-top:3px!important;color:#77818b!important;font-size:9.5px!important}
#walletView .finance-item__amount{font-size:12.5px!important}
@media(max-width:760px){
  #walletView .wallet-summary{grid-template-columns:56px minmax(0,1fr)!important;padding:16px!important;min-height:116px!important}
  #walletView .wallet-summary__art img{width:50px!important;height:50px!important}
  #walletView .wallet-balance{grid-column:1/3!important;justify-content:flex-start!important;margin-top:2px!important}
  #walletView .wallet-balance strong{font-size:32px!important}
  #walletView .wallet-actions{grid-template-columns:1fr 1fr!important}
  #walletView .wallet-action{min-height:76px!important}
}

/* v349 wallet actions larger 2x2 */
#walletView .wallet-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:18px 0 0!important;
}
#walletView .wallet-action{
  min-height:148px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  align-content:center!important;
  gap:16px!important;
}
#walletView .wallet-action img{
  grid-row:auto!important;
  width:56px!important;
  height:56px!important;
  margin:0!important;
}
#walletView .wallet-action strong{
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:800!important;
}
#walletView .wallet-action small{
  margin-top:6px!important;
  font-size:13px!important;
  line-height:1.28!important;
  color:#7f8994!important;
}
@media (max-width: 760px){
  #walletView .wallet-actions{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  #walletView .wallet-action{
    min-height:118px!important;
    padding:16px 14px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:12px!important;
    border-radius:20px!important;
  }
  #walletView .wallet-action img{
    width:42px!important;
    height:42px!important;
  }
  #walletView .wallet-action strong{
    font-size:13.5px!important;
  }
  #walletView .wallet-action small{
    font-size:11px!important;
    margin-top:4px!important;
  }
}

/* v350 — wallet dashboard inspired by mobile banking reference */
#walletView{
  padding-top:18px!important;
}
#walletView .finance-head{
  display:none!important;
}
#walletView .finance-callout{
  display:none!important;
}
#walletView .wallet-summary{
  position:relative!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:2px 18px!important;
  min-height:170px!important;
  margin:0 0 18px!important;
  padding:26px 28px!important;
  border:0!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,#1c1c1f 0%,#151518 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#walletView .wallet-summary::before{
  content:"Кошелёк";
  position:absolute;
  left:28px;
  top:24px;
  color:#f4f5f7;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.02em;
}
#walletView .wallet-summary::after{
  content:"Platinum";
  position:absolute;
  right:28px;
  top:27px;
  color:#737985;
  font-size:11px;
  font-weight:700;
}
#walletView .wallet-summary__art{
  grid-column:1!important;
  grid-row:1/3!important;
  align-self:end!important;
  justify-self:start!important;
  margin:40px 0 0!important;
}
#walletView .wallet-summary__art img{
  width:68px!important;
  height:68px!important;
}
#walletView .wallet-summary__copy{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  margin-top:48px!important;
}
#walletView .wallet-summary__copy strong{
  font-size:12px!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#8b909a!important;
}
#walletView .wallet-summary__copy span{
  display:none!important;
}
#walletView .wallet-balance{
  grid-column:2!important;
  grid-row:2!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
}
#walletView .wallet-balance strong{
  font-size:42px!important;
  color:#f4f5f7!important;
}
#walletView .wallet-balance span{
  margin:0!important;
  font-size:13px!important;
  color:#858b95!important;
}

#walletView .wallet-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0!important;
}
#walletView .wallet-action{
  position:relative!important;
  min-height:186px!important;
  padding:24px!important;
  border:0!important;
  border-radius:32px!important;
  background:#1b1b1e!important;
  display:block!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
#walletView .wallet-action:hover{
  background:#202024!important;
  transform:translateY(-1px)!important;
}
#walletView .wallet-action div{
  position:relative!important;
  z-index:2!important;
  max-width:62%!important;
}
#walletView .wallet-action strong{
  display:block!important;
  font-size:20px!important;
  line-height:1.12!important;
  color:#f3f4f6!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
#walletView .wallet-action small{
  display:block!important;
  margin-top:8px!important;
  color:#7c828d!important;
  font-size:13px!important;
  line-height:1.3!important;
}
#walletView .wallet-action img{
  position:absolute!important;
  right:18px!important;
  bottom:10px!important;
  width:92px!important;
  height:92px!important;
  object-fit:contain!important;
  margin:0!important;
  opacity:.98!important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.28))!important;
}
#walletView .wallet-action:nth-child(1){background:linear-gradient(145deg,#1c1f23 0%,#17191c 100%)!important}
#walletView .wallet-action:nth-child(2){background:linear-gradient(145deg,#211d18 0%,#191612 100%)!important}
#walletView .wallet-action:nth-child(3){background:linear-gradient(145deg,#1b1d22 0%,#15171b 100%)!important}
#walletView .wallet-action:nth-child(4){background:linear-gradient(145deg,#191d1b 0%,#141714 100%)!important}

#walletView .wallet-recent{
  margin-top:28px!important;
}
#walletView .wallet-recent-head{
  margin:0 4px 12px!important;
}
#walletView .wallet-recent-head strong{
  font-size:18px!important;
}
#walletView .wallet-recent-sub{
  font-size:11px!important;
  color:#686f79!important;
}
#walletView .finance-list{
  border:0!important;
  gap:10px!important;
  background:transparent!important;
}
#walletView .finance-item{
  min-height:76px!important;
  padding:14px 16px!important;
  border:0!important;
  border-radius:22px!important;
  background:#17171a!important;
}
#walletView .finance-item:hover{
  background:#1c1c20!important;
}

@media(max-width:760px){
  #walletView .wallet-summary{
    min-height:150px!important;
    padding:22px!important;
    border-radius:28px!important;
  }
  #walletView .wallet-summary::before{left:22px;top:20px;font-size:15px}
  #walletView .wallet-summary::after{right:22px;top:22px}
  #walletView .wallet-summary__art{margin-top:36px!important}
  #walletView .wallet-summary__art img{width:58px!important;height:58px!important}
  #walletView .wallet-summary__copy{margin-top:42px!important}
  #walletView .wallet-balance strong{font-size:34px!important}
  #walletView .wallet-actions{gap:10px!important}
  #walletView .wallet-action{
    min-height:150px!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  #walletView .wallet-action div{max-width:66%!important}
  #walletView .wallet-action strong{font-size:16px!important}
  #walletView .wallet-action small{font-size:11px!important}
  #walletView .wallet-action img{width:72px!important;height:72px!important;right:10px!important;bottom:8px!important}
}


body.finance-modal-open{overflow:hidden}
.finance-modal-shell{position:fixed;inset:0;z-index:6500;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.finance-modal-shell[hidden]{display:none!important}
.finance-modal-shell__backdrop{position:absolute;inset:0;border:0;background:rgba(7,10,18,.58);backdrop-filter:blur(4px);cursor:pointer}
.finance-modal-shell__dialog{position:relative;z-index:1;width:min(100%,860px);max-height:min(92dvh,980px);overflow:auto;border-radius:30px;background:#f5f6f7;box-shadow:0 28px 70px rgba(0,0,0,.32);padding-top:0}
.finance-modal-shell__close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#1a1d22;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.finance-modal-shell .page{min-height:auto}
#platinumBuyView .page,#voucherCreateView .page{border-radius:30px}
@media(max-width:760px){
  .finance-modal-shell{padding:14px 10px 18px;align-items:flex-end}
  .finance-modal-shell__dialog{width:100%;max-height:92dvh;border-radius:28px 28px 22px 22px}
  .finance-modal-shell__close{top:10px;right:10px;width:34px;height:34px;font-size:24px}
  #platinumBuyView .page,#voucherCreateView .page{border-radius:28px 28px 22px 22px}
}