.profile-page{color:#fff;min-height:100vh;padding-top:100px;padding-bottom:40px}.profile-page.profile-page--with-footer{flex-direction:column;padding-bottom:0;display:flex}.profile-page.profile-page--with-footer .profile-container{flex:1}.profile-page .profile-container{width:91%;max-width:1200px;margin:0 auto}.profile-page .profile-header{background:#15171e;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;display:flex;position:relative}.profile-page .profile-user{align-items:center;gap:16px;display:flex}.profile-page .profile-avatar{border:2px solid #ffffff1a;border-radius:20px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.profile-page .profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-page .profile-info{flex-direction:column;display:flex}.profile-page .profile-info h1{margin:0 0 4px;font-size:20px;font-weight:700}.profile-page .profile-user-details{flex-direction:column;gap:4px;display:flex}.profile-page .profile-username-row{align-items:center;gap:8px;display:flex}.profile-page .profile-username{color:#9397a3;font-size:14px;font-weight:500}.profile-page .profile-id-row{align-items:center;gap:8px;display:flex}.profile-page .profile-id-label{color:#72788a;font-size:14px}.profile-page .btn-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .2s;display:flex}.profile-page .btn-copy:hover{opacity:.8}.profile-page .profile-actions{align-items:center;gap:12px;display:flex}.profile-page .btn-settings{cursor:pointer;background:#1f212b;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex}.profile-page .btn-settings:hover{background:#2a2d35}.profile-page .btn-topup{color:#0b0d14;cursor:pointer;background:#22c55e;border:none;border-radius:14px;justify-content:center;align-items:center;height:48px;padding:0 24px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.profile-page .btn-topup:hover{background:#16a34a}.profile-page .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.profile-page .stat-card{background:linear-gradient(#1b1d24,#1b1d24) padding-box padding-box,linear-gradient(120deg,#2e303a 0%,#2e303a1a 28%,#2e303a 55%,#2e303a1f 78%,#2e303aad 100%) border-box;border:1px solid #0000;border-radius:20px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.profile-page .stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-page .stat-label{color:#8b92a5;font-size:13px}.profile-page .stat-arrow{opacity:.5;justify-content:center;align-items:center;display:flex}.profile-page .stat-content{align-items:center;gap:10px;display:flex}.profile-page .stat-value{color:#fff;font-size:18px;font-weight:700}.profile-page .bonus-banner{color:#fff;background:#454552;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.profile-page .bonus-banner:hover{opacity:.9}.profile-page .content-area{background:#15171e;border:1px solid #ffffff14;border-radius:24px;min-height:400px;padding:24px}.profile-page .tab-content{min-height:220px;transition:opacity .22s}.profile-page .tab-content--loading{opacity:.88}.profile-page .tab-content--ready{opacity:1}.profile-page .tab-spinner-wrap{justify-content:center;align-items:center;min-height:180px;display:flex}.profile-page .tab-spinner{border:3px solid #ffffff2e;border-top-color:#22c55e;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite profileSpin}.profile-page .tabs-pills{background:#1f212b;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:0;display:flex;overflow:hidden}.profile-page .tab-pill{text-align:center;color:#8b92a5;cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;margin:2px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.profile-page .tab-pill.active{color:#0b0d14;background:#22c55e;font-weight:600}.profile-page .orders-list{flex-direction:column;gap:12px;max-height:none;display:flex;overflow:visible}.profile-page .order-item{background:#15171e;border:1px solid #282c39;border-radius:18px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}.profile-page .order-item:hover{background:#1b1e26}.profile-page .order-main{align-items:center;gap:16px;display:flex}.profile-page .order-img{aspect-ratio:16/9;object-fit:cover;background-color:#1f212b;border-radius:12px;width:80px}.profile-page .order-info{flex-direction:column;display:flex}.profile-page .order-title{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700}.profile-page .order-game{color:#22c55e;margin-bottom:4px;font-size:13px}.profile-page .order-date{color:#8b92a5;font-size:12px}.profile-page .order-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.profile-page .order-id{color:#8b92a5;font-size:13px}.profile-page .order-price{color:#eab308;font-size:16px;font-weight:700}.profile-page .order-status{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500}.profile-page .status-completed{color:#22c55e;background:#22c55e1a}.profile-page .status-process{color:#f59e0b;background:#f59e0b24}.profile-page .status-cancel{color:#ef4444;background:#ef44441f}.profile-page .transaction-item{background:#15171e;border:1px solid #282c39;border-radius:18px;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.profile-page .transaction-item:hover{background:#1b1e26}.profile-page .transaction-info{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.profile-page .transaction-title{color:#fff;font-size:15px;font-weight:600}.profile-page .inline-status{display:inline-block}.profile-page .transaction-id-row{align-items:center;gap:6px;display:flex}.profile-page .transaction-amount-wrapper{align-items:center;display:flex}.profile-page .transaction-amount{font-size:16px;font-weight:700}.profile-page .text-green{color:#22c55e}.profile-page .text-white{color:#fff}.profile-page .bonus-item{background:#15171e;border:1px solid #282c39;border-radius:18px;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.profile-page .bonus-item:hover{background:#1b1e26}.profile-page .bonus-info{flex-direction:column;gap:6px;display:flex}.profile-page .bonus-code{color:#fff;font-size:16px;font-weight:700}.profile-page .bonus-label{color:#8b92a5;font-size:13px}.profile-page .bonus-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.profile-page .bonus-date{color:#8b92a5;font-size:12px}.profile-page .list-fade-item{opacity:0;animation:.28s forwards profileItemIn;transform:translateY(8px)}.profile-page .status-unused{color:#8b92a5;background:#8b92a51a}@media (max-width:900px){.profile-page .stats-grid{grid-template-columns:repeat(2,1fr)}.profile-page .profile-header{align-items:flex-start;gap:16px;padding:16px}.profile-page .profile-user{align-items:flex-start;width:100%}.profile-page .profile-info,.profile-page .profile-user-details{align-items:flex-start}.profile-page .profile-actions{justify-content:flex-end;width:auto;position:absolute;top:16px;right:16px;display:flex!important}.profile-page .btn-settings{display:flex!important}.profile-page .profile-avatar{width:56px;height:56px}.profile-page .desktop-only{display:none!important}.profile-page .profile-info h1{font-size:16px}.profile-page .profile-username,.profile-page .profile-id-label,.profile-page .profile-id-value{font-size:12px}}@media (min-width:901px){.profile-page .mobile-only{display:none!important}}@media (max-width:480px){.profile-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.profile-page .stat-card{padding:12px}.profile-page .stat-value{font-size:15px}.profile-page .order-item{flex-direction:column;align-items:flex-start;gap:12px}.profile-page .order-meta{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.profile-page .transaction-item{flex-direction:row;align-items:center;gap:12px}.profile-page .transaction-amount-wrapper{flex-shrink:0}.profile-page .transaction-amount{white-space:nowrap}.profile-page .bonus-item{flex-direction:row;align-items:center}.profile-page .order-title,.profile-page .transaction-title{font-size:13px}.profile-page .order-game,.profile-page .order-id,.profile-page .stat-label,.profile-page .bonus-label,.profile-page .order-date,.profile-page .bonus-date{font-size:11px}.profile-page .order-price,.profile-page .transaction-amount,.profile-page .bonus-code{font-size:14px}.profile-page .order-status{padding:2px 8px;font-size:10px}.profile-page .content-area{padding:10px}}@keyframes skelPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skel-circle{background:linear-gradient(90deg,#2a2d35 25%,#3a3d45 37%,#2a2d35 63%) 0 0/400% 100%;border:1px solid #ffffff14;border-radius:50%;animation:1.2s infinite shimmer}.skel-line{background:linear-gradient(90deg,#2a2d35 25%,#3a3d45 37%,#2a2d35 63%) 0 0/400% 100%;border:1px solid #ffffff14;border-radius:8px;animation:1.4s ease-in-out infinite skelPulse}.skel-avatar{background:linear-gradient(90deg,#2a2d35 25%,#3a3d45 37%,#2a2d35 63%) 0 0/400% 100%;border:1px solid #ffffff14;width:64px;height:64px;animation:1.4s ease-in-out infinite skelPulse}.skel-w-160{width:160px}.skel-w-120{width:120px}.skel-w-100{width:100px}.skel-w-80{width:80px}.skel-w-60{width:60px}.skel-w-40{width:40px}.skel-h-20{height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes profileSpin{to{transform:rotate(360deg)}}@keyframes profileItemIn{to{opacity:1;transform:translateY(0)}}