.hub-page{max-width:1000px}.hub-page .section-heading{margin-bottom:22px}
.wallet-hero{padding:25px;border:1px solid #657cdd;border-radius:18px;background:linear-gradient(125deg,#263b82,#3556bf);box-shadow:0 18px 50px #101c4a55}
.wallet-user{display:flex;align-items:center;gap:13px;margin-bottom:18px}.wallet-user small{display:block;color:#c8d6fc;font-size:10px;font-weight:800}.wallet-user strong{font-size:19px}.wallet-avatar{width:53px;height:53px;display:grid;place-items:center;border-radius:12px;background:#6d86d9;color:white;font-size:22px}
.wallet-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-values div{padding:16px;border:1px solid #ffffff60;border-radius:12px;background:#ffffff18}.wallet-values small{display:block;color:#d3ddff;font-size:11px}.wallet-values strong{font-size:20px}.wallet-hero>p{margin:13px 0 0;color:#dce5ff;font-size:11px}
.topup-form{display:flex;align-items:end;gap:12px;margin-top:16px}.topup-form label{flex:1;font-size:11px;font-weight:800}.topup-form select{display:block;width:100%;margin-top:5px;padding:11px;border-radius:9px;border:1px solid #aebeff;background:#253b81;color:#fff}.topup-form button{min-height:42px}
.hub-group{margin-top:17px;padding:20px;border:1px solid #353f50;border-radius:15px;background:#1a202a}.hub-group h2{margin:0 0 11px;color:#aeb9cd;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hub-group>a,.hub-group>.hub-logout{min-height:54px;display:flex;align-items:center;gap:14px;border-top:1px solid #303a49;font-weight:700;font-size:13px}.hub-group>a i:first-child,.hub-group>.hub-logout i:first-child{width:19px;color:#8aabff}.hub-group>a i:last-child,.hub-group>.hub-logout i:last-child{margin-left:auto;color:#77849a;font-size:10px}.hub-group>.hub-logout{width:100%;padding:0;border-right:0;border-bottom:0;border-left:0;background:none;color:#ff9aa6;text-align:left;font-family:inherit;cursor:pointer}.hub-group>.hub-logout i:first-child{color:#ff9aa6}.hub-group>.hub-logout:disabled{opacity:.55;cursor:wait}.hub-group>.hub-logout:focus-visible{outline:2px solid #8aabff;outline-offset:2px}.hub-entry{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #ffffff35;font-size:12px}.hub-entry small{display:block;color:#a1adc3}.hub-entry strong{white-space:nowrap}
.profile-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-form{display:grid;gap:10px;margin:10px 0 18px}.profile-form label{display:block;font-size:12px;color:#bcc8dc;font-weight:750}.profile-form input,.profile-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #42506a;border-radius:9px;background:#111823;color:white;resize:vertical}.profile-form button{justify-self:start}.game-id-form{display:flex;align-items:end}.game-id-form label{flex:1}.game-id-form button{min-height:41px}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-layout .hub-group{margin-top:0}.ticket-row,.notification-item{display:grid;gap:5px;width:100%;padding:14px;text-align:left;border:1px solid #3a4659;border-radius:10px;background:#212b3a;color:white;margin:8px 0}.ticket-row small,.notification-item small{color:#9eacc4}.notification-item span{font-size:12px;color:#cad4e8}.notification-item.unread{border-left:4px solid #6687ff}.ticket-message{margin:11px 0;padding:14px;border:1px solid #354359;border-radius:10px;background:#222b3a}.ticket-message strong{display:inline-block;margin-right:10px}.ticket-message small{color:#9dabca}.ticket-message p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="light"] .hub-group{background:white;color:#17233a}.hub-group .empty-state{margin:0}html[data-theme="light"] .hub-group h2{color:#51607a}html[data-theme="light"] .hub-group>.hub-logout,html[data-theme="light"] .hub-group>.hub-logout i:first-child{color:#b43d53}html[data-theme="light"] .profile-form label{color:#394765}html[data-theme="light"] .profile-form input,html[data-theme="light"] .profile-form textarea{background:#f6f8fb;color:#14213b}html[data-theme="light"] .ticket-row,html[data-theme="light"] .notification-item,html[data-theme="light"] .ticket-message{background:#f3f6fc;color:#18253e}
@media(max-width:760px){.wallet-hero{padding:17px}.wallet-values strong{font-size:16px}.topup-form{align-items:stretch;flex-direction:column}.topup-form button{width:100%}.profile-fields,.support-layout{grid-template-columns:1fr}.hub-group{padding:16px}.game-id-form{flex-wrap:wrap}.game-id-form label{min-width:170px}}
.wallet-payment-note{padding:13px 15px;margin:0;border:1px solid #485b82;border-radius:10px;background:#243756;color:#dce8ff;font-size:13px}.wallet-payment-note a{color:#9ce2ff;font-weight:800}
/* Social profile avatar */
.wallet-avatar{position:relative;overflow:hidden;flex:none;font-size:20px;font-weight:800}
.wallet-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}