.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);height:var(--navbar-height);background:#080c18b8;backdrop-filter:var(--blur-md) saturate(160%);-webkit-backdrop-filter:var(--blur-md) saturate(160%);border-bottom:1px solid var(--border-subtle);box-shadow:var(--neo-sm);transition:background var(--ease-base),box-shadow var(--ease-base)}.navbar.scrolled{background:#080c18eb;border-bottom-color:var(--border-default);box-shadow:var(--neo-md)}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--sp-6);display:flex;align-items:center;height:100%;gap:var(--sp-4);position:relative;width:100%;box-sizing:border-box}.navbar-actions-group,.notifications-wrapper{display:flex;align-items:center}.notifications-wrapper{position:relative}@media (max-width: 768px){.navbar-container{padding:0 var(--sp-4);gap:var(--sp-3)}}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:var(--ease-base);padding:var(--sp-1);border-radius:var(--radius-sm);flex-shrink:0}.navbar-logo:hover{filter:drop-shadow(0 0 8px rgba(6,182,212,.5))}.logo-content{display:flex;align-items:center;gap:var(--sp-3)}.logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logo-text{display:flex;flex-direction:column;line-height:1.2;gap:1px}.logo-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-100);letter-spacing:-.02em;white-space:nowrap}.logo-subtitle{font-size:11px;color:var(--text-300);font-weight:500;letter-spacing:.4px;white-space:nowrap}.navbar-menu{display:flex;align-items:center;gap:var(--sp-2);flex:1;justify-content:center;overflow:hidden}@media (max-width: 1024px){.navbar-menu,.user-details{display:none}.user-info{padding-right:var(--sp-2)}}@media (max-width: 640px){.user-info{display:none}.logout-btn{width:36px;height:36px;padding:0;justify-content:center}}.navbar-link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-200);font-family:var(--font-sans);font-weight:500;font-size:14px;transition:color var(--ease-fast),background var(--ease-fast),box-shadow var(--ease-fast);white-space:nowrap;min-height:36px;flex-shrink:0;background:transparent;border:1px solid transparent}.navbar-link:hover{color:var(--text-100);background:#06b6d414;border-color:var(--border-subtle)}.navbar-link.active{color:var(--cyan-400);background:#06b6d41a;border-color:var(--border-default);box-shadow:var(--neo-xs),inset 0 0 12px #06b6d40f;font-weight:600}.navbar-link-admin{color:var(--blue-400)!important;background:#3b82f614!important;border-color:#3b82f626!important}.navbar-link-admin:hover{background:#3b82f626!important}.navbar-link-admin.active{color:var(--blue-300)!important;background:#3b82f626!important}.navbar-icon{font-size:13px;opacity:.8;flex-shrink:0}.navbar-user,.user-menu,.user-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.navbar-action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#06b6d40f;color:var(--text-200);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--ease-fast);position:relative;padding:0;font-size:16px;flex-shrink:0}.navbar-action-button:hover{background:#06b6d424;color:var(--cyan-400);border-color:var(--border-default);box-shadow:var(--neo-xs)}.navbar-action-badge{position:absolute;top:-5px;right:-5px;background:var(--cyan-500);color:var(--bg-100);font-size:9px;font-weight:700;width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-200)}.user-info{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-2);background:#06b6d40d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--neo-xs)}.user-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--border-default);flex-shrink:0;display:block;overflow:hidden}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:var(--bg-100);font-weight:700;font-size:12px;flex-shrink:0}.user-name{font-size:13px;font-weight:500;color:var(--text-100);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details{display:flex;flex-direction:column;gap:1px}.user-status{font-size:10px;color:var(--cyan-400);font-weight:500}.user-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#06b6d40f;color:var(--text-200);border:1px solid var(--border-subtle);text-decoration:none;transition:all var(--ease-fast);font-size:16px;flex-shrink:0;cursor:pointer}.user-action:hover{background:#06b6d424;color:var(--cyan-400);border-color:var(--border-default)}.login-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-sm);background:var(--grad-primary);color:var(--bg-100);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all var(--ease-base);box-shadow:var(--neo-xs);min-height:36px;white-space:nowrap;text-decoration:none}.login-btn:hover{transform:translateY(-1px);box-shadow:var(--neo-sm),0 0 14px #06b6d44d}.login-btn:active{transform:translateY(0);box-shadow:var(--neo-inset)}.logout-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#ef444414;color:var(--error);border:1px solid rgba(239,68,68,.15);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--ease-fast);min-height:36px;white-space:nowrap}.logout-btn:hover{background:#ef444429;border-color:#ef44444d}.navbar-toggle,.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:#06b6d40f;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease-fast);padding:0;flex-shrink:0}.navbar-toggle:hover,.hamburger:hover{background:#06b6d41f;border-color:var(--border-default)}.navbar-toggle span,.hamburger span{display:block;width:18px;height:2px;background:var(--text-200);border-radius:2px;transition:all var(--ease-base)}.navbar-toggle.active span:nth-child(1),.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.active span:nth-child(2),.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggle.active span:nth-child(3),.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.navbar-toggle,.hamburger{display:flex}}.mobile-menu{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#080c18f7;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);z-index:calc(var(--z-navbar) - 1);display:flex;flex-direction:column;padding:var(--sp-4);gap:var(--sp-2);overflow-y:auto;border-top:1px solid var(--border-subtle);transform:translate(110%);transition:transform var(--ease-slow)}.mobile-menu.open,.mobile-menu.active{transform:translate(0)}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;max-width:760px;margin:0 auto;padding-bottom:var(--sp-8)}.mobile-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-200);font-size:16px;font-weight:500;background:#06b6d40a;border:1px solid var(--border-subtle);box-shadow:var(--neo-xs);transition:all var(--ease-fast);min-height:52px}.mobile-link:hover,.mobile-link.active{color:var(--cyan-400);background:#06b6d41a;border-color:var(--border-default)}.mobile-link-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0}.mobile-divider{height:1px;background:var(--border-subtle);margin:var(--sp-2) 0}.mobile-user-section{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:#06b6d40a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--neo-xs)}.mobile-user-info{display:flex;align-items:center;gap:var(--sp-3)}.mobile-user-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-default)}.mobile-user-name{font-weight:600;font-size:15px;color:var(--text-100)}.mobile-user-role{font-size:12px;color:var(--cyan-400);font-weight:500;margin-top:1px}.scroll-progress-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--grad-primary);transition:width .1s linear;z-index:1;pointer-events:none}.mobile-link-admin{color:var(--blue-300);background:#3b82f614;border-color:#3b82f629}.mobile-link-admin:hover,.mobile-link-admin.active{background:#3b82f629}.mobile-login,.mobile-logout{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:50px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:15px;font-weight:600;cursor:pointer;width:100%}.mobile-login{color:var(--bg-100);background:var(--grad-primary)}.mobile-logout{color:#fca5a5;background:#ef44441f;border-color:#ef444438}@media (max-width: 768px){.navbar,.mobile-menu{backdrop-filter:none;-webkit-backdrop-filter:none}}