:root {
  --pf-v5-global--primary-color--100: #ff7a1a;
  --pf-v5-global--primary-color--200: #ea6c11;
  --pf-v5-global--active-color--100: #2b66ff;
}

body[data-page-id="admin"] {
  --pp-admin-bg: #0b0e13;
  --pp-admin-text: #f4f1ea;
  --pp-admin-muted: #aab7cc;
  --pp-admin-border: rgba(255, 255, 255, 0.12);
  --pp-admin-surface: rgba(30, 37, 49, 0.9);
  --pp-admin-surface-strong: rgba(23, 29, 40, 0.94);
  --pp-admin-surface-soft: rgba(18, 24, 34, 0.72);
  --pp-admin-glow: 0 20px 46px rgba(0, 0, 0, 0.36);
  background-color: var(--pp-admin-bg);
  color: var(--pp-admin-text);
}

body[data-page-id="admin"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 122, 26, 0.24), rgba(255, 122, 26, 0) 36%),
    radial-gradient(circle at 84% 92%, rgba(43, 102, 255, 0.2), rgba(43, 102, 255, 0) 44%),
    linear-gradient(124deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: auto, auto, 58px 58px;
}

body[data-page-id="admin"] #app {
  position: relative;
  z-index: 1;
}

body[data-page-id="admin"] .pf-v5-c-page__main,
body[data-page-id="admin"] .pf-v5-c-page__main-section {
  background: transparent;
}

body[data-page-id="admin"] .pf-v5-c-masthead {
  background: rgba(11, 14, 19, 0.88);
  border-bottom: 1px solid var(--pp-admin-border);
  backdrop-filter: blur(8px);
}

body[data-page-id="admin"] .pf-v5-c-page__sidebar,
body[data-page-id="admin"] .pf-v5-c-page__sidebar-body {
  background: var(--pp-admin-surface-soft);
  border-right: 1px solid var(--pp-admin-border);
}

body[data-page-id="admin"] .pf-v5-c-nav__link {
  border-radius: 10px;
  color: #dce6f8;
}

body[data-page-id="admin"] .pf-v5-c-nav__link:hover {
  background: rgba(43, 102, 255, 0.14);
  color: #ffffff;
}

body[data-page-id="admin"] .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
body[data-page-id="admin"] .pf-v5-c-nav__item.pf-m-current .pf-v5-c-nav__link {
  background: linear-gradient(135deg, rgba(43, 102, 255, 0.34), rgba(255, 122, 26, 0.26));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

body[data-page-id="admin"] .pf-v5-c-nav__section-title,
body[data-page-id="admin"] .pf-v5-c-title,
body[data-page-id="admin"] .pf-v5-c-content h1,
body[data-page-id="admin"] .pf-v5-c-content h2,
body[data-page-id="admin"] .pf-v5-c-content h3 {
  color: #f8fafc;
}

body[data-page-id="admin"] .pf-v5-c-content,
body[data-page-id="admin"] .pf-v5-c-content p,
body[data-page-id="admin"] .pf-v5-c-description-list__description,
body[data-page-id="admin"] .pf-v5-c-helper-text__item {
  color: var(--pp-admin-muted);
}

body[data-page-id="admin"] .pf-v5-c-card,
body[data-page-id="admin"] .pf-v5-c-panel,
body[data-page-id="admin"] .pf-v5-c-expandable-section,
body[data-page-id="admin"] .pf-v5-c-empty-state,
body[data-page-id="admin"] .pf-v5-c-data-list,
body[data-page-id="admin"] .pf-v5-c-description-list {
  background: var(--pp-admin-surface);
  border: 1px solid var(--pp-admin-border);
  box-shadow: var(--pp-admin-glow);
}

body[data-page-id="admin"] .pf-v5-c-toolbar,
body[data-page-id="admin"] .pf-v5-c-pagination {
  background: rgba(18, 24, 34, 0.78);
  border: 1px solid var(--pp-admin-border);
  border-radius: 12px;
}

body[data-page-id="admin"] .pf-v5-c-tabs__link {
  color: #d4def2;
}

body[data-page-id="admin"] .pf-v5-c-tabs__link:hover {
  color: #ffffff;
}

body[data-page-id="admin"] .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  color: #ffffff;
}

