.navbar{z-index:10;background:#1e293b;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 1.5rem;display:flex;position:relative;box-shadow:0 2px 6px #00000026}.navbar-brand{color:#fff;letter-spacing:.3px;align-items:flex-end;margin-right:2rem;font-size:1.25rem;font-weight:700;display:flex}.navbar-links-left{align-items:flex-end;gap:1.5rem;display:flex}.navbar-links-right{align-items:flex-end;gap:1.5rem;display:flex;position:relative}.navbar-link{color:#cbd5e1;padding-bottom:4px;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.navbar-link:hover{color:#fff}.navbar-link-active{color:#38bdf8;border-bottom:2px solid #38bdf8}.navbar-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:background .2s,transform .1s}.navbar-logout:hover{background:#dc2626}.navbar-logout:active{transform:scale(.97)}.navbar-left-group{align-items:center;gap:2rem;display:flex}.hamburger span{background:#fff;width:20px;height:2px;margin-bottom:4px;display:block}.hamburger{cursor:pointer;flex-direction:column;justify-content:center;padding:4px;display:flex}.hamburger span:last-child{margin-bottom:0}.dropdown{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:180px;margin-top:8px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.dropdown-item{color:#374151;cursor:pointer;padding:8px 16px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item button{text-align:left;color:#374151;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.dropdown-item button:hover{background:#f3f4f6}.desktop-dropdown{display:block}@media (max-width:768px){.desktop-dropdown{display:none}.dropdown{display:none!important}.navbar-links-left{display:none}}@media (min-width:769px){.mobile-menu{display:none}}.mobile-menu{background:#1e293b;border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:none}.mobile-menu.open{display:flex}.mobile-menu .navbar-link{color:#cbd5e1;border-bottom:1px solid #ffffff1a;padding:.75rem 0;font-size:1.1rem}.mobile-menu .navbar-link:last-child{border-bottom:none}.mobile-menu .navbar-link,.mobile-menu .navbar-logout,.mobile-menu button{text-align:left;width:100%;display:block}