.navbar{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--color-border);height:64px;box-shadow:var(--shadow-sm);background:#ffffffd1;justify-content:space-between;align-items:center;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:var(--shadow-glow);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-brand-logo{width:auto;height:40px;image-rendering:-webkit-optimize-contrast;flex-shrink:0;display:block}.navbar-brand-logo-mobile{display:none}.navbar-right{position:relative}.navbar-user-btn{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;font-family:inherit;transition:all .18s;display:flex}.navbar-user-btn:hover{border-color:var(--color-primary-lighter);background:var(--color-surface);box-shadow:var(--shadow-sm)}.navbar-user-btn:focus-visible{box-shadow:var(--shadow-glow);outline:none}.navbar-user-btn[aria-expanded=true]{border-color:var(--color-primary-lighter);background:var(--color-primary-lighter)}.navbar-avatar{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);color:var(--color-surface);text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.navbar-avatar-sm{width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--color-surface);font-size:.75rem}.navbar-avatar-lg{width:44px;height:44px;box-shadow:var(--shadow-sm);font-size:.95rem}.navbar-user-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.8125rem;font-weight:600;overflow:hidden}.navbar-user-caret{color:var(--color-text-tertiary);font-size:.625rem;transition:transform .18s}.navbar-user-btn[aria-expanded=true] .navbar-user-caret{color:var(--color-primary);transform:rotate(180deg)}.navbar-dropdown-overlay{z-index:49;position:fixed;inset:0}.navbar-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;transform-origin:100% 0;min-width:300px;animation:.14s ease-out navbar-dropdown-in;position:fixed;top:calc(64px + .6rem);right:1.5rem;overflow:hidden}@keyframes navbar-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-dropdown-header{border-bottom:1px solid var(--color-border-light);background:linear-gradient(180deg, var(--color-primary-lighter) 0%, var(--color-border-light) 100%);padding:1.125rem 1.125rem 1rem}.navbar-dropdown-header-row{align-items:center;gap:.8rem;display:flex}.navbar-dropdown-header-info{min-width:0}.navbar-dropdown-name{color:var(--color-text);font-size:.9375rem;font-weight:700;line-height:1.3}.navbar-dropdown-email{color:var(--color-text-secondary);word-break:break-all;margin-top:.15rem;font-size:.75rem;line-height:1.3}.navbar-dropdown-roles{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.navbar-role-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary-lighter);border-radius:999px;padding:.2rem .55rem;font-size:.625rem;font-weight:700;display:inline-block}.navbar-dropdown-actions{padding:.4rem 0}.navbar-dropdown-actions button{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1.125rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.navbar-dropdown-actions button:hover{background:var(--color-border-light);color:var(--color-primary);padding-left:1.25rem}.navbar-dropdown-actions button.danger{color:var(--color-danger)}.navbar-dropdown-actions button.danger:hover{background:var(--color-danger-light);color:var(--color-danger-hover)}.navbar-dropdown-version{border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);text-align:center;letter-spacing:.02em;padding:.55rem 1rem;font-size:.6875rem;font-weight:500}@media (max-width:640px){.navbar{height:56px;padding:0 .875rem}.navbar-brand-inner{padding:.25rem}.navbar-brand-logo{height:36px}.navbar-brand-logo-desktop{display:none}.navbar-brand-logo-mobile{display:block}.navbar-user-btn{padding:.25rem}.navbar-user-name,.navbar-user-caret{display:none}.navbar-dropdown-overlay{z-index:49;background:#00000052;animation:.2s navbar-overlay-in}.navbar-dropdown{border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform-origin:bottom;width:100%;min-width:0;padding-bottom:env(safe-area-inset-bottom,0);border-bottom:none;max-height:85vh;animation:.22s ease-out navbar-sheet-in;position:fixed;inset:auto 0 0;overflow-y:auto}@keyframes navbar-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes navbar-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}}