.account-area { position: relative; }
.user-account { border: 0; color: #fff; background: transparent; cursor: pointer; }
.account-menu { position: relative; }
.account-dropdown { position: absolute; right: 0; top: 52px; width: 170px; padding: 8px; color: var(--ink); background: #fff; border-radius: 12px; box-shadow: var(--shadow); z-index: 50; }
.account-dropdown a, .account-dropdown button { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 8px; text-align: left; color: var(--ink); background: transparent; cursor: pointer; }
.account-dropdown a:hover, .account-dropdown button:hover { color: var(--red); background: #fff4f3; }