.navbar{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);height:64px;padding:5px var(--space-6);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#ffffffd1;display:flex;position:sticky;top:0}.navbar__brand{cursor:pointer;color:var(--color-primary);border-radius:var(--radius-lg);background:0 0;border:none;padding:0;font-family:inherit;transition:all .18s}.navbar__brand:focus-visible{box-shadow:0 0 0 3px var(--color-primary-soft,#1e3a5f2e);outline:none}.navbar__brand-inner{border-radius:var(--radius-lg);background:0 0;justify-content:center;align-items:center;padding:8px;transition:transform .18s;display:inline-flex}.navbar__brand:hover .navbar__brand-inner{transform:translateY(-2px)}.navbar__brand:active .navbar__brand-inner{transform:translateY(0)}.navbar__logo{width:auto;height:40px;image-rendering:-webkit-optimize-contrast;flex-shrink:0;display:block}.navbar__logo--mobile{display:none}.navbar__right{position:relative}.navbar__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;transition:background .15s,border-color .15s;display:flex}.navbar__trigger:hover{background:var(--color-background);border-color:var(--color-border-strong)}.navbar__trigger[aria-expanded=true]{background:var(--color-background);border-color:var(--color-primary)}.navbar__trigger-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.9rem;font-weight:600;overflow:hidden}.navbar__caret{color:var(--color-muted);font-size:.7rem}.navbar__avatar{background:var(--color-primary);color:var(--color-primary-text);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.navbar__avatar--sm{border-radius:50%;width:28px;height:28px;font-size:.7rem}.navbar__avatar--lg{border-radius:50%;width:44px;height:44px;font-size:1rem}.navbar__overlay{z-index:60;background:#0003;animation:.15s navbar-fade;position:fixed;inset:0}.navbar__menu{top:calc(64px + var(--space-2));right:var(--space-6);z-index:70;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-md);transform-origin:100% 0;animation:.15s navbar-pop;position:fixed;overflow:hidden}.navbar__menu-header{padding:var(--space-4);background:var(--color-background);border-bottom:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.navbar__menu-header-row{align-items:center;gap:var(--space-3);display:flex}.navbar__menu-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.navbar__menu-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.navbar__menu-email{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.navbar__menu-roles{gap:var(--space-1);flex-wrap:wrap;display:flex}.navbar__menu-role{letter-spacing:.04em;padding:2px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-muted);font-size:.7rem;font-weight:700}.navbar__menu-actions{padding:var(--space-2);flex-direction:column;display:flex}.navbar__menu-actions button{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.95rem;transition:background .1s;display:flex}.navbar__menu-actions button:hover{background:var(--color-background)}.navbar__menu-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.navbar__menu-danger{color:var(--color-danger)!important}.navbar__menu-danger:hover{background:var(--color-danger-bg)!important}.navbar__menu-footer{padding:var(--space-2) var(--space-4);color:var(--color-muted);text-align:center;border-top:1px solid var(--color-border);background:var(--color-background);letter-spacing:.04em;font-size:.7rem}@keyframes navbar-fade{0%{opacity:0}to{opacity:1}}@keyframes navbar-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.navbar{height:56px;padding:0 var(--space-4)}.navbar__brand-inner{padding:.25rem}.navbar__logo{height:36px}.navbar__logo--desktop{display:none}.navbar__logo--mobile{display:block}.navbar__trigger-name,.navbar__caret{display:none}.navbar__trigger{padding:var(--space-1);border-radius:50%}.navbar__menu{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding-bottom:env(safe-area-inset-bottom,0);border-bottom:none;animation:.2s navbar-slide-up;position:fixed;inset:auto 0 0}@keyframes navbar-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}