* {
  font-family: Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}
:root {
  --page-bg: #f7f7fc;
  --content-bg: rgb(250.6, 251.8, 252.6);
  --text-primary: #333333;
  --text-brighter: rgb(127.5, 127.5, 127.5);
  --text-secondary: #555555;
  --text-secondary2: rgb(176.8, 176.8, 176.8);
  --table-head-foot-bg: #efefef;
  --table-border-color: rgb(213.5, 213.5, 213.5);
  --scrollbar-track-bg: rgb(226.25, 226.25, 226.25);
  --accent-line-color: #4a90e2;
  --button-bg: #0A192F;
  --button-text: #f7f7fc;
  --button-primary-bg: #0070c0;
  --button-primary-text: #f7f7fc;
  --button-primary-bg-hover: rgb(0, 82.25, 141);
  --button-secondary-bg: rgb(221, 217, 215);
  --button-secondary-text: #000000;
  --button-secondary-bg-hover: rgb(127.5, 127.5, 127.5);
  --sheen-color: rgba(84.9, 184.125, 255, 0.35);
  --shadow-sm: 0 3px 9px -5px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 7px 14px -9px rgba(0, 0, 0, 0.4);
  --button-shadow-color: rgba(0, 0, 0, 0.87);
  --border-color: #e9ecef;
  --border-color-rgb: 233,236,239;
  --toast-border: #e9ecef;
  --rules-bg: #fafafa;
  --color-table-header: rgba(0, 0, 0, 0.87);
  --accent-color-transparent: rgba(0, 112, 192, 0.2);
  --button-bg-hover: rgb(18.9473684211, 47.3684210526, 89.0526315789);
  --footer-bg: rgba(0, 0, 0, 0.03);
  --input-bg: #f7f7fc;
  --input-bg-readonly: rgb(228.4545454545, 228.4545454545, 245.0454545455);
  --checkbox-bg: var(--input-bg);
  --checkbox-border-color: var(--border-color);
  --checkbox-checked-bg: var(--accent);
  --checkbox-checkmark-color: var(--button-primary-text);
  --accent: #0070c0;
  --accent-hover: rgb(0, 82.25, 141);
  --accent-dark-30: rgb(0, 22.75, 39);
  --accent-dark-40: hsl(205, 100%, -2.3529411765%);
  --hero-bg: #fafafa;
  --warning-color: #c62828;
  --warning-bg: rgba(245, 124, 0, 0.1);
  --warning-border: #f57c00;
  --table-row-hover-bg: rgba(0, 0, 0, 0.04);
  --accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --element-hover-bg: #fafafa;
  --skeleton-bg: linear-gradient(90deg, #f1f1f1 25%, #e0e0e0 50%, #f1f1f1 75%);
  --btn-deactivate-bg: #c62828;
  --btn-activate-bg: #2e7d32;
  --btn-email-bg: #0ea5e9;
  --btn-rights-bg: #8b5cf6;
  --filebrowser-bg: #f4f7f9;
  --filebrowser-header-bg-1: rgb(247.3, 249.4, 250.8);
  --filebrowser-header-bg-2: rgb(234.1, 239.8, 243.6);
  --filebrowser-table-header-1: rgb(236.35, 236.35, 236.35);
  --filebrowser-table-header-2: rgb(226.15, 226.15, 226.15);
  --filebrowser-row-hover: #fafafa;
  --filebrowser-context-bg-1: #f4f7f9;
  --filebrowser-context-bg-2: rgb(230.8, 237.4, 241.8);
  --filebrowser-modal-bg-1: rgb(240.7, 244.6, 247.2);
  --filebrowser-modal-bg-2: rgb(227.5, 235, 240);
  --filebrowser-accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --sidebar-separator-color: rgba(233, 236, 239, 0.55);
  --sidebar-separator-gradient: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 4%, rgba(204, 204, 204, 0) 12%, rgba(204, 204, 204, 0.28) 22%, rgba(204, 204, 204, 0.88) 50%, rgba(204, 204, 204, 0.28) 78%, rgba(204, 204, 204, 0) 88%, rgba(204, 204, 204, 0) 96%, rgba(204, 204, 204, 0) 100% )
}
[data-theme=dark] {
  --page-bg: #121212;
  --content-bg: #1E1E1E;
  --text-primary: #E0E0E0;
  --text-brighter: rgba(122, 122, 122, 0.8);
  --text-secondary: #BDBDBD;
  --text-secondary2: rgb(97.2, 97.2, 97.2);
  --accent-line-color: #0070c0;
  --button-bg: rgb(10.5, 10.5, 10.5);
  --button-text: #E0E0E0;
  --button-primary-bg: #0c0c0c;
  --button-primary-text: #E0E0E0;
  --button-bg-hover: rgb(27.3, 27.3, 27.3);
  --button-primary-bg-hover: rgb(27.3, 27.3, 27.3);
  --button-secondary-bg: rgb(7.5, 7.5, 7.5);
  --button-secondary-text: rgb(134.75, 134.75, 134.75);
  --button-secondary-bg-hover: rgb(22.8, 22.8, 22.8);
  --sheen-color: rgba(84.45, 84.45, 84.45, 0.3);
  --shadow-sm: 0 4px 15px -5px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 30px -15px rgba(0, 0, 0, 0.4);
  --button-shadow-color: hsla(0, 0%, -20%, 0.87);
  --border-color: #2c2c2c;
  --border-color-rgb: 44,44,44;
  --toast-border: #2c2c2c;
  --rules-bg: rgb(42.75, 42.75, 42.75);
  --color-table-header: hsl(209.0322580645, 100%, 103.9215686275%);
  --table-head-foot-bg: rgb(55.5, 55.5, 55.5);
  --table-border-color: rgb(68.25, 68.25, 68.25);
  --scrollbar-track-bg: rgb(42.75, 42.75, 42.75);
  --accent-color-transparent: rgba(0, 112, 192, 0.2);
  --footer-bg: rgba(0, 0, 0, 0.1);
  --input-bg: rgb(17.25, 17.25, 17.25);
  --input-bg-readonly: rgb(4.5, 4.5, 4.5);
  --checkbox-bg: rgb(42.75, 42.75, 42.75);
  --checkbox-border-color: #5f5f5f;
  --checkbox-checked-bg: #E0E0E0;
  --checkbox-checkmark-color: #1E1E1E;
  --accent: #0070c0;
  --accent-hover: rgb(0, 141.75, 243);
  --accent-dark-30: rgb(0, 22.75, 39);
  --accent-dark-40: hsl(205, 100%, -2.3529411765%);
  --hero-bg: rgb(30.75, 30.75, 30.75);
  --warning-color: rgb(222.1428571429, 92.3571428571, 92.3571428571);
  --warning-bg: rgba(245, 124, 0, 0.2);
  --warning-border: rgb(255, 161.9040816327, 66.5);
  --table-row-hover-bg: rgba(247, 247, 252, 0.06);
  --accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --element-hover-bg: rgb(55.5, 55.5, 55.5);
  --skeleton-bg: linear-gradient(90deg, #444 25%, #555 50%, #444 75%);
  --btn-deactivate-bg: rgb(222.1428571429, 92.3571428571, 92.3571428571);
  --btn-activate-bg: rgb(81.7543859649, 191.2456140351, 87.298245614);
  --btn-email-bg: rgb(55.016194332, 184.6194331984, 242.983805668);
  --btn-rights-bg: rgb(173.3953488372, 140.3313953488, 248.6686046512);
  --filebrowser-bg: rgb(32.55, 32.55, 32.55);
  --filebrowser-header-bg-1: rgb(25.65, 25.65, 25.65);
  --filebrowser-header-bg-2: rgb(12.9, 12.9, 12.9);
  --filebrowser-table-header-1: rgb(24.9, 24.9, 24.9);
  --filebrowser-table-header-2: rgb(14.7, 14.7, 14.7);
  --filebrowser-row-hover: rgb(42.75, 42.75, 42.75);
  --filebrowser-context-bg-1: rgb(24.9, 24.9, 24.9);
  --filebrowser-context-bg-2: rgb(14.7, 14.7, 14.7);
  --filebrowser-modal-bg-1: rgb(22.35, 22.35, 22.35);
  --filebrowser-modal-bg-2: rgb(12.15, 12.15, 12.15);
  --filebrowser-accent-focus-shadow: rgba(0, 112, 192, 0.25);
  --sidebar-separator-color: rgba(107.75, 107.75, 107.75, 0.55);
  --sidebar-separator-gradient: linear-gradient(to right, rgba(56.75, 56.75, 56.75, 0) 0%, rgba(82.25, 82.25, 82.25, 0.03) 4%, rgba(120.5, 120.5, 120.5, 0.15) 12%, rgba(146, 146, 146, 0.32) 22%, rgba(184.25, 184.25, 184.25, 0.98) 50%, rgba(146, 146, 146, 0.32) 78%, rgba(120.5, 120.5, 120.5, 0.15) 88%, rgba(82.25, 82.25, 82.25, 0.03) 96%, rgba(56.75, 56.75, 56.75, 0) 100% )
}
@-webkit-keyframes fa-bounce-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
    transform: rotate(270deg) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@keyframes fa-bounce-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
    transform: rotate(270deg) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@-webkit-keyframes fa-elastic-wiggle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  10% {
    -webkit-transform: rotate(30deg) scale(1.1);
    transform: rotate(30deg) scale(1.1)
  }
  20% {
    -webkit-transform: rotate(-20deg) scale(.95);
    transform: rotate(-20deg) scale(.95)
  }
  30% {
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05)
  }
  40% {
    -webkit-transform: rotate(-10deg) scale(.98);
    transform: rotate(-10deg) scale(.98)
  }
  50% {
    -webkit-transform: rotate(5deg) scale(1.02);
    transform: rotate(5deg) scale(1.02)
  }
  60% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }
  70% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  90% {
    -webkit-transform: rotate(.5deg);
    transform: rotate(.5deg)
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
}
@keyframes fa-elastic-wiggle {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  10% {
    -webkit-transform: rotate(30deg) scale(1.1);
    transform: rotate(30deg) scale(1.1)
  }
  20% {
    -webkit-transform: rotate(-20deg) scale(.95);
    transform: rotate(-20deg) scale(.95)
  }
  30% {
    -webkit-transform: rotate(15deg) scale(1.05);
    transform: rotate(15deg) scale(1.05)
  }
  40% {
    -webkit-transform: rotate(-10deg) scale(.98);
    transform: rotate(-10deg) scale(.98)
  }
  50% {
    -webkit-transform: rotate(5deg) scale(1.02);
    transform: rotate(5deg) scale(1.02)
  }
  60% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
  }
  70% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  90% {
    -webkit-transform: rotate(.5deg);
    transform: rotate(.5deg)
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
}
@-webkit-keyframes fa-flip-glow {
  0% {
    -webkit-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
  50% {
    -webkit-transform: rotateY(180deg) scale(1.2);
    transform: rotateY(180deg) scale(1.2);
    -webkit-filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8));
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8))
  }
  100% {
    -webkit-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
}
@keyframes fa-flip-glow {
  0% {
    -webkit-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
  50% {
    -webkit-transform: rotateY(180deg) scale(1.2);
    transform: rotateY(180deg) scale(1.2);
    -webkit-filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8));
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, .8))
  }
  100% {
    -webkit-transform: rotateY(360deg) scale(1);
    transform: rotateY(360deg) scale(1);
    -webkit-filter: drop-shadow(0 0 0 transparent);
    filter: drop-shadow(0 0 0 transparent)
  }
}
@-webkit-keyframes fa-pulse-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.3);
    transform: rotate(90deg) scale(1.3)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.7);
    transform: rotate(180deg) scale(.7)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.3);
    transform: rotate(270deg) scale(1.3)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@keyframes fa-pulse-rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.3);
    transform: rotate(90deg) scale(1.3)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.7);
    transform: rotate(180deg) scale(.7)
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.3);
    transform: rotate(270deg) scale(1.3)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}
