.password-panel{max-width:620px}
.password-form{display:grid;gap:18px}
.password-rules{display:grid;gap:5px;padding:14px 16px;border-radius:9px;background:#f2f6f8;color:#66758a;font-size:12px}
.password-rules strong{color:#142033}
.account-menu{position:relative;margin-left:auto}
.account-menu summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:6px 9px;border:1px solid transparent;border-radius:9px;user-select:none}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover,.account-menu[open] summary{background:#f2f6f8;border-color:#e3e8ef}
.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0c756a;color:#fff;font-weight:800}
.account-name{font-size:13px;font-weight:700;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-chevron{color:#66758a;font-size:16px;transition:transform .15s}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;z-index:50;right:0;top:calc(100% + 8px);width:235px;padding:8px;background:#fff;border:1px solid #e3e8ef;border-radius:11px;box-shadow:0 14px 35px rgba(20,32,51,.16)}
.account-identity{display:grid;gap:2px;padding:9px 10px 12px;margin-bottom:5px;border-bottom:1px solid #e3e8ef}
.account-identity small{color:#66758a;overflow:hidden;text-overflow:ellipsis}
.account-dropdown>a,.account-dropdown button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:#142033;text-align:left;font-weight:600}
.account-dropdown>a:hover,.account-dropdown button:hover{background:#f2f6f8;color:#0c756a}
.account-dropdown form{margin:0}
@media(max-width:600px){.account-name{display:none}.account-menu summary{padding:5px}.account-dropdown{position:fixed;right:12px;top:65px}}