.account-main.wallet-main { width:100%; max-width:none; }
.wallet-page { color:#0a2030; }
.wallet-page #wallet-service-note { margin:12px 0 24px; color:var(--muted); font-size:.875rem; line-height:1.5; }
.wallet-account-activity { padding:24px; }
.wallet-account-activity h2 { margin:0 0 12px; }
.wallet-account-activity .account-muted { margin:0; }
.wallet-overview { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr); grid-template-areas:"balance summaries"; gap:16px; align-items:stretch; }
.wallet-summaries { grid-area:summaries; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
.wallet-heading { grid-area:heading; margin:0 0 12px; align-self:center; }
.wallet-heading h1 { font-size:clamp(1.9rem,3vw,2.8rem); letter-spacing:-.045em; margin:0 0 6px; }
.wallet-heading p { color:#5f7587; margin:0; font-size:1rem; }
.wallet-actions { display:flex; align-items:center; gap:12px; margin-top:22px; }
.wallet-actions .button { flex:1; min-width:0; min-height:48px; padding:12px; border-radius:12px; gap:10px; font-size:1rem; }
.wallet-actions svg { width:23px; height:23px; flex-shrink:0; }
.wallet-actions .secondary { background:#fff; border:1px solid #dbe5eb; color:#0a2030; }
.wallet-balance-card { grid-area:balance; position:relative; isolation:isolate; overflow:hidden; border:1px solid #bcece5; border-radius:18px; padding:26px 28px; background:linear-gradient(125deg,#d9faf4 0%,#e5fcf7 50%,#bdf3e9 100%); display:flex; flex-direction:column; justify-content:space-between; min-height:250px; }
.wallet-balance-card::before { content:""; position:absolute; z-index:-1; right:-210px; top:-50px; width:420px; height:430px; border-radius:50%; transform:rotate(-20deg); background:repeating-radial-gradient(ellipse at center,transparent 0 13px,#189e8620 14px 15px,transparent 16px 24px); pointer-events:none; animation:wallet-circle-pulse 4s var(--ease-in-out) infinite; }
@keyframes wallet-circle-pulse {
  0%,100% { transform:rotate(-20deg) scale(.94); opacity:.55; }
  50% { transform:rotate(-20deg) scale(1.08); opacity:1; }
}
@media(prefers-reduced-motion:reduce) {
 .wallet-balance-card::before { animation:none; }
}
.wallet-balance-label { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#466575; font-size:1rem; }
.wallet-balance-label .icon-button { color:#0a2030; flex:none; }
.wallet-balance-value { display:block; font-size:clamp(2.5rem,4.1vw,4rem); font-weight:750; letter-spacing:-.055em; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.wallet-symbol { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#e7f7f1; color:#00816d; flex:none; }
.wallet-symbol svg { width:25px; height:25px; }
.wallet-ready { display:flex; align-items:center; gap:12px; }
.wallet-ready .wallet-symbol { background:#ffffffa6; }
.wallet-ready strong,.wallet-ready div>span { display:block; font-size:.85rem; }
.wallet-ready div>span { color:#4e6c7d; margin-top:3px; }
.wallet-summary-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; border:1px solid var(--summary-border); border-radius:18px; background:var(--summary-bg); color:#0a2030; padding:18px 20px; }
.wallet-principal { --summary-bg:#edf4ff; --summary-border:#cbdcf5; --summary-accent:#285ba0; --summary-icon:#dce9fc; }
.wallet-earnings { --summary-bg:#eaf8ef; --summary-border:#c7e6d1; --summary-accent:#237446; --summary-icon:#d2eedc; }
.wallet-deposits { --summary-bg:#f3efff; --summary-border:#dfd3f5; --summary-accent:#7050aa; --summary-icon:#e7ddfa; }
.wallet-withdrawals { --summary-bg:#fff5e6; --summary-border:#efdaba; --summary-accent:#916018; --summary-icon:#f9e7c7; }
.wallet-summary-top { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; }
.wallet-summary-label { color:#344e60; font-size:.875rem; font-weight:600; line-height:1.35; }
.wallet-summary-card .wallet-symbol { width:34px; height:34px; border-radius:10px; background:var(--summary-icon); color:var(--summary-accent); }
.wallet-summary-card .wallet-symbol svg { width:19px; height:19px; }
.wallet-summary-card>strong { font-size:clamp(1.6rem,2.25vw,2.2rem); letter-spacing:-.04em; line-height:1.2; margin-top:10px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; max-width:100%; }
.wallet-summary-card p { color:#526575; font-size:.75rem; line-height:1.45; margin:6px 0 0; }
.wallet-activity { margin-top:30px; }
.wallet-activity-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.wallet-activity-heading h2 { font-size:1.5rem; letter-spacing:-.035em; }
.wallet-activity-heading>span { font-size:.8rem; color:#607889; }
.wallet-activity-list { display:grid; gap:12px; }
.wallet-page .transaction { display:flex; flex-wrap:nowrap; gap:16px; padding:20px; border:1px solid #dce6ec; border-radius:16px; background:#fff; text-decoration:none; box-shadow:0 5px 18px #213c5003; }
.wallet-page .transaction:hover { border-color:#8acbbd; }
.wallet-page .transaction-icon { width:48px; height:48px; background:#e8f7f2; }
.wallet-page .transaction h3 { font-size:1rem; line-height:1.4; margin:0; }
.wallet-page .transaction .small { color:#61788b; font-size:.85rem; }
.wallet-page .transaction-amount { display:flex; flex-direction:column; align-items:flex-end; gap:5px; margin:0; text-align:right; }
.wallet-page .transaction-amount strong { font-size:1.15rem; }
.wallet-page .transaction-amount .status { font-size:.72rem; border-radius:20px; padding:3px 10px; }
.wallet-history-note { color:#637b87; font-size:.75rem; margin:14px 0 0; }
.wallet-show-all { display:flex; justify-content:center; align-items:center; gap:8px; padding:16px; margin-top:12px; }
.wallet-show-all svg { width:18px; height:18px; }
.transaction-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:22px; background:var(--surface,#fff); border:1px solid var(--line,#dce6ec); border-radius:16px; }
.transaction-filters label { display:flex; flex-direction:column; gap:8px; min-width:0; color:var(--ink,#0a2030); font-size:.85rem; font-weight:600; }
.transaction-filters .transaction-search { grid-column:1/-1; }
.transaction-filters :is(input,select) { box-sizing:border-box; width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #98afa9; border-radius:10px; background:var(--surface,#fff); color:var(--ink,#0a2030); font:inherit; font-weight:400; }
.transaction-filters :is(input,select):focus-visible { outline:2px solid #008675; outline-offset:2px; }
.transaction-filters input::placeholder { color:#607382; }
.transaction-filters button { grid-column:1/-1; justify-self:start; min-height:36px; }
.transaction-results-count { color:var(--muted,#536e80); margin:20px 0 12px; font-size:.9rem; }
.transactions-page .transaction > div { min-width:0; overflow-wrap:anywhere; }
@media(max-width:700px) {
 .transaction-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; gap:12px; }
}
@media(max-width:1100px) and (min-width:701px) {
 .wallet-overview { grid-template-columns:minmax(0,1fr); grid-template-areas:"balance" "summaries"; }
 .wallet-summary-card { padding:20px 16px; }
 .wallet-balance-card { padding:22px; }
 .wallet-summary-card>strong { font-size:1.8rem; }
}
@media(max-width:700px) {
 .wallet-account-activity { padding:20px; }
 .wallet-page #wallet-service-note { margin-bottom:20px; }
 .wallet-overview { grid-template-columns:minmax(0,1fr); grid-template-areas:"balance" "summaries"; gap:12px; }
 .wallet-summaries { gap:12px; }
 .wallet-heading { margin-bottom:6px; }
 .wallet-heading h1 { font-size:2rem; }
 .wallet-heading p { font-size:.9rem; }
 .wallet-balance-card { min-height:210px; padding:20px; }
 .wallet-balance-value { font-size:clamp(2.4rem,10vw,3.5rem); }
 .wallet-actions { margin:20px 0 0; }
 .wallet-actions .button { flex:1; min-width:0; padding:12px; }
 .wallet-summary-card { padding:18px 14px; }
 .wallet-summary-label { font-size:.8rem; }
 .wallet-summary-card>strong { font-size:clamp(1.25rem,5.5vw,1.85rem); }
 .wallet-summary-card p { font-size:.75rem; margin-top:6px; }
 .wallet-summary-card .wallet-symbol { width:28px; height:28px; border-radius:8px; }
 .wallet-summary-card .wallet-symbol svg { width:17px; height:17px; }
 .wallet-activity { margin-top:24px; }
 .wallet-activity-heading h2 { font-size:1.3rem; }
 .wallet-page .transaction { gap:10px; padding:15px 12px; }
 .wallet-page .transaction-icon { width:36px; height:40px; border-radius:10px; }
 .wallet-page .transaction-icon svg { width:20px; height:20px; }
 .wallet-page .transaction h3 { font-size:.86rem; }
 .wallet-page .transaction .small { font-size:.72rem; }
 .wallet-page .transaction-amount strong { font-size:.95rem; }
 .wallet-page .transaction-amount .status { font-size:.65rem; padding:3px 7px; }
}
@media(max-width:360px) {
 .wallet-actions .button { font-size:.875rem; padding:10px 8px; gap:6px; }
 .wallet-actions svg { width:18px; height:18px; }
 .wallet-page .transaction { display:grid; grid-template-columns:32px minmax(0,1fr); }
 .wallet-page .transaction-amount { grid-column:2; flex-direction:row; justify-content:space-between; align-items:center; }
}