.menu-bar-wrapper{background:var(--color-background-secondary,#f8fafc);margin-bottom:.5rem;padding:1rem 0;position:sticky;top:0;z-index:100}.menu-bar,.menu-bar-wrapper{box-sizing:border-box;width:100%}.menu-bar{background:var(--bg-card,#fff);border:1px solid var(--border-card,#e5e7eb);border-radius:12px;box-shadow:var(--shadow-sm);justify-content:space-between;margin:0 auto;max-width:min(1920px,96vw);padding:1rem 2rem}.menu-bar,.menu-left{align-items:center;display:flex}.menu-left{gap:1rem;padding-left:0}.menu-logo{height:60px!important;-o-object-fit:contain;object-fit:contain;width:60px!important}.logo-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:1rem;padding:4px;position:relative;transition:opacity .2s ease,transform .1s ease;z-index:10}.logo-button:hover{opacity:.8}.logo-button:active{transform:scale(.98)}.logo-button:focus{border-radius:4px;outline:2px solid var(--text-accent,#007bff);outline-offset:2px}.menu-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.nav-link{background:transparent;border:none;cursor:pointer;font-size:.95rem;padding:.5rem 0;position:relative;text-align:left;transition:opacity .2s;white-space:nowrap}.nav-link.active{color:var(--text-primary);font-weight:700;opacity:1}.nav-link:not(.active){color:var(--text-secondary);opacity:.7}.menu-right{flex-shrink:0;gap:.5rem;padding-right:0}.menu-right,.nav-icon-button{align-items:center;display:flex}.nav-icon-button{background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.nav-icon-button:hover{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary)}.nav-icon-button:focus{outline:2px solid var(--text-accent,#007bff);outline-offset:2px}.menu-logout{background:transparent;border:1px solid var(--border-card);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1.25rem;transition:all .2s ease}.menu-logout:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(min-width:1400px){.menu-bar{max-width:min(2400px,98vw)}}@media(max-width:768px){.menu-bar-wrapper{padding:.75rem 0}.menu-bar{flex-direction:column;gap:.75rem;max-width:none;padding:1rem;width:calc(100% - 2rem)}.menu-left{width:100%}.menu-left,.menu-nav{flex-wrap:wrap;justify-content:center}.menu-right{justify-content:center;width:100%}}