.navbar{position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;border-radius:0;border-left:none;border-right:none;border-top:none}.navbar-container{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:1.5rem;font-weight:800;color:var(--text-light);display:flex;align-items:center}.brand-highlight{color:var(--primary-color);font-size:1.8rem}.navbar-menu{display:flex;gap:20px}.nav-item{color:var(--text-light);font-weight:600;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-item:hover{background:rgba(140,63,143,.2);color:var(--primary-hover)}.sidebar{padding:20px;display:flex;flex-direction:column;gap:20px}.user-profile-mini{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));margin:0 auto 10px;border:2px solid var(--border-color)}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.side-item{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text-light);border-radius:6px;transition:all .2s ease}.side-item:hover{background:rgba(140,63,143,.2);color:var(--primary-hover);padding-left:18px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:10px}.nav-dropdown-container{position:relative;display:inline-flex;align-items:center;height:100%;padding:10px 0}.nav-dropdown{display:none;position:absolute;top:100%;left:0;background-color:var(--panel-bg);min-width:240px;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);z-index:1001;border:1px solid var(--panel-border);border-top:2px solid var(--primary-lila);padding:10px 0}.nav-dropdown-container:hover .nav-dropdown{display:block}.dropdown-item{color:var(--text-color);padding:8px 20px;text-decoration:none;display:block;font-size:14px;transition:all .2s}.dropdown-item:hover{background-color:rgba(140,63,143,.2);color:var(--primary-hover);padding-left:25px}.community-subnav{display:flex;justify-content:space-between;align-items:center;background:var(--panel-bg);border-radius:8px 8px 0 0;padding:0 15px;height:50px;margin-bottom:20px;border:1px solid var(--panel-border);border-bottom:none}.subnav-left,.subnav-right{display:flex;align-items:center;gap:15px}.subnav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:5px;padding:15px 5px;border-bottom:2px solid transparent}.subnav-link.active,.subnav-link:hover{color:var(--text-color);border-bottom-color:var(--primary-lila)}.subnav-icon{color:var(--text-muted);display:flex;align-items:center;transition:color .2s}.subnav-icon:hover{color:var(--text-color)}.community-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.sidebar-widget{background:var(--panel-bg);border-radius:8px;border:1px solid var(--panel-border);overflow:hidden}.widget-header{display:flex;background:var(--panel-bg-hover);border-bottom:1px solid var(--panel-border)}.widget-tab{padding:10px;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;text-align:center;flex:1}.widget-tab.active{background:var(--panel-bg);color:#ef4444}.widget-body{padding:15px}.online-users-grid{display:flex;flex-wrap:wrap;gap:8px}.online-avatar{border-radius:4px;-o-object-fit:cover;object-fit:cover}