/* AlexAuth — Account Console Theme */

@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-700.woff2") format("woff2"); }
@font-face { font-family: "Fira Code"; font-weight: 400; font-display: swap; src: url("../fonts/firacode-400.woff2") format("woff2"); }
@font-face { font-family: "Fira Code"; font-weight: 600; font-display: swap; src: url("../fonts/firacode-600.woff2") format("woff2"); }
@font-face { font-family: "Fira Code"; font-weight: 700; font-display: swap; src: url("../fonts/firacode-700.woff2") format("woff2"); }

:root {
  --aa-base00: #161925; --aa-base01: #282D43; --aa-base02: #3B4363;
  --aa-base03: #4E5983; --aa-base04: #626FA2; --aa-base05: #DFE1EC;
  --aa-base06: #A2AAC8; --aa-base07: #ED254E; --aa-base09: #F9DC5C;
  --aa-base0B: #71F79F; --aa-base0C: #00C1E4; --aa-base0D: #7CB7FF;
  --aa-base0E: #C74DED;
  --aa-accent: #C50ED2; --aa-accent-hover: #D84AE2; --aa-accent-dark: #9A0BA6;
  --aa-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aa-font-display: "Fira Code", "Cascadia Code", monospace;

  --pf-v5-global--primary-color--100: var(--aa-accent);
  --pf-v5-global--primary-color--200: var(--aa-accent-dark);
  --pf-v5-global--active-color--100: var(--aa-accent);
  --pf-v5-global--link--Color: var(--aa-base0D);
  --pf-v5-global--link--Color--hover: var(--aa-base0C);
  --pf-v5-global--BackgroundColor--100: var(--aa-base00);
  --pf-v5-global--BackgroundColor--200: var(--aa-base01);
  --pf-v5-global--BackgroundColor--dark-100: var(--aa-base01);
  --pf-v5-global--BackgroundColor--light-100: var(--aa-base01);
  --pf-v5-global--BackgroundColor--light-200: var(--aa-base00);
  --pf-v5-global--Color--100: var(--aa-base05);
  --pf-v5-global--Color--200: var(--aa-base06);
  --pf-v5-global--BorderColor--100: var(--aa-base02);
  --pf-v5-global--danger-color--100: var(--aa-base07);
  --pf-v5-global--success-color--100: var(--aa-base0B);
  --pf-v5-global--warning-color--100: var(--aa-base09);
  --pf-v5-global--info-color--100: var(--aa-base0D);
  --pf-v5-global--FontFamily--sans-serif: var(--aa-font-body);
  --pf-global--primary-color--100: var(--aa-accent);
  --pf-global--link--Color: var(--aa-base0D);
  --pf-global--BackgroundColor--100: var(--aa-base00);
  --pf-global--BackgroundColor--200: var(--aa-base01);
  --pf-global--Color--100: var(--aa-base05);
  --pf-global--BorderColor--100: var(--aa-base02);
  --pf-global--FontFamily--sans-serif: var(--aa-font-body);
}

body { background-color: var(--aa-base00) !important; color: var(--aa-base05) !important; font-family: var(--aa-font-body) !important; }
.pf-c-page__sidebar, .pf-v5-c-page__sidebar { background-color: var(--aa-base01) !important; }
.pf-c-nav__link, .pf-v5-c-nav__link { color: var(--aa-base06) !important; font-family: var(--aa-font-body); }
.pf-c-nav__link:hover, .pf-v5-c-nav__link:hover { color: var(--aa-base05) !important; background-color: var(--aa-base02) !important; }
.pf-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__item.pf-m-current > .pf-c-nav__link, .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  color: #fff !important; background-color: rgba(197,14,210,0.18) !important; border-left: 3px solid var(--aa-accent) !important;
}
.pf-c-page__header, .pf-v5-c-masthead { background-color: var(--aa-base01) !important; border-bottom: 1px solid var(--aa-base02) !important; }
.pf-c-page__main-section, .pf-v5-c-page__main-section { background-color: var(--aa-base00) !important; }
.pf-c-card, .pf-v5-c-card { background-color: var(--aa-base01) !important; border: 1px solid var(--aa-base02) !important; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important; color: var(--aa-base05) !important; }
.pf-c-card__title, .pf-v5-c-card__title { color: var(--aa-base05) !important; font-family: var(--aa-font-display); font-weight: 600; }
.pf-c-table, .pf-v5-c-table { color: var(--aa-base05) !important; }
.pf-c-table thead, .pf-v5-c-table thead { background-color: var(--aa-base02) !important; }
.pf-c-table tbody tr, .pf-v5-c-table tbody tr { background-color: var(--aa-base01) !important; border-bottom: 1px solid var(--aa-base02) !important; }
.pf-c-table tbody tr:hover, .pf-v5-c-table tbody tr:hover { background-color: var(--aa-base02) !important; }
.pf-c-button.pf-m-primary, .pf-v5-c-button.pf-m-primary { background: linear-gradient(135deg, var(--aa-accent), var(--aa-base0E)) !important; border: none !important; border-radius: 6px !important; color: #fff !important; font-family: var(--aa-font-display); font-weight: 600; transition: all 0.25s; box-shadow: 0 4px 15px rgba(197,14,210,0.25); }
.pf-c-button.pf-m-primary:hover, .pf-v5-c-button.pf-m-primary:hover { box-shadow: 0 6px 24px rgba(197,14,210,0.4); transform: translateY(-1px); }
.pf-c-button.pf-m-secondary, .pf-v5-c-button.pf-m-secondary { background: var(--aa-base02) !important; border: 1px solid var(--aa-base03) !important; border-radius: 6px !important; color: var(--aa-base05) !important; font-family: var(--aa-font-body); }
.pf-c-form-control, .pf-v5-c-form-control { background-color: var(--aa-base01) !important; border: 1px solid var(--aa-base03) !important; border-radius: 6px !important; color: var(--aa-base05) !important; font-family: var(--aa-font-body); }
.pf-c-form-control:focus, .pf-v5-c-form-control:focus { border-color: var(--aa-accent) !important; box-shadow: 0 0 0 2px rgba(197,14,210,0.25) !important; }
.pf-c-form__label-text, .pf-v5-c-form__label-text { color: var(--aa-base06) !important; font-family: var(--aa-font-body); }
.pf-c-brand, .pf-v5-c-brand { font-family: var(--aa-font-display) !important; font-weight: 700; font-size: 1.4rem; background: linear-gradient(135deg, var(--aa-accent), var(--aa-base0D) 50%, var(--aa-base0B)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--aa-base00); }
::-webkit-scrollbar-thumb { background: var(--aa-base03); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--aa-accent); }