:root {
  --ph-red: #dc2626;
  --ph-red-dark: #b91c1c;
  --ph-red-soft: #fef2f2;
  --ph-bg: #f3f4f6;
  --ph-surface: #ffffff;
  --ph-surface-alt: #f8fafc;
  --ph-ink: #0f172a;
  --ph-copy: #475569;
  --ph-muted: #64748b;
  --ph-border: #cbd5e1;
  --ph-border-soft: #e2e8f0;
  --ph-ring: 0 0 0 3px rgba(220, 38, 38, 0.16);
  --ph-shadow: 0 14px 28px -18px rgba(15, 23, 42, 0.18);
}

html,
body,
#app {
  min-height: 100%;
  background: var(--ph-bg);
  color: var(--ph-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body[data-page-id="account"] {
  min-height: 100vh;
  background: var(--ph-bg);
  color: var(--ph-ink);
}

body[data-page-id="account"]::after {
  content: none !important;
}

.pf-v5-c-page,
.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body {
  background: var(--ph-bg) !important;
}

.pf-v5-c-page__main {
  padding-bottom: 2rem !important;
}

.pf-v5-c-page__main-section {
  padding: 2rem 2.25rem !important;
}

.pf-v5-c-page__sidebar-body {
  background: var(--ph-surface) !important;
  border-right: 1px solid var(--ph-border-soft) !important;
}

.pf-v5-c-masthead.ph-account-masthead,
.pf-v5-c-page__header.ph-account-masthead {
  background: var(--ph-surface) !important;
  border-bottom: 1px solid var(--ph-border-soft) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle .pf-v5-c-button,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle .ph-account-nav-toggle,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle svg,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle path {
  color: var(--ph-copy) !important;
  fill: var(--ph-copy) !important;
  stroke: var(--ph-copy) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ph-account-nav-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.ph-account-nav-toggle svg {
  width: 26px !important;
  height: 26px !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand {
  text-decoration: none !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand .ph-account-brand-image,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 28px !important;
  object-fit: contain !important;
  object-position: center !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content > *:not(.ph-account-signout) {
  display: none !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content [data-testid],
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content [aria-haspopup],
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content .pf-v5-c-menu-toggle,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content .pf-v5-c-dropdown,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__content .pf-v5-c-button:not(.ph-account-signout) {
  display: none !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-toolbar-group,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-toolbar__group,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools-group,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools-item {
  display: none !important;
}

.pf-v5-c-masthead.ph-account-masthead > :not(.pf-v5-c-masthead__toggle):not(.pf-v5-c-masthead__brand):not(.pf-v5-c-masthead__content) {
  display: none !important;
}

.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-toolbar__item,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-dropdown,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-options-menu,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools-group,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-page__header-tools-item,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-avatar,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-menu,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-popover,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-dropdown__menu,
.pf-v5-c-masthead.ph-account-masthead .pf-v5-c-menu-toggle__button,
.pf-v5-c-masthead.ph-account-masthead [data-testid="options-toggle"],
.pf-v5-c-masthead.ph-account-masthead [data-testid="options-kebab-toggle"],
.pf-v5-c-masthead.ph-account-masthead [role="menu"] {
  display: none !important;
}

.ph-account-signout {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-width: 112px !important;
  padding: 0 1rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--ph-border) !important;
  background: var(--ph-surface) !important;
  color: var(--ph-ink) !important;
  font: inherit !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease !important;
}

.ph-account-signout:hover,
.ph-account-signout:focus {
  background: var(--ph-surface-alt) !important;
  border-color: rgba(220, 38, 38, 0.35) !important;
  box-shadow: var(--ph-ring) !important;
  outline: none !important;
}

.ph-account-signout--icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ph-account-signout--icon:hover,
.ph-account-signout--icon:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ph-account-signout--icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: var(--ph-copy) !important;
}

.ph-account-footer {
  width: 100% !important;
  margin: 1rem auto 0 !important;
  padding: 0 1rem 1rem !important;
  text-align: center !important;
  color: var(--ph-copy) !important;
  font-size: 0.75rem !important;
}

.pf-v5-c-nav {
  padding: 1rem 0.75rem !important;
}

.pf-v5-c-nav__item {
  position: relative !important;
}

.pf-v5-c-nav__item + .pf-v5-c-nav__item {
  margin-top: 0.75rem !important;
  padding-top: 0.75rem !important;
}

.pf-v5-c-nav__item + .pf-v5-c-nav__item::before {
  content: "" !important;
  position: absolute !important;
  left: 1rem !important;
  right: 1rem !important;
  top: 0 !important;
  height: 1px !important;
  background: var(--ph-border-soft) !important;
}

.pf-v5-c-nav__link {
  min-height: 56px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--ph-copy) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.pf-v5-c-nav__link::before,
.pf-v5-c-nav__link::after,
.pf-v5-c-nav__item::after {
  box-shadow: none !important;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus {
  background: var(--ph-surface-alt) !important;
  border-color: var(--ph-border-soft) !important;
  color: var(--ph-ink) !important;
}

.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
.pf-v5-c-nav__link.pf-m-current {
  background: var(--ph-red-soft) !important;
  border-color: rgba(220, 38, 38, 0.16) !important;
  color: var(--ph-red-dark) !important;
}

.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 9px !important;
  width: 4px !important;
  height: calc(100% - 18px) !important;
  border-radius: 999px !important;
  background: var(--ph-red) !important;
}

.pf-v5-c-card,
.pf-v5-c-panel {
  background: var(--ph-surface) !important;
  border: 1px solid var(--ph-border-soft) !important;
  border-radius: 22px !important;
  box-shadow: var(--ph-shadow) !important;
}

.pf-v5-c-title {
  color: var(--ph-ink) !important;
  letter-spacing: -0.02em !important;
}

.pf-v5-c-form__group {
  margin-bottom: 1.125rem !important;
}

.pf-v5-c-form__group-control,
.pf-v5-c-form__group-control::before,
.pf-v5-c-form__group-control::after,
.pf-v5-c-form__group-control > div,
.pf-v5-c-form__group-control > div::before,
.pf-v5-c-form__group-control > div::after {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.pf-v5-c-form__group-control > *,
.pf-v5-c-form__group-control > *::before,
.pf-v5-c-form__group-control > *::after,
.pf-v5-c-form__group-control > * > *,
.pf-v5-c-form__group-control > * > *::before,
.pf-v5-c-form__group-control > * > *::after {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.pf-v5-c-form__label,
.pf-v5-c-form__label-text {
  color: var(--ph-copy) !important;
  font-weight: 700 !important;
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after,
.pf-v5-c-text-input-group,
.pf-v5-c-text-input-group::before,
.pf-v5-c-text-input-group::after,
.pf-v5-c-text-input-group__main,
.pf-v5-c-text-input-group__main::before,
.pf-v5-c-text-input-group__main::after,
.pf-v5-c-text-input-group__group,
.pf-v5-c-text-input-group__group::before,
.pf-v5-c-text-input-group__group::after,
.pf-v5-c-text-input-group__utilities,
.pf-v5-c-text-input-group__utilities::before,
.pf-v5-c-text-input-group__utilities::after,
.pf-v5-c-form-control > span::before,
.pf-v5-c-form-control > span::after,
.pf-v5-c-text-input-group__text,
.pf-v5-c-text-input-group__text::before,
.pf-v5-c-text-input-group__text::after,
.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
.pf-v5-c-form-control > select,
input.pf-v5-c-form-control,
textarea.pf-v5-c-form-control,
select.pf-v5-c-form-control {
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.pf-v5-c-text-input-group,
.pf-v5-c-text-input-group__main,
.pf-v5-c-text-input-group__group {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.pf-v5-c-text-input-group {
  display: block !important;
  min-height: 3.125rem !important;
  border: 1px solid var(--ph-border) !important;
  border-radius: 16px !important;
  background: var(--ph-surface) !important;
  overflow: hidden !important;
}

.pf-v5-c-form-control,
.pf-v5-c-text-input-group__text,
input.pf-v5-c-form-control,
textarea.pf-v5-c-form-control,
select.pf-v5-c-form-control {
  background-image: none !important;
}

.pf-v5-c-form-control {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
.pf-v5-c-form-control > select,
.pf-v5-c-text-input-group__text,
input.pf-v5-c-form-control,
textarea.pf-v5-c-form-control,
select.pf-v5-c-form-control {
  display: block !important;
  width: 100% !important;
  min-height: 3.125rem !important;
  border: 1px solid var(--ph-border) !important;
  border-radius: 16px !important;
  background: var(--ph-surface) !important;
  color: var(--ph-ink) !important;
  box-shadow: none !important;
}

.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
.pf-v5-c-form-control > select {
  border-radius: 16px !important;
  min-height: calc(3.125rem - 2px) !important;
  padding: 0.825rem 1rem !important;
  background: var(--ph-surface) !important;
  color: var(--ph-ink) !important;
}

.pf-v5-c-form-control:focus-within,
.pf-v5-c-text-input-group:hover,
.pf-v5-c-text-input-group:focus-within,
.pf-v5-c-form-control > input:hover,
.pf-v5-c-form-control > textarea:hover,
.pf-v5-c-form-control > select:hover,
.pf-v5-c-form-control > input:focus,
.pf-v5-c-form-control > textarea:focus,
.pf-v5-c-form-control > select:focus,
input.pf-v5-c-form-control:focus,
textarea.pf-v5-c-form-control:focus,
select.pf-v5-c-form-control:focus {
  outline: none !important;
}

.pf-v5-c-form-control > input:hover,
.pf-v5-c-form-control > textarea:hover,
.pf-v5-c-form-control > select:hover,
.pf-v5-c-form-control > input:focus,
.pf-v5-c-form-control > textarea:focus,
.pf-v5-c-form-control > select:focus,
input.pf-v5-c-form-control:focus,
textarea.pf-v5-c-form-control:focus,
select.pf-v5-c-form-control:focus {
  border-color: rgba(220, 38, 38, 0.45) !important;
  box-shadow: var(--ph-ring) !important;
  outline: none !important;
}

.pf-v5-c-form-control > input:not(:focus):not(:hover),
.pf-v5-c-form-control > textarea:not(:focus):not(:hover),
.pf-v5-c-form-control > select:not(:focus):not(:hover),
input.pf-v5-c-form-control:not(:focus):not(:hover),
textarea.pf-v5-c-form-control:not(:focus):not(:hover),
select.pf-v5-c-form-control:not(:focus):not(:hover) {
  box-shadow: none !important;
}

.pf-v5-c-button.pf-m-primary {
  background: var(--ph-red) !important;
  border-color: var(--ph-red) !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-height: 2.875rem !important;
  padding-inline: 1.5rem !important;
  font-weight: 700 !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background: var(--ph-red-dark) !important;
  border-color: var(--ph-red-dark) !important;
}

.pf-v5-c-jump-links__title {
  color: var(--ph-copy) !important;
}

.pf-v5-c-jump-links__list-item.pf-m-current::before,
.pf-v5-c-jump-links__list-link.pf-m-current::before {
  background: var(--ph-red) !important;
}

.pf-v5-c-jump-links__list-link.pf-m-current {
  color: var(--ph-ink) !important;
}

.pf-v5-c-jump-links__list-link.pf-m-current::before {
  background: var(--ph-red) !important;
}

@media (min-width: 768px) {
  .ph-account-signout--icon {
    display: none !important;
  }
}

@media (max-width: 1360px) {
  .pf-v5-c-page__main {
    padding-bottom: 2rem !important;
  }

  .pf-v5-c-page__main-section {
    padding: 1rem 1rem 1.5rem !important;
  }

  .pf-v5-c-jump-links {
    display: none !important;
  }

  .pf-v5-c-page__sidebar {
    position: fixed !important;
    top: 58px !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 180 !important;
    display: block !important;
    width: min(320px, calc(100vw - 24px)) !important;
    max-width: min(320px, calc(100vw - 24px)) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: var(--ph-surface) !important;
    border-right: 1px solid var(--ph-border-soft) !important;
    box-shadow: 0 22px 40px -28px rgba(15, 23, 42, 0.35) !important;
    transform: translateX(-100%) !important;
    transition: transform 160ms ease !important;
  }

  body.ph-account-mobile-nav-open .pf-v5-c-page__sidebar,
  .pf-v5-c-page__sidebar.pf-m-expanded {
    transform: translateX(0) !important;
  }

  .pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__toggle {
    margin-right: 8px !important;
  }

  .ph-account-signout:not(.ph-account-signout--icon) {
    display: none !important;
  }

  .pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand,
  .pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand .ph-account-brand-image,
  .pf-v5-c-masthead.ph-account-masthead .pf-v5-c-masthead__brand img {
    max-height: 22px !important;
  }

  .pf-v5-c-page__main-section .pf-v5-l-grid,
  .pf-v5-c-page__main-section .pf-v5-l-grid > * {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pf-v5-c-page__main-section .pf-v5-l-grid__item,
  .pf-v5-c-form,
  .pf-v5-c-form__group,
  .pf-v5-c-form__group-control,
  .pf-v5-c-form-control,
  .pf-v5-c-form-control > input,
  .pf-v5-c-form-control > textarea,
  .pf-v5-c-form-control > select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1360px) {
  body[data-page-id="account"]::after {
    content: none !important;
  }

  .pf-v5-c-page__main {
    padding-bottom: 2.5rem !important;
  }
}

body.ph-account-mobile-nav-open {
  overflow: hidden !important;
}

.ph-account-sidebar-backdrop {
  position: fixed !important;
  inset: 58px 0 0 0 !important;
  z-index: 170 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(15, 23, 42, 0.28) !important;
}

@media (max-width: 480px) {
  .pf-v5-c-page__sidebar {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    top: 58px !important;
  }
}