:root {
  --unpoplar-ink: #0a0d14;
  --unpoplar-panel: #11151d;
  --unpoplar-panel-soft: #171c26;
  --unpoplar-paper: #f7f8fb;
  --unpoplar-muted: #a8afbb;
  --unpoplar-blue: #1788ff;
  --unpoplar-purple: #8e56ff;
  --unpoplar-orange: #ff7538;
  --unpoplar-border: rgba(255, 255, 255, 0.11);
  --pf-v5-global--BackgroundColor--100: #0a0d14;
  --pf-v5-global--BackgroundColor--200: #11151d;
  --pf-v5-global--BackgroundColor--light-100: #11151d;
  --pf-v5-global--BackgroundColor--light-200: #171c26;
  --pf-v5-global--BackgroundColor--dark-100: #07090d;
  --pf-v5-global--Color--100: #f7f8fb;
  --pf-v5-global--Color--200: #a8afbb;
  --pf-v5-global--Color--light-100: #f7f8fb;
  --pf-v5-global--Color--light-200: #c8ced9;
  --pf-v5-global--Color--dark-100: #f7f8fb;
  --pf-v5-global--Color--dark-200: #a8afbb;
  --pf-v5-global--BorderColor--100: rgba(255, 255, 255, 0.13);
  --pf-v5-global--BorderColor--200: rgba(255, 255, 255, 0.08);
  --pf-v5-global--primary-color--100: var(--unpoplar-purple);
  --pf-v5-global--primary-color--200: #7540e8;
  --pf-v5-global--link--Color: #b9a4ff;
  --pf-v5-global--link--Color--hover: #d6caff;
  color-scheme: dark;
}

body[data-page-id="account"] {
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% 16%, rgba(23, 136, 255, 0.16), transparent 34rem),
    radial-gradient(circle at 88% 78%, rgba(255, 117, 56, 0.1), transparent 30rem),
    linear-gradient(145deg, #07090d, #0a0e16 58%, #11101b);
  color: var(--unpoplar-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pf-v5-c-page,
.pf-v5-c-page__main,
.pf-v5-c-page__main-container,
.pf-v5-c-page__main-section {
  background: transparent;
  color: var(--unpoplar-paper);
}

.pf-v5-c-page__main {
  position: relative;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 4rem 4rem;
}

.keycloak__loading-container,
body[data-page-id="account"] .keycloak__loading-container {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000;
  display: flex !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  background: transparent !important;
  pointer-events: none;
}

.keycloak__loading-container .pf-v5-c-spinner {
  filter: drop-shadow(0 0 0.7rem rgba(142, 86, 255, 0.5));
}

#app > .pf-v5-c-spinner {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 1000;
  width: 3.5rem !important;
  height: 3.5rem !important;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 0.7rem rgba(142, 86, 255, 0.5));
}

.pf-v5-c-masthead,
[data-testid="page-header"] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(7, 9, 13, 0.94);
  box-shadow: 0 0.65rem 2rem rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(14px);
}

.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-v5-c-toolbar,
.pf-v5-c-toolbar__content {
  background: transparent;
}

[data-testid="page-header"] img {
  width: min(21rem, 55vw);
  max-height: 3.25rem;
}

.pf-v5-c-page__sidebar {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 12% 10%, rgba(23, 136, 255, 0.2), transparent 24rem),
    linear-gradient(165deg, #111826, #080b11 74%);
  box-shadow: 0.7rem 0 2.5rem rgba(0, 0, 0, 0.18);
}

.pf-v5-c-nav__link,
.pf-v5-c-nav__section-title,
.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
  color: #d9dde7;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  border-inline-start-color: #51bdff;
  background: linear-gradient(90deg, rgba(23, 136, 255, 0.24), rgba(142, 86, 255, 0.2));
  color: #fff;
}

h1,
h2,
h3,
h4,
.pf-v5-c-title,
.pf-v5-c-content,
.pf-v5-c-form__label-text,
.pf-v5-c-description-list__text,
.pf-v5-c-description-list__term {
  color: var(--unpoplar-paper);
}

p,
.pf-v5-c-content p,
.pf-v5-c-helper-text,
.pf-v5-c-form__helper-text,
.pf-v5-c-description-list__description {
  color: var(--unpoplar-muted);
}

.pf-v5-c-page__main-section {
  padding: clamp(1.5rem, 3vw, 3rem);
}

.pf-v5-c-card,
.pf-v5-c-data-list,
.pf-v5-c-table,
.pf-v5-c-panel {
  overflow: hidden;
  border: 1px solid var(--unpoplar-border);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(20, 25, 35, 0.95), rgba(13, 17, 24, 0.95));
  box-shadow:
    0 1.2rem 3.5rem rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.pf-v5-c-form {
  max-width: 62rem;
}

.pf-v5-c-form-control,
.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
input,
select,
textarea {
  min-height: 3rem;
  border-color: rgba(255, 255, 255, 0.15);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.055);
  color: var(--unpoplar-paper);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.pf-v5-c-form-control:hover,
input:hover,
select:hover,
textarea:hover {
  border-color: rgba(255, 255, 255, 0.25);
}

.pf-v5-c-form-control:focus-within,
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(142, 86, 255, 0.75);
  box-shadow: 0 0 0 3px rgba(142, 86, 255, 0.18);
}

.pf-v5-c-form-control.pf-m-disabled,
.pf-v5-c-form-control.pf-m-readonly,
input:disabled,
input[readonly] {
  border-color: rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  color: #8f97a5;
}

.pf-v5-c-button.pf-m-primary {
  border-radius: 999px;
  background: linear-gradient(100deg, var(--unpoplar-blue), var(--unpoplar-purple) 62%, #a848eb);
  color: #fff;
  font-weight: 700;
  box-shadow:
    0 0.7rem 1.8rem rgba(94, 76, 255, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.pf-v5-c-button.pf-m-primary:hover {
  filter: brightness(1.1);
}

.pf-v5-c-button.pf-m-link,
.pf-v5-c-button.pf-m-secondary,
a {
  color: #b9a4ff;
}

.pf-v5-c-button.pf-m-secondary {
  border-color: rgba(185, 164, 255, 0.4);
  border-radius: 999px;
  background: rgba(142, 86, 255, 0.08);
}

.pf-v5-c-jump-links,
.pf-v5-c-jump-links__list,
.pf-v5-c-jump-links__item {
  border-color: rgba(255, 255, 255, 0.12);
  background: transparent;
  color: var(--unpoplar-paper);
}

.pf-v5-c-jump-links__link.pf-m-current,
.pf-v5-c-jump-links__link:hover {
  color: #c7b5ff;
}

.pf-v5-c-menu,
.pf-v5-c-dropdown__menu,
.pf-v5-c-popover__content,
.pf-v5-c-modal-box {
  border: 1px solid var(--unpoplar-border);
  background: #151a24;
  color: var(--unpoplar-paper);
  box-shadow: 0 1.2rem 3.5rem rgba(0, 0, 0, 0.45);
}

.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item {
  color: var(--unpoplar-paper);
}

.pf-v5-c-menu__item:hover,
.pf-v5-c-dropdown__menu-item:hover {
  background: rgba(142, 86, 255, 0.12);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid rgba(142, 86, 255, 0.42);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  [data-testid="page-header"] img {
    width: min(16rem, 62vw);
  }

  .pf-v5-c-page__main-section {
    padding: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}