.user-center-page{background:linear-gradient(#0a0a0a 0%,#1a1a1a 100%);min-height:100vh;padding-top:70px;position:relative}.mobile-menu-toggle{z-index:1001;cursor:pointer;background:#252837;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none;position:fixed;top:70px;left:16px;box-shadow:0 2px 8px #0000004d}.hamburger-icon{background:#fff;width:20px;height:2px;transition:all .3s;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background:#fff;width:20px;height:2px;transition:all .3s;position:absolute;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.mobile-user-info-card{background:linear-gradient(#252837 0% 100%);border-radius:16px;margin-bottom:16px;padding:20px;display:none}.mobile-user-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.mobile-user-avatar{border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden}.mobile-user-avatar img{object-fit:cover;width:100%;height:100%}.mobile-user-details{flex-direction:column;flex:1;gap:8px;display:flex}.mobile-user-name{color:#fff;font-size:18px;font-weight:500}.mobile-user-badge{color:#fff;background:#48bb78;border:1px solid #48bb78;border-radius:12px;width:fit-content;padding:4px 12px;font-size:12px;display:inline-block}.mobile-balance-section{text-align:center;background:linear-gradient(#303a66 0%,#292e3f 100%);border-radius:12px;padding:16px}.mobile-balance-label{color:#fff9;margin-bottom:8px;font-size:14px}.mobile-balance-value{margin-bottom:16px}.mobile-balance-num{color:#7c8ff5;font-size:32px;font-weight:700}.mobile-balance-unit{color:#ffffff80;margin-left:8px;font-size:16px}.mobile-btn-recharge{cursor:pointer;color:#fff;background:#8b6fd9;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:all .2s}.mobile-btn-recharge:hover{background:#9a7ee3}.user-center-layout{gap:16px;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:16px;display:flex}.user-main-content{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}@keyframes fadeInContent{0%{opacity:0;padding-top:20px}to{opacity:1;padding-top:0}}.fade-in-content{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeInContent}.placeholder-content{text-align:center;background:#2d3748;border-radius:12px;padding:3rem}.placeholder-content h2{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:500}.placeholder-content p{color:#fff9;margin:0;font-size:1rem}.loading-state,.error-state{color:#fff;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;display:flex}@media (max-width:1024px){.user-center-page{padding-top:70px}.mobile-menu-toggle{display:flex;top:75px}.mobile-user-info-card{display:block}.user-center-layout{flex-direction:column;padding:20px}}@media (max-width:768px){.user-center-page{padding-top:70px}.mobile-menu-toggle{top:75px}.user-center-layout{padding:15px}}
.LoadingSpinner-module__Jk-RtG__loadingContainer{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.LoadingSpinner-module__Jk-RtG__spinner{border:4px solid #5b8def33;border-top-color:#5b8def;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite LoadingSpinner-module__Jk-RtG__spin}@keyframes LoadingSpinner-module__Jk-RtG__spin{to{transform:rotate(360deg)}}.LoadingSpinner-module__Jk-RtG__loadingText{color:#fff;margin:0;font-size:18px}