#main-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:60px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:var(--z-docks);box-shadow:0 2px 10px var(--color-shadow);color:var(--color-text-light)}.nav-left{display:flex;align-items:center;gap:var(--spacing-xl);min-width:200px}.nav-center{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.nav-right{display:flex;align-items:center;gap:var(--spacing-lg);min-width:200px;justify-content:flex-end}#nav-logo{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base)}#nav-logo:hover{transform:translateY(calc(-1 * var(--spacing-xs)))}#nav-logo i{font-size:var(--font-size-xl)}#nav-logo span{display:none}.nav-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse var(--transition-slow) infinite}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-danger)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-base);white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.2);color:var(--color-text-light)}.nav-link.active{background:rgba(255,255,255,.3);color:var(--color-text-light);box-shadow:0 0 10px rgba(0,0,0,.2)}.nav-link i{font-size:var(--font-size-lg)}.nav-link-text{display:none}.nav-action-btn{position:relative;width:36px;height:36px;border-radius:var(--radius-md);background:rgba(255,255,255,.2);color:var(--color-text-light);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:all var(--transition-base)}.nav-action-btn:hover{background:rgba(255,255,255,.3)}.nav-action-btn:active{transform:scale(.95)}.nav-badge{position:absolute;top:-8px;right:-8px;display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-danger);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:700;border:2px solid var(--color-primary)}.user-menu-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);width:auto;height:auto}.nav-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}#nav-user-name{font-size:var(--font-size-xs);font-weight:600}.user-menu-btn i{font-size:var(--font-size-xs);transition:transform var(--transition-base)}.user-menu-btn:hover i{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:70px;right:var(--spacing-lg);width:280px;background:var(--popup-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--popup-border);border-radius:var(--radius-md);box-shadow:0 10px 40px var(--color-shadow-dark);z-index:calc(var(--z-docks) + 1);max-height:80vh;overflow-y:auto;transform:translateY(calc(-1 * var(--spacing-lg)));opacity:0;pointer-events:none;transition:all var(--transition-base)}.nav-dropdown-menu.show{transform:translateY(0);opacity:1;pointer-events:all}.dropdown-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);color:var(--popup-text)}.menu-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-light);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.menu-user-name{font-weight:700;font-size:var(--font-size-sm);color:var(--popup-text)}.menu-user-status{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.dropdown-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-sm) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--popup-text);text-decoration:none;cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-xs);font-weight:600}.dropdown-item:hover{background:rgba(59,130,246,.1);color:var(--color-primary)}.dropdown-item i{width:18px;text-align:center;color:var(--color-primary)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:rgba(239,68,68,.1)}.dropdown-item.danger i{color:var(--color-danger)}.notifications-menu{width:320px;right:auto;left:50%;transform:translateX(-50%) translateY(calc(-1 * var(--spacing-lg)))}.notifications-menu.show{transform:translateX(-50%) translateY(0)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.notifications-header h3{margin:0;font-size:var(--font-size-md);color:var(--popup-text)}.clear-btn{background:0 0;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:color var(--transition-base)}.clear-btn:hover{color:var(--color-primary-dark)}.notifications-list{max-height:400px;overflow-y:auto}.notification-empty{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-base);cursor:pointer}.notification-item:hover{background:rgba(59,130,246,.05)}.notification-icon{width:36px;height:36px;border-radius:50%;background:rgba(59,130,246,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--font-size-xs);font-weight:600;color:var(--popup-text);margin-bottom:var(--spacing-xs)}.notification-message{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);word-break:break-word}.notification-time{font-size:11px;color:var(--color-border)}#nav-presence-indicator{position:fixed;bottom:var(--spacing-lg);right:420px;padding:var(--spacing-sm) var(--spacing-md);background:var(--popup-bg);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px var(--color-shadow);z-index:calc(var(--z-interface) - 1)}.presence-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:var(--color-text-light);font-weight:700;font-size:var(--font-size-xs)}@media (max-width:1024px){#nav-logo span,.nav-link-text,.nav-status{display:none}}@media (max-width:768px){#main-navbar{padding:0 10px}.nav-left{min-width:60px;gap:10px}.nav-center{gap:2px}.nav-link{padding:6px 8px;font-size:12px;gap:4px}.nav-right{min-width:120px;gap:8px}.nav-dropdown-menu{width:250px;max-height:70vh}#nav-presence-indicator{right:20px}}@media (max-width:480px){#main-navbar{padding:0 8px}.nav-center{display:none}.nav-left,.nav-right{min-width:auto}}