body[data-page-id="admin"] .pf-v5-c-tabs__item.pf-m-current::before {
  border-bottom-color: #2b66ff;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-primary {
  background: #ff7a1a;
  border-color: #ff7a1a;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(255, 122, 26, 0.28);
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-primary:hover {
  background: #ea6c11;
  border-color: #ea6c11;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-secondary,
body[data-page-id="admin"] .pf-v5-c-button.pf-m-control,
body[data-page-id="admin"] .pf-v5-c-button.pf-m-plain {
  background: rgba(20, 26, 36, 0.84);
  border-color: var(--pp-admin-border);
  color: #e6edf9;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-secondary:hover,
body[data-page-id="admin"] .pf-v5-c-button.pf-m-control:hover,
body[data-page-id="admin"] .pf-v5-c-button.pf-m-plain:hover {
  background: rgba(43, 102, 255, 0.16);
  color: #ffffff;
}

body[data-page-id="admin"] .pf-v5-c-button.pf-m-link {
  color: #74a4ff;
}

body[data-page-id="admin"] .pf-v5-c-form-control,
body[data-page-id="admin"] .pf-v5-c-select__toggle,
body[data-page-id="admin"] .pf-v5-c-menu-toggle,
body[data-page-id="admin"] .pf-v5-c-search-input__text-input,
body[data-page-id="admin"] .pf-v5-c-number-input__input {
  background: var(--pp-admin-surface-strong);
  border-color: var(--pp-admin-border);
  color: #f1f6ff;
}

body[data-page-id="admin"] .pf-v5-c-form-control::placeholder,
body[data-page-id="admin"] .pf-v5-c-search-input__text-input::placeholder {
  color: #89a0c2;
}

body[data-page-id="admin"] .pf-v5-c-form-control:focus,
body[data-page-id="admin"] .pf-v5-c-select__toggle:focus,
body[data-page-id="admin"] .pf-v5-c-menu-toggle:focus,
body[data-page-id="admin"] .pf-v5-c-search-input__text-input:focus {
  border-color: rgba(43, 102, 255, 0.7);
  box-shadow: 0 0 0 3px rgba(43, 102, 255, 0.2);
}

body[data-page-id="admin"] .pf-v5-c-table,
body[data-page-id="admin"] .pf-v5-c-table thead,
body[data-page-id="admin"] .pf-v5-c-table tbody,
body[data-page-id="admin"] .pf-v5-c-table tr {
  background: transparent;
}

body[data-page-id="admin"] .pf-v5-c-table th,
body[data-page-id="admin"] .pf-v5-c-table td {
  border-color: var(--pp-admin-border);
}

body[data-page-id="admin"] .pf-v5-c-table thead th {
  color: #d9e5ff;
  background: rgba(20, 26, 36, 0.88);
}

body[data-page-id="admin"] .pf-v5-c-table tbody tr:hover {
  background: rgba(43, 102, 255, 0.12);
}

body[data-page-id="admin"] .pf-v5-c-label,
body[data-page-id="admin"] .pf-v5-c-chip {
  background: rgba(43, 102, 255, 0.2);
  color: #e8f0ff;
}

body[data-page-id="admin"] .pf-v5-c-menu,
body[data-page-id="admin"] .pf-v5-c-dropdown__menu,
body[data-page-id="admin"] .pf-v5-c-popover,
body[data-page-id="admin"] .pf-v5-c-tooltip {
  background: rgba(20, 26, 36, 0.98);
  border-color: var(--pp-admin-border);
}

body[data-page-id="admin"] .pf-v5-c-menu__item:hover,
body[data-page-id="admin"] .pf-v5-c-dropdown__menu-item:hover {
  background: rgba(43, 102, 255, 0.16);
}

body[data-page-id="admin"] .pf-v5-c-modal-box,
body[data-page-id="admin"] .pf-v5-c-drawer__panel {
  background: rgba(17, 22, 32, 0.98);
  border: 1px solid var(--pp-admin-border);
}

body[data-page-id="admin"] .pf-v5-c-alert {
  border-color: var(--pp-admin-border);
}

body[data-page-id="admin"] .pf-v5-c-alert.pf-m-success {
  background: rgba(56, 196, 123, 0.14);
}

body[data-page-id="admin"] .pf-v5-c-alert.pf-m-warning {
  background: rgba(255, 191, 71, 0.14);
}

body[data-page-id="admin"] .pf-v5-c-alert.pf-m-danger {
  background: rgba(235, 87, 87, 0.16);
}

body[data-page-id="admin"] .pf-v5-c-breadcrumb__link,
body[data-page-id="admin"] .pf-v5-c-breadcrumb__item,
body[data-page-id="admin"] .pf-v5-c-page__main-breadcrumb {
  color: #9db1d0;
}

body[data-page-id="admin"] .pf-v5-c-breadcrumb__link:hover {
  color: #ffffff;
}

body[data-page-id="admin"] .pf-v5-c-switch__toggle {
  background: rgba(142, 155, 176, 0.4);
}

body[data-page-id="admin"] .pf-v5-c-switch input:checked ~ .pf-v5-c-switch__toggle {
  background: linear-gradient(120deg, #2b66ff, #3f7cff);
}

body[data-page-id="admin"] .pf-v5-c-checkbox__input:checked + .pf-v5-c-checkbox__label::before,
body[data-page-id="admin"] .pf-v5-c-radio__input:checked + .pf-v5-c-radio__label::before {
  border-color: #2b66ff;
  background-color: #2b66ff;
}

body[data-page-id="admin"] .keycloak__loading-container {
  background: rgba(24, 30, 42, 0.9);
  color: #f4f1ea;
}

body[data-page-id="admin"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body[data-page-id="admin"] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(126, 145, 175, 0.5);
}

body[data-page-id="admin"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 145, 175, 0.72);
}