:root {
    --krass-bg: #0b0f12;
    --krass-surface: rgba(18, 23, 28, 0.94);
    --krass-surface-strong: #151b20;
    --krass-border: rgba(255, 255, 255, 0.12);
    --krass-text: #f4f7f5;
    --krass-muted: rgba(244, 247, 245, 0.68);
    --krass-accent: #00c853;
    --krass-accent-hover: #18d765;
    --krass-blue: #2787f5;
    --pf-v5-global--Color--100: var(--krass-text);
    --pf-v5-global--Color--200: var(--krass-muted);
    --pf-v5-global--BackgroundColor--100: var(--krass-surface);
    --pf-v5-global--BackgroundColor--200: var(--krass-surface-strong);
    --pf-v5-global--BorderColor--100: var(--krass-border);
    --pf-v5-c-table--BackgroundColor: transparent;
    --pf-v5-c-table--thead--BackgroundColor: rgba(255, 255, 255, 0.05);
    --pf-v5-c-table--tbody--BackgroundColor: transparent;
    --pf-v5-c-table--tr--BackgroundColor: transparent;
    --pf-v5-c-table--cell--Color: var(--krass-text);
    --pf-v5-c-table--cell--BackgroundColor: transparent;
    --pf-v5-c-table--tbody--cell--BackgroundColor: transparent;
    --pf-v5-c-table--tr--BorderColor: var(--krass-border);
    --pf-v5-c-data-list--BackgroundColor: transparent;
    --pf-v5-c-data-list__item--BackgroundColor: transparent;
}

html,
body,
#app {
    min-height: 100%;
}

