.user-header{display:flex;align-items:center;gap:15px;padding:15px 20px;margin-top:-20px;margin-bottom:15px;background:rgba(255,255,255,0.05);border-radius:0 0 10px 10px}.user-header__avatar{flex-shrink:0;position:relative}.user-header__avatar img{width:70px;height:70px;border-radius:50%;border:2px solid #fff;object-fit:cover}.user-header__avatar--online img{border-color:#27ae60}.user-header__online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#27ae60;border:2px solid #07162e;border-radius:50%}.user-header__roc{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 6px;background:#f32721;color:#fff;font-size:10px;font-weight:bold;font-family:'Oswald',Arial,sans-serif;letter-spacing:0.5px;border-radius:3px;text-transform:uppercase}.user-header__identity{flex:1;min-width:0}.user-header__pseudo{display:block;font-family:'Oswald',Arial,sans-serif;font-size:28px;font-weight:normal;color:#fff;line-height:1.2}.user-header__gender{font-size:14px;margin-left:6px;opacity:0.5}.user-header__gender--male{color:#5dadec}.user-header__gender--female{color:#f0a0c0}.user-header__meta{display:flex;gap:10px;margin-top:4px}.user-header__meta-item{display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,0.5);font-size:12px}.user-header__meta-item--trophy i{color:#fff;font-size:11px}.user-header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-header__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease-in-out}.user-header__menu-btn:hover{background:rgba(255,255,255,0.2)}.user-header__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 15px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:6px;color:#fff;font-size:13px;font-weight:normal;text-decoration:none;cursor:pointer;transition:all .3s ease-in-out}.user-header__btn:hover{background:rgba(255,255,255,0.25);color:#fff}.user-header__btn--desktop{display:inline-flex}.user-header__btn--mobile{display:none;width:40px;height:40px;padding:0;border-radius:50%;font-size:18px}@media (max-width:576px){.user-header{margin-left:-15px;margin-right:-15px;padding:15px;border-radius:0}.user-header__avatar img{width:60px;height:60px}.user-header__pseudo{font-size:24px}.user-header__meta{flex-wrap:wrap}.user-header__meta-item{font-size:13px;line-height:1.4}.user-header__btn--desktop{display:none}.user-header__btn--mobile{display:inline-flex}}.user-actions-panel{display:flex;flex-direction:column;height:100%;background:#fff}.user-actions-panel__header{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#07162e;color:#fff}.user-actions-panel__avatar-wrap{position:relative;flex-shrink:0}.user-actions-panel__avatar-wrap--online .user-actions-panel__avatar{border-color:#27ae60}.user-actions-panel__avatar{width:50px;height:50px;border-radius:50%;border:2px solid #fff}.user-actions-panel__online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#27ae60;border:2px solid #07162e;border-radius:50%}.user-actions-panel__info{flex:1;min-width:0}.user-actions-panel__name{display:block;font-family:'Oswald',Arial,sans-serif;font-size:18px;font-weight:normal;line-height:1.2}.user-actions-panel__desc{margin:4px 0 0 0;font-size:12px;color:rgba(255,255,255,0.6);line-height:1.3;font-style:italic}.user-actions-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease-in-out}.user-actions-panel__close:hover{background:rgba(255,255,255,0.2)}.user-actions-panel__nav{flex:1;padding:10px 0;overflow-y:auto}.user-actions-panel__link{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#555;text-decoration:none;font-size:15px;transition:all .3s ease-in-out}.user-actions-panel__link i{width:20px;text-align:center;color:#aaa}.user-actions-panel__link:hover{background:#f9f9f9;color:#009cd6}.user-actions-panel__link:hover i{color:#009cd6}.user-actions-panel__link--danger{color:#f32721}.user-actions-panel__link--danger i{color:#f32721}.user-actions-panel__link--danger:hover{background:rgba(243,39,33,0.1);color:#f32721}.user-actions-panel__link--danger:hover i{color:#f32721}.user-actions-panel__separator{border:none;border-top:1px solid #efefef;margin:10px 0}