.bar{width:100%}.bar__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;height:var(--headerHeight)}.bar__logo{display:flex;align-items:center;color:var(--ui-800)}.bar__logo svg{height:20px;width:auto;fill:var(--ui-800)}.bar__nav ul{display:flex;gap:var(--space-5);list-style:none;margin:0;padding:0}.bar__nav a{font-size:var(--font-s);color:var(--ui-600);text-decoration:none;transition:var(--fx-fast);font-weight:var(--font-medium)}.bar__nav a:hover{color:var(--ui-800)}.bar__user-wrapper{position:relative}.bar__user{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);transition:var(--fx-fast);background:none;border:none;color:var(--ui-700);font-family:inherit;font-size:var(--font-s)}.bar__user:hover{background-color:var(--ui-100);color:var(--ui-800)}.bar__user-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.bar__user-avatar img{width:100%;height:100%;object-fit:cover}.bar__user-name{font-weight:var(--font-medium)}.bar__user-caret{transition:var(--fx-fast)}.bar__user-caret.rotated{transform:rotate(180deg)}.bar__dropdown-container{position:absolute;top:calc(100% + var(--space-2));right:0}.bar__actions{display:flex;align-items:center;gap:var(--space-3)}.bar__actions a{text-decoration:none;font-size:var(--font-s);font-weight:var(--font-medium)}.bar__mobile-toggle{display:none;z-index:var(--z-11);background:none;border:none;color:var(--ui-700)}@media (max-width: 768px){.bar.mobile-menu-open .bar__nav{transform:translate(0)}.bar__nav{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--ui-50);padding:var(--space-10) var(--space-6) var(--space-6);transform:translate(-100%);transition:transform .3s ease-in-out}.bar__nav ul{flex-direction:column;align-items:center;gap:var(--space-6)}.bar__nav a{font-size:var(--font-l)}.bar__actions{display:none}.bar__mobile-toggle{display:block}}