.user-profile-card{position:relative;background:var(--bg-secondary,#2b2d31);border-radius:12px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.4)}.user-profile-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;backdrop-filter:blur(4px)}.user-profile-close:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}.user-profile-banner{width:100%;height:120px;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-profile-banner img{width:100%;height:100%;object-fit:cover}.user-profile-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-profile-avatar-wrapper{position:relative;margin:-50px auto 0;width:100px;height:100px;z-index:5}.user-profile-avatar{width:100px;height:100px;border-radius:50%;border:6px solid var(--bg-secondary,#2b2d31);background:var(--bg-tertiary,#1e1f22);object-fit:cover;display:block}.user-profile-info{text-align:center;padding:16px 24px 8px}.user-profile-name{font-size:24px;font-weight:700;color:var(--text-primary,#f2f3f5);margin-bottom:4px;word-break:break-word}.user-profile-username{font-size:14px;color:var(--text-secondary,#b5bac1);font-weight:500}.user-profile-actions{display:flex;gap:8px;padding:16px 24px;justify-content:center;flex-wrap:wrap}.user-profile-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:44px;height:44px}.user-profile-btn:disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.5)}.user-profile-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.user-profile-btn:not(:disabled):active{transform:translateY(0)}.user-profile-btn-primary{background:var(--brand-color,#5865f2);color:#fff;flex:1;min-width:120px}.user-profile-btn-primary:not(:disabled):hover{background:var(--brand-hover,#4752c4)}.user-profile-btn-secondary{background:var(--bg-tertiary,#1e1f22);color:var(--text-primary,#f2f3f5)}.user-profile-btn-secondary:not(:disabled):hover{background:var(--bg-modifier-hover,#2e3035)}.user-profile-btn-danger{background:var(--bg-tertiary,#1e1f22);color:#ed4245}.user-profile-btn-danger:not(:disabled):hover{background:rgba(237,66,69,0.1)}.user-profile-details{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.user-profile-section{background:var(--bg-tertiary,#1e1f22);border-radius:8px;padding:16px}.user-profile-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-secondary,#b5bac1);margin-bottom:8px;letter-spacing:0.5px}.user-profile-section-content{font-size:14px;color:var(--text-primary,#f2f3f5);line-height:1.5;word-break:break-word}@media (max-width:768px){.user-profile-card{max-width:90vw;border-radius:10px}.user-profile-banner{height:100px}.user-profile-avatar-wrapper{margin-top:-40px;width:80px;height:80px}.user-profile-avatar{width:80px;height:80px;border-width:5px}.user-profile-name{font-size:20px}.user-profile-actions{padding:12px 16px}.user-profile-details{padding:0 16px 16px}}@media (max-width:480px){.user-profile-card{max-width:95vw;border-radius:8px}.user-profile-banner{height:80px}.user-profile-avatar-wrapper{margin-top:-35px;width:70px;height:70px}.user-profile-avatar{width:70px;height:70px;border-width:4px}.user-profile-info{padding:12px 16px 8px}.user-profile-name{font-size:18px}.user-profile-username{font-size:13px}.user-profile-actions{padding:12px;gap:6px}.user-profile-btn{padding:8px 12px;font-size:13px;min-width:40px;height:40px}.user-profile-btn span{display:none}.user-profile-btn-primary{min-width:100%;flex:1 1 100%}.user-profile-btn-primary span{display:inline}.user-profile-details{padding:0 12px 12px;gap:12px}.user-profile-section{padding:12px}.user-profile-section-title{font-size:11px}.user-profile-section-content{font-size:13px}.user-profile-close{width:32px;height:32px;font-size:16px;top:12px;right:12px}}[data-theme="dark"] .user-profile-card,.user-profile-card{--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--bg-modifier-hover:#2e3035;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--brand-color:#5865f2;--brand-hover:#4752c4}[data-theme="light"] .user-profile-card{--bg-secondary:#ffffff;--bg-tertiary:#f2f3f5;--bg-modifier-hover:#e3e5e8;--text-primary:#060607;--text-secondary:#4e5058;--brand-color:#5865f2;--brand-hover:#4752c4}.user-detail-card{position:relative;background:var(--bg-secondary,#2b2d31);border-radius:8px;overflow:hidden;margin:0}.user-detail-back{position:absolute;top:12px;left:12px;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;backdrop-filter:blur(4px)}.user-detail-back:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}.user-detail-banner{width:100%;height:100px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px 12px 0 0;position:relative;overflow:hidden}.user-detail-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);backdrop-filter:blur(1px)}.user-detail-avatar-wrapper{position:relative;margin:-40px auto 0;width:80px;height:80px;z-index:10;display:flex;align-items:center;justify-content:center}.user-detail-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-primary,#313338);background:var(--bg-tertiary,#1e1f22);object-fit:cover;display:block;box-shadow:0 8px 24px rgba(0,0,0,0.3);transition:all 0.3s ease}.user-detail-avatar:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(0,0,0,0.4)}.user-detail-info{text-align:center;padding:16px 20px 12px}.user-detail-name{font-size:20px;font-weight:700;color:var(--text-primary,#f2f3f5);margin-bottom:4px;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.user-detail-username{font-size:14px;color:var(--text-secondary,#b5bac1);font-weight:500;margin-bottom:12px}.user-detail-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:6px 12px;background:var(--bg-tertiary,#1e1f22);border-radius:20px;display:inline-flex}.user-detail-status-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary,#313338)}.user-detail-status-text{font-size:13px;font-weight:500;color:var(--text-primary,#f2f3f5)}.profile-game-activity{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary,#1e1f22);border-radius:8px;margin-bottom:16px;border-left:3px solid var(--accent-color,#5865f2)}.profile-game-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-color,#5865f2);border-radius:6px;color:white;font-size:14px}.profile-game-info{flex:1}.profile-game-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary,#b5bac1);letter-spacing:0.5px;margin-bottom:2px}.profile-game-name{font-size:14px;font-weight:600;color:var(--text-primary,#f2f3f5)}.user-detail-actions{display:flex;gap:8px;padding:0 20px 20px;justify-content:center}.user-detail-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;flex:1;min-height:44px}.user-detail-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.user-detail-btn:active{transform:translateY(0)}.user-detail-btn i{font-size:16px}.user-detail-btn-primary{background:var(--accent-color,#5865f2);color:#ffffff}.user-detail-btn-primary:hover{background:var(--accent-hover,#4752c4)}.user-detail-btn-secondary{background:var(--bg-tertiary,#1e1f22);color:var(--text-primary,#f2f3f5);border:1px solid var(--border-color,rgba(255,255,255,0.08))}.user-detail-btn-secondary:hover{background:var(--bg-modifier-hover,#2e3035)}.user-detail-section{padding:0 20px 16px;margin-top:8px}.user-detail-section-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-secondary,#b5bac1);margin-bottom:8px;letter-spacing:0.5px}.user-detail-section-content{font-size:14px;color:var(--text-primary,#f2f3f5);line-height:1.5;word-break:break-word;background:var(--bg-tertiary,#1e1f22);padding:12px 16px;border-radius:8px;border-left:3px solid var(--accent-color,#5865f2)}.user-detail-custom-status{background:var(--bg-tertiary,#1e1f22);padding:12px 16px;border-radius:8px;margin-bottom:16px;border-left:3px solid var(--warning-color,#faa61a);font-size:14px;color:var(--text-primary,#f2f3f5);font-style:italic}.user-detail-info-block{background:var(--bg-tertiary,#1e1f22);border-radius:8px;padding:16px;margin-bottom:16px}.user-detail-info-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.user-detail-info-item:last-child{margin-bottom:0}.user-detail-info-label{font-size:13px;color:var(--text-secondary,#b5bac1);font-weight:500;flex-shrink:0;margin-right:12px}.user-detail-info-value{font-size:13px;color:var(--text-primary,#f2f3f5);font-weight:500;text-align:right;word-break:break-word}[data-theme="dark"] .user-detail-card,.user-detail-card{--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--bg-modifier-hover:#2e3035;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--brand-color:#5865f2;--brand-hover:#4752c4}[data-theme="light"] .user-detail-card{--bg-secondary:#ffffff;--bg-tertiary:#f2f3f5;--bg-modifier-hover:#e3e5e8;--text-primary:#060607;--text-secondary:#4e5058;--brand-color:#5865f2;--brand-hover:#4752c4}#rightPanel .user-detail-banner{margin:-12px -12px 0 -12px;width:calc(100% + 24px);height:100px;border-radius:0}#rightPanel .user-detail-avatar-wrapper{position:relative;margin:-40px auto 12px;width:80px;height:80px;z-index:10}#rightPanel .user-detail-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-primary,#313338);background:var(--bg-tertiary,#1e1f22);object-fit:cover;display:block;box-shadow:0 8px 24px rgba(0,0,0,0.3)}body.theme-light #rightPanel .user-detail-avatar,[data-theme="light-default"] #rightPanel .user-detail-avatar,[data-theme="light-blue"] #rightPanel .user-detail-avatar,[data-theme="coffee-cream"] #rightPanel .user-detail-avatar{border-color:var(--bg-primary,#ffffff);box-shadow:0 8px 24px rgba(0,0,0,0.15)}#rightPanel .flex.flex-col.items-center.text-center{background:var(--bg-secondary,#2b2d31);border-radius:12px;margin:12px;padding:0;box-shadow:0 4px 16px rgba(0,0,0,0.2);overflow:hidden}body.theme-light #rightPanel .flex.flex-col.items-center.text-center,[data-theme="light-default"] #rightPanel .flex.flex-col.items-center.text-center,[data-theme="light-blue"] #rightPanel .flex.flex-col.items-center.text-center,[data-theme="coffee-cream"] #rightPanel .flex.flex-col.items-center.text-center{background:var(--bg-secondary,#ffffff);box-shadow:0 4px 16px rgba(0,0,0,0.1)}