.user-box[data-v-c817dbc0]{align-items:center;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#0f172a99;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;display:flex;gap:.5rem;padding:.4rem .5rem .4rem .9rem;position:relative}.user-box[data-v-c817dbc0]:before{background:linear-gradient(135deg,rgba(96,165,250,.4),rgba(99,102,241,.15),transparent);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.user-box__profile[data-v-c817dbc0]{align-items:center;display:flex;gap:.75rem}.user-box__avatar-wrap[data-v-c817dbc0]{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;padding:2px;position:relative}.user-box__avatar[data-v-c817dbc0]{border:2px solid #0f172a;border-radius:50%;display:block;height:36px;width:36px}.user-box__text[data-v-c817dbc0]{display:flex;flex-direction:column;line-height:1.15}.user-box__name[data-v-c817dbc0]{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.01em}.user-box__id[data-v-c817dbc0]{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.68rem;margin-top:2px}.logout-btn[data-v-c817dbc0]{align-items:center;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#fca5a5;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .25s ease;width:36px}.logout-btn svg[data-v-c817dbc0]{height:16px;width:16px}.logout-btn[data-v-c817dbc0]:hover{background:#ef444433;border-color:#ef444480;color:#fff;transform:translateY(-1px)}@media(max-width:540px){.user-box__text[data-v-c817dbc0]{display:none}}