.account-menu{position:relative;flex-shrink:0;z-index:50;font-size:13px}
.account-menu>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;border-radius:9px;padding:5px 8px;color:var(--text)}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:var(--light)}
.account-menu>summary:focus-visible{outline:2px solid #8398d3;outline-offset:3px}
.account-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{transition:transform .15s}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:270px;max-width:calc(100vw - 36px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 35px #14234826;color:var(--text)}
.account-identity{padding:12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.account-identity strong{display:block;overflow-wrap:anywhere;margin-bottom:8px}
.account-dropdown>a,.account-dropdown button{display:block;width:100%;text-align:left;font:inherit;border:0;background:transparent;padding:12px;border-radius:7px;color:var(--blue);cursor:pointer;text-decoration:none}
.account-dropdown form{margin:0}
.account-dropdown>a:hover,.account-dropdown button:hover{background:var(--light)}
.account-dropdown button{color:#b52238}
.sidebar .side-bottom{display:flex;justify-content:flex-start}
html[data-theme=dark] .account-menu>summary{color:#e3ebf8}
html[data-theme=dark] .account-menu>summary:hover,html[data-theme=dark] .account-menu[open]>summary,html[data-theme=dark] .account-dropdown>a:hover,html[data-theme=dark] .account-dropdown button:hover{background:#253650}
html[data-theme=dark] .account-dropdown{background:#19263c;border-color:#34425b;color:#e3ebf8}
html[data-theme=dark] .account-dropdown>a{color:#aec8ff}
html[data-theme=dark] .account-dropdown button{color:#ff9ca9}
@media(max-width:850px){.account-name{max-width:130px}.account-menu>summary{gap:6px;padding:3px}.account-menu .avatar{margin:0}}
@media(max-width:500px){.account-name{display:none}.account-menu>summary{gap:4px}.account-menu .avatar{width:30px;height:30px}.account-dropdown{top:calc(100% + 9px)}}