.nav-avatar{color:#fff;background:#002b55;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.nav-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #002b5540}.nav-avatar-wrap{align-items:center;height:100%;display:flex;position:relative}.nav-avatar-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:60;background:#fff;border:1px solid #e7e7e3;border-radius:12px;min-width:220px;padding:8px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(8px);box-shadow:0 4px 12px #0b0b0c0f,0 20px 48px #0b0b0c1a}.nav-avatar-wrap.is-open .nav-avatar-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-avatar-wrap.is-open .nav-avatar{box-shadow:0 0 0 3px #002b5526}.nav-avatar-head{border-bottom:1px solid #e7e7e3;margin-bottom:6px;padding:8px 10px 10px}.nav-avatar-head .nm{color:#0b0b0c;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.nav-avatar-head .em{color:#9a9aa0;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.nav-avatar-menu a,.nav-avatar-menu button{text-align:left;color:#2a2a2e;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:.88rem;transition:background .15s,color .15s;display:flex}.nav-avatar-menu a:hover,.nav-avatar-menu button:hover{color:#0b0b0c;background:#eef3f8}.nav-avatar-menu .danger:hover{color:#b42318;background:#fdecea}.nav-avatar-sep{background:#e7e7e3;height:1px;margin:6px 0}@media (max-width:760px){.nav-avatar-menu{min-width:200px}.nav-avatar-wrap.is-open .nav-avatar-menu{box-shadow:0 10px 30px #0b0b0c24}}