@-webkit-keyframes fa-spin-jump {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0)
  }
  25% {
    -webkit-transform: rotate(90deg) translateY(-10px) scale(1.1);
    transform: rotate(90deg) translateY(-10px) scale(1.1)
  }
  50% {
    -webkit-transform: rotate(180deg) translateY(-15px) scale(1.2);
    transform: rotate(180deg) translateY(-15px) scale(1.2)
  }
  75% {
    -webkit-transform: rotate(270deg) translateY(-10px) scale(1.1);
    transform: rotate(270deg) translateY(-10px) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(0) scale(1);
    transform: rotate(360deg) translateY(0) scale(1)
  }
}
@keyframes fa-spin-jump {
  0% {
    -webkit-transform: rotate(0) translateY(0);
    transform: rotate(0) translateY(0)
  }
  25% {
    -webkit-transform: rotate(90deg) translateY(-10px) scale(1.1);
    transform: rotate(90deg) translateY(-10px) scale(1.1)
  }
  50% {
    -webkit-transform: rotate(180deg) translateY(-15px) scale(1.2);
    transform: rotate(180deg) translateY(-15px) scale(1.2)
  }
  75% {
    -webkit-transform: rotate(270deg) translateY(-10px) scale(1.1);
    transform: rotate(270deg) translateY(-10px) scale(1.1)
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(0) scale(1);
    transform: rotate(360deg) translateY(0) scale(1)
  }
}
@-webkit-keyframes fa-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes fa-rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}
.hidden {
  display: none!important
}
.frontend-footer {
  padding: .8rem 0;
  background-color: var(--content-bg);
  text-align: center;
  width: 100%;
  border-top: 1px solid var(--border-color);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000
}
.frontend-footer nav .footer-meta-item {
  color: var(--text-secondary)
}
.frontend-footer nav .footer-meta-sep,
.frontend-footer nav .footer-meta-val {
  color: var(--text-secondary2)
}
.frontend-footer nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem
}
.frontend-footer a {
  color: var(--text-secondary);
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s
}
.frontend-footer a:hover {
  color: var(--text-primary);
  text-decoration: underline
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/webfonts/fa-solid-900.woff2) format("woff2")
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/webfonts/fa-brands-400.woff2) format("woff2")
}
.icon {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block
}
.icon--xs {
  font-size: .675rem
}
.icon--sm {
  font-size: .7875rem
}
.icon--lg {
  font-size: 1.125rem
}
.icon--xl {
  font-size: 1.35rem
}
.icon--2x {
  font-size: 1.8rem
}
.icon--3x {
  font-size: 2.7rem
}
.icon--spaced-right {
  margin-right: .5em
}
.icon--spaced-left {
  margin-left: .5em
}
.icon--success {
  color: #2e7d32
}
.icon--error {
  color: #c62828
}
.icon--warning {
  color: #f57c00
}
.icon--info {
  color: #0070c0
}
.icon--muted {
  color: #adb5bd
}
.icon--color-primary {
  color: var(--text-primary)
}
.icon--color-secondary {
  color: var(--text-secondary)
}
.icon--color-accent {
  color: var(--accent)
}
.icon--color-white {
  color: #f7f7fc
}
.icon--font-solid {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--font-regular {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--font-light {
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--font-thin {
  font-family: "Font Awesome 7 Pro";
  font-weight: 100;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--font-brands {
  font-weight: 400;
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.btn--with-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5em
}
.btn--icon-only {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .5em;
  width: 2.5em;
  height: 2.5em
}
.fa-sync::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.icon-settings::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.icon-logout::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.icon-menu::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.icon-home::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-info::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-check-circle::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-times-circle::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-xmark::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-exclamation-circle::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-envelope::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-envelope-open::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-sort::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-sort-up::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-triangle-exclamation::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-sort-down::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-folder::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-search::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-download::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-upload::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-file::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-arrow-left::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-list::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-th::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-stream::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-sun::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-moon::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-sign-out-alt::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-history::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-timeline::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-file-excel::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-trash::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-home::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-folder-open::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-user::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-certificate::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-building::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-users::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
.fa-circle-question::before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ""
}
body {
  padding-bottom: 70px!important;
  background-color: var(--page-bg);
  color: var(--text-primary);
  font-family: Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: .9rem;
  -webkit-transition: background-color .3s,color .3s;
  transition: background-color .3s,color .3s;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0
}
body .breadcrumb,
body .h4,
body .h5,
body h1,
body h2,
body h3 {
  font-size: 1.17rem;
  font-weight: 600
}
.content-wrapper--wide {
  max-width: 1240px
}
.page-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 0 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border-color)
}
.page-section-header h1 {
  margin: 0;
  color: var(--text-primary);
  font-weight: 600
}
.page-section-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem
}
.page-panel--muted {
  background-color: var(--table-head-foot-bg);
  border: 1px solid var(--table-border-color);
  -webkit-box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  box-shadow: 0 3px 9px -5px rgba(0,0,0,.2)
}
.honeypot-fields {
  position: absolute!important;
  left: -9999px!important;
  width: 1px!important;
  height: 1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  opacity: 0!important;
  pointer-events: none!important
}
.table-mapper {
  background-color: var(--table-head-foot-bg);
  padding: 4rem 0;
  width: 100%;
  border-collapse: collapse;
  border-radius: .5rem;
  -webkit-box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  box-shadow: 0 3px 9px -5px rgba(0,0,0,.2);
  overflow-x: hidden;
  overflow-y: hidden
}
.table-mapper .text-center {
  padding-left: 1rem
}
.table-mapper .st-table-scroller {
  scrollbar-width: thin;
  scrollbar-color: var(--content-bg);
  overflow-x: auto
}
.table-mapper::-webkit-scrollbar {
  height: 8px;
  width: 8px
}
.table-mapper::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-bg);
  border-radius: .5rem
}
.table-mapper::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border-radius: .5rem;
  -webkit-transition: background-color .2s;
  transition: background-color .2s
}
.table-mapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-hover)
}
.table-mapper table {
  table-layout: fixed;
  border-collapse: collapse;
  caption-side: bottom;
  border-width: 0 1px;
  color: var(--color-table-header);
  width: auto
}
.table-mapper table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.table-mapper table tbody,
.table-mapper table td,
.table-mapper table tfoot,
.table-mapper table th,
.table-mapper table thead,
.table-mapper table tr {
  border: 0 solid;
  border-color: inherit
}
.table-mapper table thead th {
  background-color: var(--page-bg);
  font-weight: 600;
  padding: .55rem;
  text-align: left;
  border-bottom: 2px solid var(--border-color)
}
.table-mapper table thead th:not(:last-child) {
  border-right: 1px solid var(--table-border-color)
}
.table-mapper table tbody tr {
  -webkit-transition: background-image .2s;
  transition: background-image .2s;
  background-color: var(--page-bg);
  background-image: none;
  height: 2.1rem
}
.table-mapper table tbody tr:hover {
  background-image: linear-gradient(var(--table-row-hover-bg),var(--table-row-hover-bg))
}
.table-mapper table tbody tr:nth-child(even) {
  background-color: rgba(var(--border-color-rgb),.1)
}
.table-mapper table tbody tr td {
  padding: .55rem;
  border-bottom: 1px solid var(--table-border-color);
  color: var(--text-secondary)
}
.table-mapper table tbody tr td:not(:last-child) {
  border-right: 1px solid var(--table-border-color)
}
.table-mapper table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .5rem
}
.table-mapper table tbody tr:last-child td:last-child {
  border-bottom-right-radius: .5rem
}
@media(min-width:768px) {
  .table-mapper table {
    width: 100%
  }
}
.card {
  background-color: var(--card-bg-color);
  border-radius: var(--border-radius,.75rem);
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.card .card-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border-color)
}
.card .card-body {
  padding: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0
}
.card .table-mapper {
  padding: 0;
  background-color: var(--table-head-foot-bg);
  border: 1px solid var(--table-border-color);
  -webkit-box-shadow: 0 7px 14px -9px rgba(0,0,0,.4);
  box-shadow: 0 7px 14px -9px rgba(0,0,0,.4)
}
.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: .5rem;
  color: var(--text-secondary);
  font-size: .9rem;
  color: var(--text-primary)
}
.form-group input[type=email],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=text],
.form-group select,
.form-group textarea {
  width: 100%;
  padding: .7rem 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
  border-radius: .75rem;
  background: var(--input-bg);
  color: var(--text-primary);
  -webkit-box-shadow: var(--shadow-lg);
  box-shadow: var(--shadow-lg)
}
.form-group input[type=email]:focus,
.form-group input[type=number]:focus,
.form-group input[type=password]:focus,
.form-group input[type=tel]:focus,
.form-group input[type=text]:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: 0;
  -webkit-box-shadow: var(--shadow-sm),0 0 0 3px var(--accent-focus-shadow);
  box-shadow: var(--shadow-sm),0 0 0 3px var(--accent-focus-shadow)
}
.form-group select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px,5px 5px;
  background-repeat: no-repeat;
  -webkit-transition: .3s;
  transition: .3s
}
.form-group select:hover {
  background-position: calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px);
  cursor: pointer
}
.form-group textarea {
  min-height: 100px;
  resize: vertical
}
.form-group input[type=number]::-webkit-inner-spin-button,
.form-group input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  cursor: pointer
}
[data-theme=dark] .form-group input[type=number] {
  color-scheme: dark
}
body.password-reset-page {
  background-color: var(--page-bg);
  color: var(--text-primary)
}
.password-reset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 1rem;
  min-height: calc(100vh - 160px)
}
.password-reset-wrapper .row-collector label {
  display: inline
}
.password-reset-container {
  width: 100%;
  max-width: 800px;
  background-color: var(--content-bg);
  border-radius: .75rem;
  -webkit-box-shadow: var(--shadow-lg);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border-color)
}
.password-reset-content {
  padding: 3rem
}
@media(max-width:819.98px) {
  .password-reset-container {
    margin: 1rem;
    border-radius: .5rem;
    max-width: none
  }
  .password-reset-content {
    padding: 2rem
  }
}
.form-header {
  text-align: center;
  margin-bottom: 2.5rem
}
.form-header .form-title {
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem
}
.form-header .form-description {
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0
}
.form-header .form-description.error-description {
  color: #c62828;
  font-weight: 500
}
.form-content {
  margin-bottom: 2rem
}
.form-group {
  margin-bottom: 1.5rem
}
.form-group input[type=email],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=text] {
  width: 100%;
  padding: .75rem;
  border: 2px solid transparent;
  border-radius: .75rem;
  background: var(--input-bg);
  color: var(--text-primary);
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm);
  -webkit-transition: .3s cubic-bezier(.4,0,.2,1);
  transition: .3s cubic-bezier(.4,0,.2,1)
}
.form-group input[type=email]:hover:not(:focus),
.form-group input[type=number]:hover:not(:focus),
.form-group input[type=password]:hover:not(:focus),
.form-group input[type=text]:hover:not(:focus) {
  background: var(--element-hover-bg)
}
.form-group input[type=email]:focus,
.form-group input[type=number]:focus,
.form-group input[type=password]:focus,
.form-group input[type=text]:focus {
  outline: 0;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  border-color: var(--accent);
  -webkit-box-shadow: var(--shadow-lg),0 0 0 3px var(--accent-focus-shadow);
  box-shadow: var(--shadow-lg),0 0 0 3px var(--accent-focus-shadow)
}
.form-group input[type=email]:invalid,
.form-group input[type=number]:invalid,
.form-group input[type=password]:invalid,
.form-group input[type=text]:invalid {
  border-color: #c62828
}
.form-group input[type=email].has-error,
.form-group input[type=number].has-error,
.form-group input[type=password].has-error,
.form-group input[type=text].has-error {
  border-color: #c62828;
  background-color: hsl(0,66.3865546218%,91.6666666667%)
}
.form-group input[type=email].has-success,
.form-group input[type=number].has-success,
.form-group input[type=password].has-success,
.form-group input[type=text].has-success {
  border-color: #2e7d32;
  background-color: rgb(174.9561403509,225.5438596491,177.5175438596)
}
.form-group .field-help {
  display: block;
  color: var(--text-secondary);
  margin-top: .25rem;
  line-height: 1.4
}
.form-group .required-indicator {
  color: #c62828;
  font-weight: 700
}
.form-mode-selector {
  margin-bottom: 2rem
}
.form-mode-selector .mode-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem
}
@media(max-width:575.98px) {
  .password-reset-content {
    padding: 1.5rem
  }
  .form-mode-selector .mode-options {
    grid-template-columns: 1fr
  }
}
.form-mode-selector .mode-option {
  position: relative;
  display: block;
  padding: 1.5rem;
  border: 2px solid var(--border-color);
  border-radius: .5rem;
  background-color: var(--content-bg);
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s
}
.form-mode-selector .mode-option input[type=radio] {
  position: absolute;
  top: .75rem;
  right: .75rem;
  margin: 0
}
.form-mode-selector .mode-option .mode-title {
  display: block;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: .25rem
}
.form-mode-selector .mode-option .mode-description {
  display: block;
  color: var(--text-secondary);
  line-height: 1.4
}
.form-mode-selector .mode-option:has(input[type=radio]:checked) {
  border-color: var(--accent);
  background-color: rgb(181.8,224.5,255)
}
.form-mode-selector .mode-option:has(input[type=radio]:checked) .mode-title {
  color: var(--accent)
}
.form-mode {
  -webkit-transition: .3s;
  transition: .3s
}
.form-mode.hidden {
  display: none!important
}
.account-info {
  background-color: #f0f4f7;
  border: 1px solid var(--border-color);
  border-radius: .5rem;
  padding: 1.5rem;
  margin-bottom: 2rem
}
.account-info h3 {
  color: var(--text-primary);
  margin-bottom: 1rem
}
.account-info .info-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: .5rem
}
@media(min-width:576px) {
  .account-info .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 1rem
  }
}
.account-info .info-item {
  color: var(--text-secondary)
}
.account-info .info-item strong {
  color: var(--text-primary);
  font-weight: 600
}
.password-strength {
  margin: .75rem 0
}
.password-strength .strength-bar {
  height: 6px;
  background-color: #e9ecef;
  border-radius: .25rem;
  overflow: hidden;
  margin-bottom: .5rem
}
[data-theme=dark] .password-strength .strength-bar {
  background-color: #495057
}
.password-strength .strength-progress {
  height: 100%;
  width: 0%;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: .25rem
}
.password-strength .strength-progress.strength-none {
  background-color: #e9ecef;
  width: 0%
}
.password-strength .strength-progress.strength-very-weak {
  background-color: #c62828;
  width: 20%
}
.password-strength .strength-progress.strength-weak {
  background-color: rgb(194,98.187755102,0);
  width: 40%
}
.password-strength .strength-progress.strength-medium {
  background-color: #f57c00;
  width: 60%
}
.password-strength .strength-progress.strength-strong {
  background-color: #0070c0;
  width: 80%
}
.password-strength .strength-progress.strength-very-strong {
  background-color: #2e7d32;
  width: 100%
}
.password-strength .strength-text,
.password-strength .strength-text.strength-none {
  color: var(--text-secondary)
}
.password-strength .strength-text.strength-very-weak {
  color: #c62828
}
.password-strength .strength-text.strength-weak {
  color: rgb(194,98.187755102,0)
}
.password-strength .strength-text.strength-medium {
  color: #f57c00
}
.password-strength .strength-text.strength-strong {
  color: #0070c0
}
.password-strength .strength-text.strength-very-strong {
  color: #2e7d32
}
.support-notice {
  background-color: rgb(166.5,218.125,255);
  border: 1px solid #0070c0;
  border-radius: .5rem;
  padding: 1.5rem;
  margin: 2rem 0
}
.support-notice h3 {
  color: #0070c0;
  margin-bottom: 1rem
}
.support-notice p {
  margin-bottom: .75rem;
  color: var(--text-secondary);
  line-height: 1.5
}
.support-notice p:last-child {
  margin-bottom: 0
}
.support-notice p strong {
  color: var(--text-primary);
  font-weight: 600
}
.security-notice {
  background-color: rgb(255,237.4673469388,219.5);
  border: 1px solid #f57c00;
  border-radius: .5rem;
  padding: 1.5rem;
  margin: 2rem 0
}
.security-notice h3 {
  color: #f57c00;
  margin-bottom: 1rem
}
.security-notice ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.security-notice ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: .5rem;
  color: var(--text-secondary);
  line-height: 1.5
}
.security-notice ul li::before {
  content: "🔒";
  position: absolute;
  left: 0;
  top: 0
}
.security-notice ul li:last-child {
  margin-bottom: 0
}
.error-content {
  text-align: center
}
.error-content .error-details {
  background-color: hsl(0,66.3865546218%,91.6666666667%);
  border: 1px solid #c62828;
  border-radius: .5rem;
  padding: 1.5rem;
  margin: 2rem 0;
  text-align: left
}
.error-content .error-details h3 {
  color: #c62828;
  margin-bottom: 1rem
}
.error-content .error-details ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0
}
.error-content .error-details ul li {
  margin-bottom: .5rem;
  color: var(--text-secondary);
  line-height: 1.5
}
.error-content .error-details ul li:last-child {
  margin-bottom: 0
}
.error-content .error-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media(min-width:576px) {
  .error-content .error-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color)
}
@media(min-width:576px) {
  .form-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.btn {
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  border-radius: .5rem;
  background-color: var(--button-primary-bg);
  color: var(--button-text);
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm)
}
.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(110deg,transparent 40%,var(--sheen-color) 50%,transparent 60%);
  background-size: 250% 100%;
  background-position: 150% 0;
  -webkit-transition: background-position 2.2s cubic-bezier(.23,1,.32,1);
  transition: background-position 2.2s cubic-bezier(.23,1,.32,1)
}
[data-theme=dark] .btn {
  border-width: 2px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 35%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 7%) 0,var(--button-primary-bg) 55%,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 10%) 100%);
  -webkit-box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm);
  box-shadow: inset 0 1px 0 color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 28%),inset 0 -2px 3px rgba(var(--border-color-rgb),.35),var(--shadow-sm)
}
[data-theme=light] .btn {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 45%);
  border-bottom-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 20%) 0,var(--button-primary-bg) 100%);
  -webkit-box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm);
  box-shadow: inset 0 1px 1px color-mix(in oklab,var(--page-bg),transparent 30%),var(--shadow-sm)
}
.btn:hover:not(:disabled) {
  background-color: var(--button-primary-bg-hover)
}
.btn:hover:not(:disabled)::before {
  background-position: -50% 0
}
[data-theme=dark] .btn:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--text-primary) 8%) 0,var(--button-primary-bg-hover) 55%,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 8%) 100%)
}
[data-theme=light] .btn:hover:not(:disabled) {
  background: linear-gradient(to bottom,color-mix(in oklab,var(--button-primary-bg-hover),var(--page-bg) 15%) 0,var(--button-primary-bg-hover) 100%)
}
.btn--small {
  font-size: .675rem!important;
  padding: .3rem .6rem!important
}
.btn:active:not(:disabled) {
  -webkit-box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  box-shadow: inset 0 2px 4px rgba(var(--text-primary-rgb),.15);
  background-color: var(--button-primary-bg)
}
[data-theme=dark] .btn:active:not(:disabled) {
  background: linear-gradient(to top,color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 12%) 0,var(--button-primary-bg) 60%,color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 6%) 100%);
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--page-bg) 45%)
}
[data-theme=light] .btn:active:not(:disabled) {
  border-color: color-mix(in oklab,var(--button-primary-bg),var(--text-primary) 65%);
  background: var(--button-primary-bg);
  -webkit-box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%);
  box-shadow: inset 0 1px 2px color-mix(in oklab,var(--text-primary),transparent 80%)
}
.btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 4px var(--accent-focus-shadow);
  box-shadow: 0 0 0 4px var(--accent-focus-shadow)
}
.btn:disabled {
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .6;
  cursor: not-allowed
}
.btn {
  padding: .75rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  min-width: 150px;
  text-align: center
}
.btn.btn-primary {
  background-color: var(--accent);
  color: #f7f7fc
}
.btn.btn-primary:hover {
  background-color: var(--accent-hover);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: var(--shadow-sm);
  box-shadow: var(--shadow-sm)
}
.btn.btn-primary:active {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.btn.btn-primary.loading {
  position: relative;
  color: transparent
}
.btn.btn-primary.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top: 2px solid #f7f7fc;
  border-radius: 50%;
  -webkit-animation: 1s linear infinite spin;
  animation: 1s linear infinite spin
}
.btn.btn-secondary {
  background-color: rgba(0,0,0,0);
  color: var(--text-secondary);
  border: 2px solid var(--border-color)
}
.btn.btn-secondary:hover {
  background-color: #f0f4f7;
  color: var(--text-primary);
  border-color: var(--accent)
}
.btn:disabled:hover {
  -webkit-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none
}
@media(max-width:819.98px) {
  .password-reset-wrapper {
    padding: 1rem
  }
  .form-footer .btn {
    width: 100%
  }
  .account-info .info-grid {
    grid-template-columns: 1fr
  }
}
@media(max-width:575.98px) {
  .error-details,
  .security-notice,
  .support-notice {
    padding: 1rem
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: translate(-50%,-50%) rotate(0);
    transform: translate(-50%,-50%) rotate(0)
  }
  100% {
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
    transform: translate(-50%,-50%) rotate(360deg)
  }
}
.password-reset-content {
  -webkit-animation: .6s ease-out fadeInUp;
  animation: .6s ease-out fadeInUp
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
[data-theme=dark] .account-info {
  background-color: #1e1e1e;
  border-color: #495057
}
[data-theme=dark] .support-notice {
  background-color: rgb(0,7.875,13.5);
  border-color: #0070c0
}
[data-theme=dark] .security-notice {
  background-color: rgb(66.5,33.6571428571,0);
  border-color: #f57c00
}
[data-theme=dark] .error-details {
  background-color: rgb(49.5,10,10);
  border-color: #c62828
}
[data-theme=dark] .form-divider .divider-text {
  background-color: #1e1e1e
}