body {
    background:
        radial-gradient(circle at 24% 8%, rgba(0, 200, 83, 0.18), transparent 30rem),
        radial-gradient(circle at 84% 74%, rgba(39, 135, 245, 0.13), transparent 34rem),
        linear-gradient(135deg, #080b0e 0%, #161b20 54%, #0b0f12 100%);
    color: var(--krass-text);
}

.pf-v5-c-page {
    min-height: 100dvh;
    background: transparent;
}

.pf-v5-c-page__header {
    border-bottom: 1px solid var(--krass-border);
    background: rgba(9, 13, 16, 0.9);
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
}

.pf-v5-c-brand img,
.pf-v5-c-brand {
    max-width: 190px;
    max-height: 42px;
}

.pf-v5-c-page__sidebar {
    border-right: 1px solid var(--krass-border);
    background: rgba(11, 15, 18, 0.78);
    backdrop-filter: blur(12px);
}

.pf-v5-c-nav,
.pf-v5-c-nav__section,
.pf-v5-c-nav__list {
    background: transparent;
}

.pf-v5-c-nav__link {
    color: var(--krass-muted);
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
    color: var(--krass-text);
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link::after {
    border-color: var(--krass-accent);
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
    background: transparent;
}

.pf-v5-c-page__main-section.pf-m-light,
.pf-v5-c-card,
.pf-v5-c-panel,
.pf-v5-c-table,
.pf-v5-c-data-list {
    border: 1px solid var(--krass-border);
    border-radius: 16px;
    background: var(--krass-surface);
    color: var(--krass-text);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.32);
}

.pf-v5-c-page__main-section.pf-m-light + .pf-v5-c-page__main-section.pf-m-light {
    margin-block-start: 1rem;
}

.pf-v5-c-title,
.pf-v5-c-form__label,
.pf-v5-c-description-list__term,
.pf-v5-c-description-list__text,
.pf-v5-c-data-list,
.pf-v5-c-data-list__item,
.pf-v5-c-data-list__cell,
.pf-v5-c-card__title,
.pf-v5-c-table,
.pf-v5-c-table th,
.pf-v5-c-table td,
.pf-v5-c-table__text,
.pf-v5-c-table__expandable-row-content,
.pf-v5-c-expandable-section,
.pf-v5-c-content,
.pf-v5-c-content p,
.pf-v5-c-content small {
    color: var(--krass-text);
}

.pf-v5-c-description-list__text,
.pf-v5-c-helper-text,
.pf-v5-c-empty-state__body,
.pf-v5-c-card__body,
.pf-v5-c-data-list__item-row,
.pf-v5-c-table thead,
.pf-v5-c-table .pf-v5-c-description-list__term,
.pf-v5-c-table .pf-v5-c-description-list__text,
.pf-v5-c-table__compound-expansion-toggle {
    color: var(--krass-muted);
}

.pf-v5-c-page__main-section.pf-m-light p,
.pf-v5-c-page__main-section.pf-m-light small {
    color: var(--krass-muted);
}

.pf-v5-c-table {
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

.pf-v5-c-table thead,
.pf-v5-c-table tbody,
.pf-v5-c-table tr,
.pf-v5-c-table th,
.pf-v5-c-table td,
.pf-v5-c-table__expandable-row,
.pf-v5-c-table__expandable-row-content,
.pf-v5-c-table__compound-expansion-toggle,
.pf-v5-c-data-list,
.pf-v5-c-data-list__item,
.pf-v5-c-data-list__item-row,
.pf-v5-c-data-list__cell,
.pf-v5-c-description-list,
.pf-v5-c-description-list__group {
    background: transparent;
    background-color: transparent;
}

.pf-v5-c-table thead tr {
    background: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.pf-v5-c-table tbody tr {
    background: rgba(255, 255, 255, 0.025);
    background-color: rgba(255, 255, 255, 0.025) !important;
}

.pf-v5-c-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.055);
    background-color: rgba(255, 255, 255, 0.055) !important;
}

.pf-v5-c-table tbody tr.pf-v5-c-table__expandable-row,
.pf-v5-c-table tbody tr.pf-m-expanded,
.pf-v5-c-table__expandable-row-content {
    background: rgba(8, 11, 14, 0.55);
    background-color: rgba(8, 11, 14, 0.55) !important;
}

.pf-v5-c-table th,
.pf-v5-c-table td {
    background-color: transparent !important;
}

.pf-v5-c-table__expandable-row-content,
.pf-v5-c-table__expandable-row-content > *,
.pf-v5-c-table .pf-v5-c-description-list,
.pf-v5-c-table .pf-v5-c-description-list__group {
    background-color: transparent !important;
}

.pf-v5-c-table tr,
.pf-v5-c-table th,
.pf-v5-c-table td,
.pf-v5-c-data-list__item {
    border-color: var(--krass-border);
}

.pf-v5-c-table [class*="pf-m-disabled"],
.pf-v5-c-button[disabled],
.pf-v5-c-button.pf-m-disabled {
    opacity: 0.58;
}

.pf-v5-c-table a,
.pf-v5-c-data-list a {
    color: var(--krass-accent-hover);
}

body[data-page-id="account"] table,
body[data-page-id="account"] thead,
body[data-page-id="account"] tbody,
body[data-page-id="account"] tfoot,
body[data-page-id="account"] tr,
body[data-page-id="account"] th,
body[data-page-id="account"] td,
body[data-page-id="account"] .pf-v5-c-table,
body[data-page-id="account"] .pf-v5-c-table *,
body[data-page-id="account"] .pf-c-table,
body[data-page-id="account"] .pf-c-table *,
body[data-page-id="account"] .pf-v5-c-data-list,
body[data-page-id="account"] .pf-v5-c-data-list *,
body[data-page-id="account"] .pf-c-data-list,
body[data-page-id="account"] .pf-c-data-list * {
    border-color: var(--krass-border) !important;
}

body[data-page-id="account"] table,
body[data-page-id="account"] .pf-v5-c-table,
body[data-page-id="account"] .pf-c-table,
body[data-page-id="account"] .pf-v5-c-data-list,
body[data-page-id="account"] .pf-c-data-list {
    background: var(--krass-surface) !important;
    background-color: var(--krass-surface) !important;
    color: var(--krass-text) !important;
}

body[data-page-id="account"] thead,
body[data-page-id="account"] thead tr,
body[data-page-id="account"] thead th,
body[data-page-id="account"] .pf-v5-c-table thead,
body[data-page-id="account"] .pf-v5-c-table thead tr,
body[data-page-id="account"] .pf-v5-c-table thead th,
body[data-page-id="account"] .pf-c-table thead,
body[data-page-id="account"] .pf-c-table thead tr,
body[data-page-id="account"] .pf-c-table thead th {
    background: #182026 !important;
    background-color: #182026 !important;
    color: rgba(244, 247, 245, 0.76) !important;
}

body[data-page-id="account"] tbody,
body[data-page-id="account"] tbody tr,
body[data-page-id="account"] tbody th,
body[data-page-id="account"] tbody td,
body[data-page-id="account"] .pf-v5-c-table tbody,
body[data-page-id="account"] .pf-v5-c-table tbody tr,
body[data-page-id="account"] .pf-v5-c-table tbody th,
body[data-page-id="account"] .pf-v5-c-table tbody td,
body[data-page-id="account"] .pf-c-table tbody,
body[data-page-id="account"] .pf-c-table tbody tr,
body[data-page-id="account"] .pf-c-table tbody th,
body[data-page-id="account"] .pf-c-table tbody td,
body[data-page-id="account"] .pf-v5-c-data-list__item,
body[data-page-id="account"] .pf-v5-c-data-list__item-row,
body[data-page-id="account"] .pf-v5-c-data-list__cell,
body[data-page-id="account"] .pf-c-data-list__item,
body[data-page-id="account"] .pf-c-data-list__item-row,
body[data-page-id="account"] .pf-c-data-list__cell {
    background: #12181d !important;
    background-color: #12181d !important;
    color: var(--krass-text) !important;
}

body[data-page-id="account"] tbody tr:hover,
body[data-page-id="account"] .pf-v5-c-table tbody tr:hover,
body[data-page-id="account"] .pf-c-table tbody tr:hover,
body[data-page-id="account"] .pf-v5-c-data-list__item:hover,
body[data-page-id="account"] .pf-c-data-list__item:hover {
    background: #192229 !important;
    background-color: #192229 !important;
}

body[data-page-id="account"] .pf-v5-c-table__expandable-row,
body[data-page-id="account"] .pf-v5-c-table__expandable-row *,
body[data-page-id="account"] .pf-v5-c-table__expandable-row-content,
body[data-page-id="account"] .pf-v5-c-table__expandable-row-content *,
body[data-page-id="account"] .pf-c-table__expandable-row,
body[data-page-id="account"] .pf-c-table__expandable-row *,
body[data-page-id="account"] .pf-c-table__expandable-row-content,
body[data-page-id="account"] .pf-c-table__expandable-row-content * {
    background: #0e1317 !important;
    background-color: #0e1317 !important;
    color: rgba(244, 247, 245, 0.78) !important;
}

body[data-page-id="account"] .pf-v5-c-table .pf-v5-c-description-list__term,
body[data-page-id="account"] .pf-v5-c-table .pf-v5-c-description-list__text,
body[data-page-id="account"] .pf-c-table .pf-c-description-list__term,
body[data-page-id="account"] .pf-c-table .pf-c-description-list__text {
    color: rgba(244, 247, 245, 0.72) !important;
}

.pf-v5-c-form-control,
.pf-v5-c-form-control > input,
.pf-v5-c-form-control > select,
.pf-v5-c-form-control > textarea {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: var(--krass-text);
}

.pf-v5-c-form-control:focus-within {
    box-shadow: 0 0 0 2px rgba(0, 200, 83, 0.35);
}

.pf-v5-c-button.pf-m-primary {
    background: var(--krass-accent);
    color: #ffffff;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background: var(--krass-accent-hover);
}

.pf-v5-c-button.pf-m-secondary {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: var(--krass-text);
}

.pf-v5-c-button.pf-m-link {
    color: var(--krass-accent-hover);
}

.keycloak__loading-container {
    background: transparent;
    color: var(--krass-text);
}

@media (max-width: 768px) {
    .pf-v5-c-page__sidebar {
        background: var(--krass-surface-strong);
    }

    .pf-v5-c-page__main-section.pf-m-light {
        border-inline: 0;
        border-radius: 0;
    }
}