body.club-design-mode{--member-nav-width:216px;background:#070d15}
.club-design-mode .app-shell{width:100%;max-width:none;padding:0;margin:0}
.club-design-mode .topbar{position:relative;top:auto;margin-left:var(--member-nav-width);padding:18px 38px;background:#0a121d;border-bottom:1px solid #21303d}
#account-page{width:calc(100% - var(--member-nav-width));max-width:none;margin:0 0 0 var(--member-nav-width);padding:32px 38px 60px}
.member-content{width:100%;max-width:1514px;margin-inline:auto}
.member-nav{position:fixed;inset:0 auto 0 0;width:216px;z-index:20;background:linear-gradient(155deg,#0e1c28,#080e16);border-right:1px solid #233343;display:flex;flex-direction:column;padding:30px 18px}
.member-nav-brand{display:grid;gap:8px;padding:0 8px 42px}.member-nav-brand b{color:#e7cd89;font-size:24px}.member-nav-brand span,.member-nav>small{font-size:11px;color:#879aab}.member-nav>small{margin-top:auto;border-top:1px solid #233343;padding-top:20px}
.member-nav nav{display:grid;gap:8px}.member-nav a{display:flex;align-items:center;gap:12px;padding:18px 12px;color:#9eb0c0;text-decoration:none;border:1px solid transparent;border-radius:8px;font-size:14px}.member-nav a i{font-style:normal;font-size:11px;color:#9a8b66}.member-nav a span{margin-left:auto}.member-nav a.active{background:#e3c47b0d;border-color:#756037;color:#f0d791}
#account-page .account-layout{display:flex;flex-direction:column;gap:26px}#account-page .account-layout>article{width:100%;min-width:0;scroll-margin-top:24px;padding:28px;border:1px solid #273a4b;border-radius:14px;background:linear-gradient(120deg,#10202c,#0b121b 75%)}
#account-page article>header{margin-bottom:24px}#account-page header small{font-size:10px;letter-spacing:2px;color:#a49a7d}#account-page h2{font-size:24px}#account-page .section-head{margin-bottom:32px}
.member-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.member-private-profile{border-left:1px solid #263a4b;padding-left:36px}.member-avatar-row{display:flex;gap:22px;align-items:center}.member-avatar-row img{border:2px solid #b5a071;border-radius:20px;object-fit:cover;flex-shrink:0}.member-avatar-row p{color:#8a9aa9;font-size:11px;margin-top:12px}.member-avatar-row button{margin:3px 5px 3px 0}
#signature-form{margin-top:28px}#signature-form label{display:block;color:#bdc8d1}#signature-count{float:right;color:#8b9cac;font-size:12px}#member-signature{display:block;width:100%;resize:vertical;min-height:84px;margin:12px 0;padding:14px;border:1px solid #314656;border-radius:8px;background:#07131e;color:#e7edf4;font:inherit}#account-page .profile-panel dl{margin-top:0}
.wallet-overview{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 32px;border:1px solid #806d3e;border-radius:12px;background:radial-gradient(ellipse at left,#5b471d55,transparent 75%),#111c24}.wallet-overview span{color:#b5b5a9;font-size:13px}.wallet-overview strong{display:block;font:600 60px/1.25 system-ui;color:#f6d67e;letter-spacing:-2px}.wallet-level b{display:block;font-size:30px;color:#eee0af;margin:10px 0}.wallet-level p,#wallet-debt{color:#b6c3cf;font-size:12px}.wallet-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.wallet-tier{padding:22px 16px;background:#0a151f;border:1px solid #2c4051;border-radius:10px}.wallet-tier.current{border-color:#caab5e;background:#463b252e}.wallet-tier small{font-size:10px;color:#b39558;letter-spacing:1px}.wallet-tier h3{font-size:21px;color:#e6dfcf;margin:12px 0}.wallet-tier p{font-size:12px;color:#93a6b7}.wallet-tier button{width:100%;padding:10px 5px;margin-top:8px;white-space:normal;font-size:12px}
.wallet-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 10px}.wallet-ledger-head span{font-size:12px;color:#8b9dac}.wallet-ledger{max-height:360px;overflow-y:auto}.wallet-entry{display:grid;grid-template-columns:1fr auto auto;gap:24px;border-top:1px solid #233441;padding:15px 4px;align-items:center}.wallet-entry small{display:block;margin-top:5px;color:#7890a2;font-size:11px}.wallet-entry b{color:#63c7f4;font-size:19px}.wallet-entry b.debit{color:#dfaa7d}.wallet-entry>span{color:#879cac;font-size:12px}#wallet-more{margin-top:16px}
#avatar-crop-dialog{width:min(450px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto;background:#0d1924;color:#edf3f7}#avatar-crop-dialog header{display:flex;justify-content:space-between;align-items:center}#avatar-crop-preview{display:block;width:240px;height:240px;max-width:100%;margin:20px auto;border:2px solid #d6b969;border-radius:12px}#avatar-crop-dialog label{display:grid;grid-template-columns:70px 1fr;gap:12px;margin:16px 0;align-items:center}#avatar-crop-dialog input{width:100%;accent-color:#d6b969}
#stats-profile-title .profile-signature{display:block;max-width:600px;color:#b3c4d2;font-size:14px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
#stats-page .performance-podium .podium-signature{display:block;font-size:13px;color:#b6c5d2;line-height:1.65;letter-spacing:0;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:1200px){body.club-design-mode{--member-nav-width:176px}.member-nav{width:176px;padding-inline:12px}#account-page{padding-inline:24px}.wallet-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.member-profile-grid{gap:24px}.member-private-profile{padding-left:24px}}
@media(max-width:800px){body.club-design-mode{--member-nav-width:0px}.member-nav{position:sticky;top:0;width:100%;padding:8px;display:block;background:#0c1824f5;border-bottom:1px solid #314555}.member-nav-brand,.member-nav>small{display:none}.member-nav nav{display:flex;overflow:auto;gap:4px}.member-nav a{padding:12px 10px;white-space:nowrap;font-size:12px}.member-nav a i,.member-nav a span{display:none}#account-page{padding:0 12px 30px}.club-design-mode .topbar{padding:12px}.member-content{padding-top:20px}.member-profile-grid{grid-template-columns:1fr}.member-private-profile{border-left:0;border-top:1px solid #263a4b;padding:24px 0 0}#account-page .account-layout>article{padding:20px;scroll-margin-top:70px}.wallet-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-overview{padding:20px;flex-wrap:wrap}.wallet-overview strong{font-size:48px}.wallet-ledger-head{align-items:start;flex-direction:column}.wallet-entry{gap:12px}.member-avatar-row{flex-wrap:wrap}}
