.account-tabs { display: flex; gap: 28px; border-bottom: 1px solid #303030; }
.account-tabs button { min-height: 52px; padding: 0 2px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #b8b8b8; font-size: 15px; font-weight: 750; text-align: center; cursor: pointer; }
.account-tabs button:hover { color: #f7f7ef; }
.account-tabs button[aria-selected="true"] { border-bottom-color: #ffdc00; color: #f7f7ef; }
.account-tabs button:focus-visible { outline: 2px solid #ffdc00; outline-offset: -4px; border-radius: 4px; }
.account-tab-panels { padding-top: 20px; }
.account-tab-panels [hidden] { display: none !important; }
body[data-page="account"] { background: #000; }
.account-page { max-width: 1000px; }
.account-page .profile-name { padding: 0 0 24px; }
.account-page .account-tab-panels { padding-top: 24px; }
.account-page .account-tab-panels .panel { background: #111; }
.repeat-order { min-height: 40px; margin-top: 12px; padding: 0 15px; border: 1px solid #555; border-radius: 999px; background: transparent; color: #f7f7ef; font-size: 13px; font-weight: 750; cursor: pointer; }
.repeat-order:hover { border-color: #ffdc00; color: #ffdc00; }
.repeat-order:focus-visible { outline: 2px solid #ffdc00; outline-offset: 3px; }
.repeat-order:disabled { opacity: .55; cursor: wait; }
.repeat-feedback { min-height: 20px; margin: 12px 0 0; color: #ffdc00; font-size: 13px; }
@media (max-width: 600px) {
  .account-tabs { gap: 0; }
  .account-tabs button { flex: 1; min-width: 0; padding: 0 8px; font-size: 14px; }
}