.account-controls{display:flex;align-items:center;gap:8px}.account-controls[hidden]{display:none}.balance-chip{height:39px;min-width:99px;display:flex;flex-direction:column;justify-content:center;padding:3px 11px;border:1px solid #31506b;border-radius:5px;background:#0c1b2b;color:#edf7ff;letter-spacing:0}.balance-chip-label{font-size:8px;line-height:1;color:#7599b5;letter-spacing:1.15px;font-weight:800}.balance-chip strong{margin-top:4px;font-size:13px;line-height:1;font-variant-numeric:tabular-nums;color:#e4f2fc}.topup-chip{height:39px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #6aabd3;border-radius:5px;background:#366f99;color:#f4fbff;font-size:11px;font-weight:760;letter-spacing:0}.topup-chip:hover{background:#4482ac}.topup-chip span{font-size:14px}.topup-chip[hidden]{display:none}.avatar-link{width:39px;height:39px;display:grid;place-items:center;overflow:hidden;border:1px solid #6a9fc2;border-radius:50%;background:linear-gradient(145deg,#215074,#112538);color:#d4efff;font-size:16px;font-weight:800;letter-spacing:0;box-shadow:0 0 0 3px #385a761c}.avatar-link img{width:100%;height:100%;object-fit:cover}.avatar-link img[hidden],.avatar-link span[hidden]{display:none}.avatar-link:hover{border-color:#b4dfff}.profile-header-label{color:#7898b2;font-size:9px;letter-spacing:1.5px;margin-right:9px}
.profile-main{padding:61px 0 105px}.profile-kicker{display:flex;align-items:center;gap:10px;color:#8dbad8;font-size:10px;font-weight:800;letter-spacing:1.7px}.profile-kicker>span:last-child{color:#537089;margin-left:9px}.profile-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:14px 0 34px}.profile-title-row h1{margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:790;letter-spacing:-2.8px;line-height:1.08}.profile-title-row p{margin:12px 0 0;color:#8da3b5;font-size:13px}.back-to-upgrade{height:37px;display:flex;align-items:center;gap:24px;padding:0 13px;border:1px solid #34516a;border-radius:4px;color:#b4ccdd;font-size:11px;font-weight:700}.back-to-upgrade:hover{background:#132b40}.back-to-upgrade span{font-size:15px;color:#80b6d8}.profile-loading{padding:60px 0;color:#9bb7ca}.profile-loading[hidden],#profileContent[hidden]{display:none}.profile-hero{min-height:194px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 34px;position:relative;overflow:hidden;background:linear-gradient(115deg,#112840 0,#0b1b2c 52%,#0b1625 100%);border:1px solid #34516b;border-radius:8px;box-shadow:0 22px 70px #0003}.profile-hero:before{content:"";position:absolute;top:0;left:0;width:48%;height:1px;background:linear-gradient(90deg,#89c9ed,transparent)}.profile-hero:after{content:"R";position:absolute;right:80px;top:-105px;font-size:330px;line-height:1;font-weight:900;letter-spacing:-45px;color:#a9d9ff08;pointer-events:none}.profile-identity,.hero-actions{position:relative;z-index:1}.profile-identity{display:flex;align-items:center;gap:26px;min-width:0}.profile-avatar{width:109px;height:109px;flex:none;display:grid;place-items:center;overflow:hidden;border:3px solid #568db1;border-radius:13px;background:#1b4868;color:#d9f3ff;font-size:50px;font-weight:750;box-shadow:0 0 0 5px #89c9f119,0 12px 24px #0005}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar img[hidden],.profile-avatar span[hidden]{display:none}.identity-copy{min-width:0}.identity-eyebrow{display:flex;align-items:center;gap:8px;color:#96c8e7;font-size:9px;font-weight:850;letter-spacing:1.6px}.identity-indicator{width:5px;height:5px;border-radius:50%;background:#85d0ec;box-shadow:0 0 0 3px #85d0ec20}.identity-copy h2{margin:12px 0 13px;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(23px,2.7vw,35px);font-weight:790;letter-spacing:-1.1px}.identity-meta{display:flex;gap:19px;flex-wrap:wrap;color:#7899b4;font-size:9px;letter-spacing:1.1px;font-weight:720}.hero-actions{display:flex;align-items:center;gap:9px;align-self:flex-end}.hero-actions a,.hero-actions button{height:35px;padding:0 12px;border:1px solid #436886;border-radius:4px;background:#17334c;color:#d6edfc;font-size:10px;font-weight:700;white-space:nowrap}.hero-actions a{display:flex;align-items:center;gap:14px}.hero-actions a:hover,.hero-actions button:hover{background:#234761}.hero-actions button{background:transparent;color:#9eb6c9;border-color:#36516a}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:16px;margin-top:16px}.wallet-panel,.account-panel{min-height:304px;border:1px solid #294159;border-radius:8px;background:#0b1726;position:relative;overflow:hidden}.wallet-panel{padding:25px 28px;background:radial-gradient(ellipse 65% 70% at 83% 0,#1b50743b,transparent),#0b1a2b}.wallet-panel:after{content:"";position:absolute;right:-100px;bottom:-180px;width:350px;height:350px;border:1px solid #6cb3de10;border-radius:50%;box-shadow:0 0 0 40px #6cb3de08,0 0 0 100px #6cb3de05;pointer-events:none}.panel-top{display:flex;align-items:center;justify-content:space-between;color:#80a7c0;font-size:10px;font-weight:800;letter-spacing:1.5px}.panel-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid #487391;border-radius:5px;color:#b7dff8;font-size:16px;font-weight:800;letter-spacing:-1px}.panel-label{margin:24px 0 3px;color:#a5bfd1;font-size:12px}.wallet-amount{display:flex;align-items:baseline;gap:10px;line-height:1}.wallet-amount strong{font-size:clamp(46px,5vw,68px);font-weight:780;letter-spacing:-3px;font-variant-numeric:tabular-nums}.wallet-amount>span{font-size:30px;color:#84c1e4}.wallet-caption{max-width:350px;color:#8ca7ba;font-size:11px;line-height:1.5;margin:10px 0 26px}.topup-area{position:relative;z-index:1;border-top:1px solid #29465f;padding-top:17px}.topup-area label{display:block;margin-bottom:9px;color:#9ebacf;font-size:10px;font-weight:750;letter-spacing:.3px}.topup-form{display:flex;gap:8px}.topup-form input{width:140px;height:39px;padding:0 12px;border:1px solid #3b5b75;border-radius:4px;background:#091827;color:#f2f9ff;font-size:14px}.topup-form button{height:39px;padding:0 13px;border:1px solid #74afd4;border-radius:4px;background:#397ca9;color:white;font-size:11px;font-weight:800}.topup-form button:disabled{opacity:.5}.topup-form button span{padding-left:8px}.topup-area p{font-size:10px;color:#7794aa}.topup-unavailable{display:inline-block;color:#a9c0d1;font-size:11px}.topup-status{min-height:0;margin:6px 0 0!important;color:#badffa!important}.account-panel{padding:25px 27px}.account-panel .panel-top span:last-child{font-size:17px;color:#5987a5}.account-stat{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #22394e;padding:29px 0 16px;color:#91a8bb;font-size:12px}.account-stat strong{font-size:29px;color:#e9f4fb;font-weight:760;letter-spacing:-1.1px}.account-stat small{font-size:12px;color:#7795ac;letter-spacing:0}.account-info{display:flex;gap:10px;align-items:start;margin-top:22px;color:#8ba5b8;font-size:10px;line-height:1.5}.account-info p{margin:0;max-width:280px}.info-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#79b8dd;margin-top:4px}
.profile-history{margin-top:39px;border:1px solid #294159;border-radius:8px;background:#0b1624;overflow:hidden}.history-heading{min-height:105px;padding:24px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.history-index{font-size:9px;font-weight:850;letter-spacing:1.5px;color:#82a8c0}.history-heading h2{font-size:24px;letter-spacing:-.7px;margin:9px 0 0}.history-count{font-size:9px;color:#7796ab;letter-spacing:1.2px;font-weight:800}.history-tabs{display:flex;gap:4px;padding:0 17px;border-bottom:1px solid #294159;background:#0d1d2e}.history-tabs button{height:48px;padding:0 18px;background:transparent;border:0;border-bottom:2px solid transparent;color:#8ea9bb;font-size:11px;font-weight:750}.history-tabs button[aria-selected=true]{border-color:#8ac9ee;color:#e8f5fc}.history-tabs button span{margin-left:6px;color:#7092a9}.history-body{min-height:234px;padding:40px 25px;text-align:center}.history-body[hidden]{display:none}.empty-symbol{font-size:44px;line-height:1;color:#477997}.history-body h3{margin:9px 0 8px;font-size:17px}.history-body p{margin:0;color:#829eb2;font-size:11px}.payment-row{display:grid;grid-template-columns:1fr auto 140px;align-items:center;gap:15px;text-align:left;border-bottom:1px solid #20364b;padding:15px 6px}.payment-row:last-child{border-bottom:0}.payment-row>div{display:flex;flex-direction:column;gap:5px}.payment-row strong{font-size:12px}.payment-row>div span{color:#7593a9;font-size:10px}.payment-state{text-align:right;color:#9bc7df;font-size:10px}.state-canceled,.state-chargebacked{color:#c39a9a}.empty-payments{color:#87a0b3;font-size:12px;padding:35px 0}
@media(max-width:1000px){.profile-hero{align-items:start}.hero-actions{flex-direction:column;align-self:center}.hero-actions a,.hero-actions button{width:100%;justify-content:center}.profile-grid{grid-template-columns:1fr 1fr}.profile-header-label{display:none}}
@media(max-width:760px){.topbar-right{display:flex}.topbar-right .profile-header-label{display:none}.profile-main{padding:38px 0 70px}.profile-title-row{margin-bottom:24px}.profile-title-row h1{letter-spacing:-1.7px}.profile-hero{padding:22px;min-height:0}.profile-avatar{width:78px;height:78px;font-size:34px}.profile-identity{gap:16px}.identity-copy h2{margin:8px 0;font-size:23px}.identity-meta{gap:4px;flex-direction:column;font-size:8px}.hero-actions{display:none}.profile-grid{grid-template-columns:1fr}.wallet-panel,.account-panel{min-height:0}.account-panel{padding-bottom:27px}.account-stat{padding-top:18px}.account-info{margin-top:20px}.back-to-upgrade{display:none}}
@media(max-width:470px){.topbar nav{display:none}.balance-chip{min-width:80px;height:35px;padding:3px 8px}.balance-chip strong{font-size:11px}.topup-chip{height:35px;padding:0 8px;font-size:10px}.avatar-link{width:35px;height:35px}.profile-title-row h1{font-size:36px}.profile-hero{padding:20px 15px}.profile-avatar{width:65px;height:65px;border-radius:9px}.identity-copy h2{max-width:185px;font-size:19px}.wallet-panel,.account-panel{padding:20px}.history-heading{padding:20px}.history-heading h2{font-size:20px}.payment-row{grid-template-columns:1fr auto}.payment-state{grid-column:2}.topup-form{flex-wrap:wrap}.topup-form button{flex:1}.topup-form input{width:100px}}