.navbar{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--color-border);height:56px;box-shadow:var(--shadow-sm);background:#ffffffd1;padding:5px;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:7px;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{margin-right:10px;position:relative}.navbar__trigger{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .85rem .3rem .3rem;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{width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--color-surface);border-radius:50%;font-size:.75rem}.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(56px + var(--space-2));right:var(--space-4);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:48px;padding:0 .875rem}.navbar__brand-inner{padding:.25rem}.navbar__logo{height:36px}.navbar__logo--desktop{display:none}.navbar__logo--mobile{display:block}.navbar__right{margin-right:.2rem}.navbar__trigger-name,.navbar__caret{display:none}.navbar__trigger{border-radius:50%;padding:.25rem}.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)}}}