.account-menu{position:relative}.account-chevron{font-size:16px;transition:transform .18s}.avatar-btn.open .account-chevron{transform:rotate(180deg)}.account-popover{position:absolute;right:0;top:calc(100% + 14px);width:285px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(11,25,48,.16);overflow:hidden;z-index:50}.account-popover[hidden]{display:none}.account-popover-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.account-popover-head div{min-width:0}.account-popover-head strong,.account-popover-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-popover-head small{margin-top:4px;color:var(--muted);font-size:12px}.account-popover nav{padding:8px}.account-popover nav a,.account-logout{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:0;border-radius:10px;background:#fff;color:var(--ink);font-weight:650;text-align:left;cursor:pointer}.account-popover nav a:hover{background:var(--soft)}.account-popover nav a span,.account-logout span{width:22px;text-align:center;color:var(--muted)}.account-logout{border-top:1px solid var(--line);border-radius:0;padding:15px 20px;color:var(--danger)}.account-logout:hover{background:#fff1f1}.account-logout:disabled{opacity:.55}.account-logout span{color:var(--danger)}@media(max-width:600px){.account-name,#userName{display:none}.account-popover{right:-4px;width:min(285px,calc(100vw - 28px))}}