.sidebar-container{background:#fff;border-radius:16px;height:calc(100vh - 100px);padding:1.5rem 0;transition:all .3s;position:sticky;top:86px;overflow-y:auto;box-shadow:0 2px 12px #00000014}.sidebar-container:hover{box-shadow:0 4px 20px #0000001f}.sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:.5rem;padding:0 1.5rem 1rem}.sidebar-title{color:#212529;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{margin:0}.sidebar-nav-link{color:#495057;border-inline-start:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.sidebar-nav-link:hover{color:var(--main-accent);background:linear-gradient(90deg,#bb7efb0d 0%,#0000 100%);transform:translate(4px)}.sidebar-nav-link:hover .nav-icon-wrapper{color:var(--main-accent);background:#bb7efb1a;transform:scale(1.1)}.sidebar-nav-link.active{color:var(--main-accent);border-inline-start-color:var(--main-accent);background:linear-gradient(90deg,#bb7efb1a 0%,#0000 100%);font-weight:600}.sidebar-nav-link.active .nav-icon-wrapper{background:linear-gradient(135deg,var(--main-accent)0%,#9d5dd9 100%);color:#fff;box-shadow:0 2px 8px #bb7efb4d}.nav-icon-wrapper{background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.nav-icon-wrapper i{font-size:1.25rem;transition:all .3s}.nav-icon-wrapper.live-icon{position:relative}.nav-icon-wrapper.live-icon .live-badge{top:-2px;background:#dc3545;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-live;position:absolute;inset-inline-end:-2px}.nav-icon-wrapper.admin-icon i{color:var(--main-accent)}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.nav-text{flex:1;font-size:.95rem;font-weight:500;transition:all .3s}.active-indicator{background:var(--main-accent);border-radius:50%;width:6px;height:6px;animation:.3s ease-out fadeIn;position:absolute;inset-inline-end:1rem}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.sidebar-divider{background:#e9ecef;height:1px;margin:.75rem 1.5rem}.admin-link.active .admin-icon{background:linear-gradient(135deg,#9940cc 0%,#8d26c9 100%);color:#fff!important}.admin-link.active .admin-icon i{color:#fff!important}.admin-link:hover .admin-icon{color:var(--main-accent);background:#dc35451a}[data-theme=dark] .sidebar-container{background:var(--bg-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .sidebar-container:hover{box-shadow:0 4px 20px #0006}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-color)}[data-theme=dark] .sidebar-title{color:var(--text-primary)}[data-theme=dark] .sidebar-nav-link{color:var(--text-secondary)}[data-theme=dark] .sidebar-nav-link:hover{color:var(--main-accent);background:linear-gradient(90deg,#bb7efb26 0%,#0000 100%)}[data-theme=dark] .sidebar-nav-link.active{color:var(--main-accent);background:linear-gradient(90deg,#bb7efb33 0%,#0000 100%)}[data-theme=dark] .nav-icon-wrapper{background:var(--bg-tertiary)}[data-theme=dark] .nav-icon-wrapper.admin-icon i{color:var(--main-accent)}[data-theme=dark] .sidebar-divider{background:var(--border-color)}html[dir=rtl] .sidebar-nav-link:hover{transform:translate(-4px)}@media (max-width:991px){.sidebar-container{margin-bottom:1rem;position:relative;top:0}.sidebar-nav-link{padding:.75rem 1.25rem}.nav-icon-wrapper{width:36px;height:36px}.nav-icon-wrapper i{font-size:1.1rem}.nav-text{font-size:.9rem}}.sidebar-subnav{border-inline-start:2px solid #e9ecef;margin-inline-start:1rem;animation:.3s ease-out forwards slideDown;overflow:hidden}.sidebar-subnav .subnav-link{color:#6c757d;border-radius:8px;align-items:center;margin-bottom:2px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-subnav .subnav-link i{color:#adb5bd;margin-inline-end:.75rem;font-size:1.1rem;transition:all .2s}.sidebar-subnav .subnav-link:hover{color:var(--main-accent);background-color:#00000008;transform:translate(4px)}.sidebar-subnav .subnav-link:hover i{color:var(--main-accent)}.sidebar-subnav .subnav-link.active{color:var(--main-accent);background-color:#bb7efb14;font-weight:600}.sidebar-subnav .subnav-link.active i{color:var(--main-accent)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}html[dir=rtl] .sidebar-subnav .subnav-link:hover{transform:translate(-4px)}[data-theme=dark] .sidebar-subnav{border-color:var(--border-color)}[data-theme=dark] .sidebar-subnav .subnav-link{color:#adb5bd}[data-theme=dark] .sidebar-subnav .subnav-link i{color:#6c757d}[data-theme=dark] .sidebar-subnav .subnav-link:hover{color:var(--main-accent);background-color:#ffffff0d}[data-theme=dark] .sidebar-subnav .subnav-link:hover i{color:var(--main-accent)}[data-theme=dark] .sidebar-subnav .subnav-link.active{background-color:#bb7efb26}
.rightbar-container{flex-direction:column;gap:1.5rem;height:calc(100vh - 100px);display:flex;position:sticky;top:86px;overflow-y:auto}.rightbar-section{background:#fff;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 12px #00000014}.rightbar-section:hover{box-shadow:0 4px 20px #0000001f}.rightbar-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.rightbar-title{color:#212529;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:700}.trending-icon{color:#ff6b35;font-size:1.25rem;animation:2s ease-in-out infinite flicker}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.suggestions-list{flex-direction:column;gap:1rem;display:flex}.suggestion-item{border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.suggestion-item:hover{background:#f8f9fa;transform:translate(4px)}.suggestion-avatar{border:2px solid #e9ecef;border-radius:50%;flex-shrink:0;width:48px;height:48px;transition:all .3s;overflow:hidden}.suggestion-avatar img{object-fit:cover;width:100%;height:100%}.suggestion-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--main-accent)0%,#9d5dd9 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.25rem;display:flex}.suggestion-item:hover .suggestion-avatar{border-color:var(--main-accent);transform:scale(1.05)}.suggestion-info{flex:1;min-width:0}.suggestion-name{color:#212529;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.95rem;font-weight:600;overflow:hidden}.suggestion-username{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.follow-btn{border:2px solid var(--main-accent);color:var(--main-accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.follow-btn i{font-size:.9rem}.follow-btn:hover{background:var(--main-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #bb7efb66}.follow-btn:active{transform:translateY(0)}.follow-btn.following{background:var(--main-accent);color:#fff;border-color:var(--main-accent)}.follow-btn.following:hover{background:#9d5dd9;border-color:#9d5dd9}.conversations-list{flex-direction:column;gap:.5rem;display:flex}.conversation-preview-item{color:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.conversation-preview-item:hover{background:#f8f9fa;transform:translate(2px)}.conversation-avatar{border:1px solid #e9ecef;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.conversation-avatar img{object-fit:cover;width:100%;height:100%}.conversation-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--main-accent)0%,#9d5dd9 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;display:flex}.conversation-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.conversation-name{color:#212529;font-size:.9rem;font-weight:600}.conversation-message{color:#6c757d;font-size:.8rem}.unread-badge{background-color:var(--main-accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:auto;box-shadow:0 2px 4px #bb7efb66}[data-theme=dark] .rightbar-section{background:var(--bg-secondary);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .rightbar-section:hover{box-shadow:0 4px 20px #0006}[data-theme=dark] .rightbar-header{border-bottom-color:var(--border-color)}[data-theme=dark] .rightbar-title{color:var(--text-primary)}[data-theme=dark] .suggestion-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .suggestion-avatar{border-color:var(--border-color)}[data-theme=dark] .suggestion-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--main-accent)0%,#9d5dd9 100%)}[data-theme=dark] .suggestion-name{color:var(--text-primary)}[data-theme=dark] .suggestion-username{color:var(--text-secondary)}[data-theme=dark] .conversation-preview-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .conversation-name{color:var(--text-primary)}[data-theme=dark] .conversation-message{color:var(--text-secondary)}html[dir=rtl] .suggestion-item:hover,html[dir=rtl] .conversation-preview-item:hover{transform:translate(-4px)}@media (max-width:991px){.rightbar-container{position:relative;top:0}.suggestion-item{padding:.625rem}.suggestion-avatar{width:44px;height:44px}.follow-btn{padding:.4rem .75rem;font-size:.8rem}.follow-btn span{display:none}.conversation-preview-item{padding:.625rem}}