@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Syne:wght@600;700;800&display=swap"; /*!
* Bootstrap  v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif:
    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
    "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer:before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem;
  color: var(
    --bs-table-color-state,
    var(--bs-table-color-type, var(--bs-table-color))
  );
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px
    var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image:
    var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme="dark"]
  .form-switch
  .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 0.25rem #0d6efd40;
}
.form-range:focus::-moz-range-thumb {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 0.25rem #0d6efd40;
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition:
    opacity 0.1s ease-in-out,
    transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translate(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translate(0.15rem);
}
.form-floating > textarea:focus ~ label:after,
.form-floating > textarea:not(:placeholder-shown) ~ label:after {
  position: absolute;
  top: 1rem;
  right: 0.375rem;
  bottom: 1rem;
  left: 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label:after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-control,
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-select,
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-control,
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-select,
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position:
    right 0.75rem center,
    center right 2.25rem;
  background-size:
    16px 12px,
    calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position:
    right 0.75rem center,
    center right 2.25rem;
  background-size:
    16px 12px,
    calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-toggle:after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle:after {
  display: none;
}
.dropstart .dropdown-toggle:before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y)
    var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n + 3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem #0d6efd40;
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
    var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color)
    var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid
    var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  );
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header,
  .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer,
  .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header,
  .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer,
  .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  );
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button:after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush
  > .accordion-item
  > .accordion-header
  .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y)
    var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid
    var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme="light"] {
  --bs-btn-close-filter: ;
}
[data-bs-theme="dark"] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid
    var(--bs-toast-header-border-color);
  border-top-left-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
  border-top-right-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - (var(--bs-border-width))
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height)
    calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
    var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
    calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow:after,
.popover .popover-arrow:before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(
    -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:after,
.bs-popover-top > .popover-arrow:before {
  border-width: var(--bs-popover-arrow-height)
    calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-top > .popover-arrow:after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(
    -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:after,
.bs-popover-end > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-end > .popover-arrow:after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(
    -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
    var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(
    -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:after,
.bs-popover-start > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
    calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-start > .popover-arrow:after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner:after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translate(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translate(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme="light"] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme="dark"] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translate(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translate(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translate(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn:before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(
    130deg,
    #000 55%,
    rgba(0, 0, 0, 0.8) 75%,
    #000 95%
  );
  mask-image: linear-gradient(130deg, #000 55%, #000c, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    10,
    88,
    202,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    10,
    88,
    202,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    86,
    94,
    100,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    86,
    94,
    100,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    20,
    108,
    67,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    20,
    108,
    67,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    61,
    213,
    243,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    61,
    213,
    243,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    255,
    205,
    57,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    255,
    205,
    57,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    176,
    42,
    55,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    176,
    42,
    55,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    249,
    250,
    251,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    249,
    250,
    251,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    26,
    30,
    33,
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    26,
    30,
    33,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis {
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 1)
  ) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 0.75)
  ) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 0.75)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 0.75)
  ) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
    var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
    var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-opacity, 0.5)
  );
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-opacity, 0.5)
  );
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(
    var(--bs-success-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(
    var(--bs-light-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translate(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-success-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10,
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25,
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50,
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75,
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100,
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1,
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2,
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3,
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:root {
  font-family:
    Inter var,
    sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family: "Inter var", sans-serif;
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --surface-a: #ffffff;
  --surface-b: #f9fafb;
  --surface-c: #f3f4f6;
  --surface-d: #e5e7eb;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #4b5563;
  --text-color-secondary: #6b7280;
  --primary-color: #6366f1;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f9fafb;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dfe7ef;
  --surface-hover: #f6f9fc;
  --focus-ring: 0 0 0 0.2rem #c7d2fe;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #eef2ff;
  --highlight-text-color: #4338ca;
  color-scheme: light;
}
@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url(/assets/InterVariable-CWi-zmRD.woff2) format("woff2");
}
@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url(/assets/InterVariable-Italic-d6KXgdvN.woff2) format("woff2");
}
:root {
  --blue-50: #f5f9ff;
  --blue-100: #d0e1fd;
  --blue-200: #abc9fb;
  --blue-300: #85b2f9;
  --blue-400: #609af8;
  --blue-500: #3b82f6;
  --blue-600: #326fd1;
  --blue-700: #295bac;
  --blue-800: #204887;
  --blue-900: #183462;
  --green-50: #f4fcf7;
  --green-100: #caf1d8;
  --green-200: #a0e6ba;
  --green-300: #76db9b;
  --green-400: #4cd07d;
  --green-500: #22c55e;
  --green-600: #1da750;
  --green-700: #188a42;
  --green-800: #136c34;
  --green-900: #0e4f26;
  --yellow-50: #fefbf3;
  --yellow-100: #faedc4;
  --yellow-200: #f6de95;
  --yellow-300: #f2d066;
  --yellow-400: #eec137;
  --yellow-500: #eab308;
  --yellow-600: #c79807;
  --yellow-700: #a47d06;
  --yellow-800: #816204;
  --yellow-900: #5e4803;
  --cyan-50: #f3fbfd;
  --cyan-100: #c3edf5;
  --cyan-200: #94e0ed;
  --cyan-300: #65d2e4;
  --cyan-400: #35c4dc;
  --cyan-500: #06b6d4;
  --cyan-600: #059bb4;
  --cyan-700: #047f94;
  --cyan-800: #036475;
  --cyan-900: #024955;
  --pink-50: #fef6fa;
  --pink-100: #fad3e7;
  --pink-200: #f7b0d3;
  --pink-300: #f38ec0;
  --pink-400: #f06bac;
  --pink-500: #ec4899;
  --pink-600: #c93d82;
  --pink-700: #a5326b;
  --pink-800: #822854;
  --pink-900: #5e1d3d;
  --indigo-50: #f7f7fe;
  --indigo-100: #dadafc;
  --indigo-200: #bcbdf9;
  --indigo-300: #9ea0f6;
  --indigo-400: #8183f4;
  --indigo-500: #6366f1;
  --indigo-600: #5457cd;
  --indigo-700: #4547a9;
  --indigo-800: #363885;
  --indigo-900: #282960;
  --teal-50: #f3fbfb;
  --teal-100: #c7eeea;
  --teal-200: #9ae0d9;
  --teal-300: #6dd3c8;
  --teal-400: #41c5b7;
  --teal-500: #14b8a6;
  --teal-600: #119c8d;
  --teal-700: #0e8174;
  --teal-800: #0b655b;
  --teal-900: #084a42;
  --orange-50: #fff8f3;
  --orange-100: #feddc7;
  --orange-200: #fcc39b;
  --orange-300: #fba86f;
  --orange-400: #fa8e42;
  --orange-500: #f97316;
  --orange-600: #d46213;
  --orange-700: #ae510f;
  --orange-800: #893f0c;
  --orange-900: #642e09;
  --bluegray-50: #f7f8f9;
  --bluegray-100: #dadee3;
  --bluegray-200: #bcc3cd;
  --bluegray-300: #9fa9b7;
  --bluegray-400: #818ea1;
  --bluegray-500: #64748b;
  --bluegray-600: #556376;
  --bluegray-700: #465161;
  --bluegray-800: #37404c;
  --bluegray-900: #282e38;
  --purple-50: #fbf7ff;
  --purple-100: #ead6fd;
  --purple-200: #dab6fc;
  --purple-300: #c996fa;
  --purple-400: #b975f9;
  --purple-500: #a855f7;
  --purple-600: #8f48d2;
  --purple-700: #763cad;
  --purple-800: #5c2f88;
  --purple-900: #432263;
  --red-50: #fff5f5;
  --red-100: #ffd0ce;
  --red-200: #ffaca7;
  --red-300: #ff8780;
  --red-400: #ff6259;
  --red-500: #ff3d32;
  --red-600: #d9342b;
  --red-700: #b32b23;
  --red-800: #8c221c;
  --red-900: #661814;
  --primary-50: #f7f7fe;
  --primary-100: #dadafc;
  --primary-200: #bcbdf9;
  --primary-300: #9ea0f6;
  --primary-400: #8183f4;
  --primary-500: #6366f1;
  --primary-600: #5457cd;
  --primary-700: #4547a9;
  --primary-800: #363885;
  --primary-900: #282960;
}
.p-editor-container .p-editor-toolbar {
  background: #f9fafb;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6b7280;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover {
  color: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-fill {
  fill: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label {
  color: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-fill {
  fill: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options {
  background: #fff;
  border: 0 none;
  box-shadow: 0 2px 12px #0000001a;
  border-radius: 6px;
  padding: 0.75rem 0;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item {
  color: #4b5563;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item:hover {
  color: #4b5563;
  background: #f3f4f6;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded:not(.ql-icon-picker)
  .ql-picker-item {
  padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #fff;
  color: #4b5563;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label.ql-active
  .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item.ql-selected
  .ql-picker-label {
  color: #6366f1;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: 400;
  }
  .p-component-overlay {
    background-color: #0006;
    transition-duration: 0.2s;
  }
  .p-disabled,
  .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #e24c4c;
  }
  .p-text-secondary {
    color: #6b7280;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 0.15s forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 0.15s forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    0% {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    0% {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-autocomplete
    .p-autocomplete-multiple-container
    .p-autocomplete-input-token {
    padding: 0.375rem 0;
  }
  .p-autocomplete
    .p-autocomplete-multiple-container
    .p-autocomplete-input-token
    input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 6px;
  }
  .p-autocomplete
    .p-autocomplete-multiple-container
    .p-autocomplete-token
    .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-autocomplete-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #fff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #fff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #4b5563;
    background: #fff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #4b5563;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker
    .p-datepicker-header
    .p-datepicker-title
    .p-datepicker-year:enabled:hover,
  .p-datepicker
    .p-datepicker-header
    .p-datepicker-title
    .p-datepicker-month:enabled:hover {
    color: #6366f1;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #d1d5db;
    color: #4b5563;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #e5e7eb;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #e5e7eb;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled)
    table
    td
    span:not(.p-highlight):not(.p-disabled):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled)
    table
    td
    span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled)
    .p-monthpicker
    .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled)
    .p-monthpicker
    .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled)
    .p-yearpicker
    .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled)
    .p-yearpicker
    .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #fff;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #fff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.75rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-cascadeselect-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item
    .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
  }
  .p-cascadeselect-panel
    .p-cascadeselect-items
    .p-cascadeselect-item
    .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #d1d5db;
    border-radius: 6px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #fff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #fff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
    .p-checkbox-box {
    border-color: #4338ca;
    background: #4338ca;
    color: #fff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible)
    .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #e24c4c;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover)
    .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(
      .p-checkbox-input:hover
    ).p-highlight
    .p-checkbox-box {
    background: #4338ca;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-input-filled
    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover)
    .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled
    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
    .p-checkbox-box {
    background: #4338ca;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(
      .p-checkbox-input:hover
    )
    .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(
      .p-checkbox-input:hover
    ).p-highlight
    .p-checkbox-box {
    background: #4338ca;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #6366f1;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.375rem 0.75rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #e5e7eb;
    color: #4b5563;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #fff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .p-dropdown {
    background: #fff;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-dropdown.p-variant-filled {
    background: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #fff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.75rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6b7280;
  }
  .p-dropdown .p-dropdown-label:focus,
  .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-dropdown-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.75rem;
    margin-right: -1.75rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-dropdown-panel
    .p-dropdown-items
    .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #f3f4f6;
    color: #6b7280;
    border-top: 1px solid #d1d5db;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    padding: 0.75rem;
    min-width: 3rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #d1d5db;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 30px;
    outline-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #fff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #6366f1;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #fff;
    transform: translate(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover)
    .p-inputswitch-slider {
    background: #b7bcc5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight
    .p-inputswitch-slider {
    background: #4f46e5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible)
    .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #e24c4c;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    background: #fff;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #6366f1;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #fff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem;
  }
  .p-float-label > label {
    left: 0.75rem;
    color: #6b7280;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #e24c4c;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2.5rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2.5rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2.5rem;
  }
  ::-webkit-input-placeholder {
    color: #6b7280;
  }
  :-moz-placeholder {
    color: #6b7280;
  }
  ::-moz-placeholder {
    color: #6b7280;
  }
  :-ms-input-placeholder {
    color: #6b7280;
  }
  .p-input-filled .p-inputtext {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #fff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.65625rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.9375rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.75rem;
    color: #6b7280;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2.5rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #fff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.75rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-listbox .p-listbox-list {
    padding: 0.75rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-listbox:not(.p-disabled)
    .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled)
    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled)
    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-listbox.p-invalid {
    border-color: #e24c4c;
  }
  .p-mention-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-mention-panel .p-mention-items {
    padding: 0.75rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .p-multiselect {
    background: #fff;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-multiselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #fff;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.75rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip
    .p-multiselect-token
    .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-multiselect-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-multiselect-panel
    .p-multiselect-header
    .p-multiselect-filter-container
    .p-inputtext {
    padding-right: 1.75rem;
  }
  .p-multiselect-panel
    .p-multiselect-header
    .p-multiselect-filter-container
    .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect-panel
    .p-multiselect-header
    .p-multiselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-multiselect-panel
    .p-multiselect-header
    .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect-panel
    .p-multiselect-items
    .p-multiselect-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-multiselect-panel
    .p-multiselect-items
    .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-password.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-password-panel {
    padding: 1.25rem;
    background: #fff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #e5e7eb;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #ea5455;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ff9f42;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
  }
  .p-radiobutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 22px;
    height: 22px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #d1d5db;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #d1d5db;
    background: #fff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #fff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
    .p-radiobutton-box {
    border-color: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
    .p-radiobutton-box {
    border-color: #4338ca;
    background: #4338ca;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
    .p-radiobutton-box
    .p-radiobutton-icon {
    background-color: #fff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible)
    .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #e24c4c;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
      .p-radiobutton-input:hover
    )
    .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
      .p-radiobutton-input:hover
    ).p-highlight
    .p-radiobutton-box {
    background: #4338ca;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-input-filled
    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
    .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled
    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
    .p-radiobutton-box {
    background: #4338ca;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #4b5563;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly)
    .p-rating-item:hover
    .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly)
    .p-rating-item:hover
    .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }
  .p-selectbutton .p-button {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-selectbutton
    .p-button:not(.p-disabled):not(.p-highlight):hover
    .p-button-icon-left,
  .p-selectbutton
    .p-button:not(.p-disabled):not(.p-highlight):hover
    .p-button-icon-right {
    color: #374151;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #6366f1;
    border-color: #6366f1;
    color: #fff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #fff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #fff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-slider {
    background: #e5e7eb;
    border: 0 none;
    border-radius: 6px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #fff;
    border: 2px solid #6366f1;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-slider .p-slider-range {
    background: #6366f1;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #6366f1;
    border-color: #6366f1;
  }
  .p-treeselect {
    background: #fff;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.75rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #fff;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.75rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-treeselect-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel
    .p-treeselect-header
    .p-treeselect-filter-container
    .p-treeselect-filter {
    padding-right: 1.75rem;
  }
  .p-treeselect-panel
    .p-treeselect-header
    .p-treeselect-filter-container
    .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-treeselect-panel
    .p-treeselect-header
    .p-treeselect-filter-container.p-treeselect-clearable-filter
    .p-treeselect-filter {
    padding-right: 3.5rem;
  }
  .p-treeselect-panel
    .p-treeselect-header
    .p-treeselect-filter-container.p-treeselect-clearable-filter
    .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #fff;
  }
  .p-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-togglebutton .p-button {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #6366f1;
    border-color: #6366f1;
    color: #fff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #fff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
      .p-highlight
    )
    .p-button {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
      .p-highlight
    )
    .p-button
    .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
      .p-highlight
    )
    .p-button
    .p-button-icon-right {
    color: #374151;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
    .p-button {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #fff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
    .p-button
    .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
    .p-button
    .p-button-icon-right {
    color: #fff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible)
    .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-button {
    color: #fff;
    background: #6366f1;
    border: 1px solid #6366f1;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-button:not(:disabled):hover {
    background: #4f46e5;
    color: #fff;
    border-color: #4f46e5;
  }
  .p-button:not(:disabled):active {
    background: #4338ca;
    color: #fff;
    border-color: #4338ca;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: #6366f10a;
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: #6366f129;
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: #6366f10a;
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: #6366f129;
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #6366f1;
    background-color: #fff;
  }
  .p-button.p-button-raised {
    box-shadow:
      0 3px 1px -2px #0003,
      0 2px 2px #00000024,
      0 1px 5px #0000001f;
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom
    .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.p-button-secondary > .p-button,
  .p-splitbutton.p-button-secondary > .p-button,
  .p-fileupload-choose.p-button-secondary {
    color: #fff;
    background: #64748b;
    border: 1px solid #64748b;
  }
  .p-button.p-button-secondary:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #475569;
    color: #fff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #334155;
    color: #fff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-secondary
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not(
      :disabled
    ):hover {
    background: #64748b0a;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-outlined:not(
      :disabled
    ):active {
    background: #64748b29;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.p-button-secondary > .p-button.p-button-text,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text,
  .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-secondary
    > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary
    > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: #64748b0a;
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary
    > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary
    > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: #64748b29;
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-info,
  .p-button-group.p-button-info > .p-button,
  .p-splitbutton.p-button-info > .p-button,
  .p-fileupload-choose.p-button-info {
    color: #fff;
    background: #0ea5e9;
    border: 1px solid #0ea5e9;
  }
  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #0284c7;
    color: #fff;
    border-color: #0284c7;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bfdbfe;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #0369a1;
    color: #fff;
    border-color: #0369a1;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info > .p-button.p-button-outlined,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: #0ea5e90a;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: #0ea5e929;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info > .p-button.p-button-text,
  .p-splitbutton.p-button-info > .p-button.p-button-text,
  .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: #0ea5e90a;
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: #0ea5e929;
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-success,
  .p-button-group.p-button-success > .p-button,
  .p-splitbutton.p-button-success > .p-button,
  .p-fileupload-choose.p-button-success {
    color: #fff;
    background: #22c55e;
    border: 1px solid #22c55e;
  }
  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #16a34a;
    color: #fff;
    border-color: #16a34a;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #15803d;
    color: #fff;
    border-color: #15803d;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success > .p-button.p-button-outlined,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: #22c55e0a;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-outlined:not(
      :disabled
    ):active {
    background: #22c55e29;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success > .p-button.p-button-text,
  .p-splitbutton.p-button-success > .p-button.p-button-text,
  .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success
    > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success
    > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: #22c55e0a;
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success
    > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success
    > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: #22c55e29;
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-warning,
  .p-button-group.p-button-warning > .p-button,
  .p-splitbutton.p-button-warning > .p-button,
  .p-fileupload-choose.p-button-warning {
    color: #fff;
    background: #f97316;
    border: 1px solid #f97316;
  }
  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #ea580c;
    color: #fff;
    border-color: #ea580c;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde68a;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #c2410c;
    color: #fff;
    border-color: #c2410c;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning > .p-button.p-button-outlined,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: #f973160a;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-outlined:not(
      :disabled
    ):active {
    background: #f9731629;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning > .p-button.p-button-text,
  .p-splitbutton.p-button-warning > .p-button.p-button-text,
  .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning
    > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning
    > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: #f973160a;
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning
    > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning
    > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: #f9731629;
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-help,
  .p-button-group.p-button-help > .p-button,
  .p-splitbutton.p-button-help > .p-button,
  .p-fileupload-choose.p-button-help {
    color: #fff;
    background: #a855f7;
    border: 1px solid #a855f7;
  }
  .p-button.p-button-help:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #9333ea;
    color: #fff;
    border-color: #9333ea;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e9d5ff;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7e22ce;
    color: #fff;
    border-color: #7e22ce;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.p-button-help > .p-button.p-button-outlined,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-help
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: #a855f70a;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: #a855f729;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.p-button-help > .p-button.p-button-text,
  .p-splitbutton.p-button-help > .p-button.p-button-text,
  .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: #a855f70a;
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: #a855f729;
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-danger,
  .p-button-group.p-button-danger > .p-button,
  .p-splitbutton.p-button-danger > .p-button,
  .p-fileupload-choose.p-button-danger {
    color: #fff;
    background: #ef4444;
    border: 1px solid #ef4444;
  }
  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus,
  .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fecaca;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active,
  .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #b91c1c;
    color: #fff;
    border-color: #b91c1c;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger > .p-button.p-button-outlined,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined,
  .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: #ef44440a;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: #ef444429;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger > .p-button.p-button-text,
  .p-splitbutton.p-button-danger > .p-button.p-button-text,
  .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger
    > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: #ef44440a;
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger
    > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger
    > .p-button.p-button-text:not(:disabled):active,
  .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: #ef444429;
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-contrast,
  .p-button-group.p-button-contrast > .p-button,
  .p-splitbutton.p-button-contrast > .p-button {
    color: #fff;
    background: #1f2937;
    border: 1px solid #1f2937;
  }
  .p-button.p-button-contrast:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
    background: #374151;
    color: #fff;
    border-color: #374151;
  }
  .p-button.p-button-contrast:not(:disabled):focus,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-contrast:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
    background: #4b5563;
    color: #fff;
    border-color: #4b5563;
  }
  .p-button.p-button-contrast.p-button-outlined,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
    background-color: transparent;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-contrast
    > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-contrast
    > .p-button.p-button-outlined:not(:disabled):hover {
    background: #1f29370a;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-contrast
    > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-contrast
    > .p-button.p-button-outlined:not(:disabled):active {
    background: #1f293729;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-text,
  .p-button-group.p-button-contrast > .p-button.p-button-text,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text {
    background-color: transparent;
    color: #1f2937;
    border-color: transparent;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-contrast
    > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-contrast
    > .p-button.p-button-text:not(:disabled):hover {
    background: #1f29370a;
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
  .p-button-group.p-button-contrast
    > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-contrast
    > .p-button.p-button-text:not(:disabled):active {
    background: #1f293729;
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-link {
    color: #4338ca;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 6px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: #6366f10a;
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: #6366f129;
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain
    > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain
    > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: #6366f10a;
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: #6366f129;
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain
    > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-raised {
    box-shadow:
      0 3px 1px -2px #0003,
      0 2px 2px #00000024,
      0 1px 5px #0000001f;
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton
    .p-splitbutton.p-button-rounded
    > .p-splitbutton-menubutton.p-button,
  .p-splitbutton
    .p-splitbutton.p-button-outlined
    > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #64748b0a;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #64748b29;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text
    > .p-button:not(:disabled):hover {
    background: #64748b0a;
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text
    > .p-button:not(:disabled):active {
    background: #64748b29;
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #0ea5e90a;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #0ea5e929;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: #0ea5e90a;
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: #0ea5e929;
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #22c55e0a;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #22c55e29;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text
    > .p-button:not(:disabled):hover {
    background: #22c55e0a;
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text
    > .p-button:not(:disabled):active {
    background: #22c55e29;
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #f973160a;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #f9731629;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text
    > .p-button:not(:disabled):hover {
    background: #f973160a;
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text
    > .p-button:not(:disabled):active {
    background: #f9731629;
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #a855f70a;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #a855f729;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: #a855f70a;
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: #a855f729;
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined
    > .p-button:not(:disabled):hover {
    background: #ef44440a;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-outlined
    > .p-button:not(:disabled):active {
    background: #ef444429;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text
    > .p-button:not(:disabled):hover {
    background: #ef44440a;
    border-color: transparent;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text
    > .p-button:not(:disabled):active {
    background: #ef444429;
    border-color: transparent;
    color: #ef4444;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #4b5563;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #022354;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child,
  .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: #0006;
    border-radius: 6px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #d1d5db;
    width: 2rem;
    height: 0.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #9ca3af;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-paginator-top,
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-datatable
    .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-datatable
    .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover
    .p-sortable-column-icon {
    color: #374151;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable
    .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover
    .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #fff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 700;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px #eef2ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px #eef2ff;
  }
  .p-datatable.p-datatable-selectable
    .p-datatable-tbody
    > tr.p-selectable-row:not(.p-highlight):not(
      .p-datatable-emptymessage
    ):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable
    .p-datatable-tbody
    > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell
    .p-datatable-tbody
    > tr.p-selectable-row
    > td.p-selectable-cell:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable-cell
    .p-datatable-tbody
    > tr.p-selectable-row
    > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows
    .p-datatable-tbody
    > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f9fafb;
  }
  .p-datatable.p-datatable-scrollable
    > .p-datatable-wrapper
    > .p-datatable-table
    > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable
    > .p-datatable-wrapper
    > .p-datatable-table
    > .p-datatable-tfoot,
  .p-datatable.p-datatable-scrollable
    > .p-datatable-wrapper
    > .p-virtualscroller
    > .p-datatable-table
    > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable
    > .p-datatable-wrapper
    > .p-virtualscroller
    > .p-datatable-table
    > .p-datatable-tfoot {
    background-color: #f9fafb;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines
    .p-datatable-tbody
    > tr:last-child
    > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines
    .p-datatable-thead
    + .p-datatable-tfoot
    > tr
    > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines
    .p-datatable-thead
    + .p-datatable-tfoot
    > tr
    > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
      .p-datatable-tbody
    )
    .p-datatable-tbody
    > tr
    > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
      .p-datatable-tbody
    )
    .p-datatable-tbody
    > tr
    > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
      .p-datatable-tfoot
    )
    .p-datatable-tbody
    > tr:last-child
    > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
      .p-datatable-tfoot
    )
    .p-datatable-tbody
    > tr:last-child
    > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-striped
    .p-datatable-tbody
    > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped
    .p-datatable-tbody
    > tr.p-row-odd.p-highlight
    .p-row-toggler {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped
    .p-datatable-tbody
    > tr.p-row-odd.p-highlight
    .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped
    .p-datatable-tbody
    > tr.p-row-odd
    + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem;
  }
  .p-datatable-drag-selection-helper {
    background: #6366f129;
  }
  .p-dataview .p-paginator-top,
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-dataview .p-dataview-content {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top,
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-datascroller .p-datascroller-content {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e5e7eb;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open,
  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-overlay {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px #0000001a;
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.75rem 0;
  }
  .p-column-filter-overlay
    .p-column-filter-row-items
    .p-column-filter-row-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay
    .p-column-filter-row-items
    .p-column-filter-row-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-column-filter-overlay
    .p-column-filter-row-items
    .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-column-filter-overlay
    .p-column-filter-row-items
    .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-column-filter-overlay
    .p-column-filter-row-items
    .p-column-filter-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
  }
  .p-column-filter-overlay-menu
    .p-column-filter-constraint
    .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu
    .p-column-filter-constraint
    .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar,
  .p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-orderlist.p-orderlist-striped
    .p-orderlist-list
    .p-orderlist-item:nth-child(2n) {
    background: #f8f8fa;
  }
  .p-orderlist.p-orderlist-striped
    .p-orderlist-list
    .p-orderlist-item:nth-child(2n):hover {
    background: #f3f4f6;
  }
  .p-organizationchart
    .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
      .p-highlight
    ):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-organizationchart
    .p-organizationchart-node-content.p-highlight
    .p-node-toggler
    i {
    color: #6f91ff;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    padding: 1.25rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart
    .p-organizationchart-node-content
    .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-paginator {
    background: #fff;
    color: #6b7280;
    border: solid #f3f4f6;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #eef2ff;
    border-color: #eef2ff;
    color: #4338ca;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1.25rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: #6366f13d;
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    padding: 1.25rem;
    border-radius: 6px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content
    .p-tree-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content
    .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6b7280;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content
    .p-checkbox.p-indeterminate
    .p-checkbox-icon {
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-highlight
    .p-tree-toggler,
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-highlight
    .p-treenode-icon,
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-highlight
    .p-tree-toggler:hover,
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-highlight
    .p-treenode-icon:hover {
    color: #4338ca;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree
    .p-tree-container
    .p-treenode
    .p-treenode-content.p-treenode-dragover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.75rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #8ba7ff;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .p-treetable
    .p-treetable-thead
    > tr
    > th.p-align-left
    > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable
    .p-treetable-thead
    > tr
    > th.p-align-right
    > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable
    .p-treetable-thead
    > tr
    > th.p-align-center
    > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .p-treetable .p-paginator-top,
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-treetable .p-sortable-column {
    outline-color: #c7d2fe;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-treetable
    .p-sortable-column:not(.p-highlight):hover
    .p-sortable-column-icon {
    color: #374151;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #fff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable
    .p-treetable-tbody
    > tr
    > td
    .p-treetable-toggler
    + .p-checkbox
    .p-indeterminate
    .p-checkbox-icon {
    color: #4b5563;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-selectable
    .p-treetable-tbody
    > tr:not(.p-highlight):hover,
  .p-treetable.p-treetable-hoverable-rows
    .p-treetable-tbody
    > tr:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-treetable.p-treetable-selectable
    .p-treetable-tbody
    > tr:not(.p-highlight):hover
    .p-treetable-toggler,
  .p-treetable.p-treetable-hoverable-rows
    .p-treetable-tbody
    > tr:not(.p-highlight):hover
    .p-treetable-toggler {
    color: #4b5563;
  }
  .p-treetable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f9fafb;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-striped
    .p-treetable-tbody
    > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped
    .p-treetable-tbody
    > tr.p-row-odd.p-highlight
    .p-row-toggler {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped
    .p-treetable-tbody
    > tr.p-row-odd.p-highlight
    .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped
    .p-treetable-tbody
    > tr.p-row-odd
    + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #6366f1;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #e5e7eb;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-accordion
    .p-accordion-header
    .p-accordion-header-link
    .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion
    .p-accordion-header:not(.p-disabled)
    .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-accordion
    .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
    .p-accordion-header-link {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-accordion
    .p-accordion-header:not(.p-disabled).p-highlight
    .p-accordion-header-link {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion
    .p-accordion-header:not(.p-disabled).p-highlight:hover
    .p-accordion-header-link {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-accordion .p-accordion-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    border-top: 0;
    border-radius: 0 0 6px 6px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 4px;
  }
  .p-card {
    background: #fff;
    color: #4b5563;
    box-shadow:
      0 2px 1px -1px #0003,
      0 1px 1px #00000024,
      0 1px 3px #0000001f;
    border-radius: 6px;
  }
  .p-card .p-card-body {
    padding: 1.25rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6b7280;
  }
  .p-card .p-card-content {
    padding: 1.25rem 0;
  }
  .p-card .p-card-footer {
    padding: 1.25rem 0 0;
  }
  .p-fieldset {
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    border-radius: 6px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1.25rem;
    color: #374151;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1.25rem;
  }
  .p-divider .p-divider-content {
    background-color: #fff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #e5e7eb;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #e5e7eb;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-panel .p-panel-header {
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    background: #f9fafb;
    color: #374151;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
  }
  .p-panel .p-panel-footer {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    border-top: 0 none;
  }
  .p-splitter {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 6px;
    color: #4b5563;
  }
  .p-splitter .p-splitter-gutter {
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    background: #f9fafb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #e5e7eb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #e5e7eb;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #fff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    border-width: 2px;
    background: #fff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6b7280;
    font-weight: 700;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper
    .p-stepper-header
    .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #4b5563;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper .p-stepper-panels {
    background: #fff;
    padding: 1.25rem;
    color: #4b5563;
  }
  .p-stepper .p-stepper-separator {
    background-color: #e5e7eb;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #fff;
    color: #4b5563;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical
    .p-stepper-panel:has(~ .p-stepper-panel-active)
    .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper.p-stepper-vertical
    .p-stepper-panel:last-of-type
    .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f9fafb;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .p-tabview .p-tabview-nav {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #fff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px;
  }
  .p-tabview
    .p-tabview-nav
    li
    .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview
    .p-tabview-nav
    li:not(.p-highlight):not(.p-disabled):hover
    .p-tabview-nav-link {
    background: #fff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #fff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #fff;
    color: #6366f1;
    width: 3rem;
    box-shadow:
      0 3px 1px -2px #0003,
      0 2px 2px #00000024,
      0 1px 5px #0000001f;
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-panels {
    background: #fff;
    padding: 1.25rem;
    border: 0 none;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-toolbar {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    border-radius: 6px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px #0000004d;
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1.25rem 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: #fff0;
    border-bottom-color: #fff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: #fff0;
    border-bottom-color: #f2f2f2;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #fff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #fff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px #0000004d;
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #fff;
    color: #374151;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #fff;
    color: #4b5563;
    padding: 0 1.5rem 2rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #fff;
    color: #4b5563;
    padding: 0 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header,
  .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px #0000004d;
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #6366f1;
    color: #fff;
    width: 2rem;
    height: 2rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #4f46e5;
    color: #fff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: #fff0;
    border-bottom-color: #fff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: #fff0;
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #fff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #fff;
  }
  .p-sidebar {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 1px 3px #0000004d;
  }
  .p-sidebar .p-sidebar-header {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #4b5563;
    color: #fff;
    padding: 0.75rem;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #4b5563;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #4b5563;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #4b5563;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #4b5563;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f9fafb;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #fff;
    padding: 2rem 1rem;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem;
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6b7280;
  }
  .p-contextmenu {
    padding: 0.5rem 0;
    background: #fff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contextmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-contextmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-contextmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-contextmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-contextmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-contextmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-dock .p-dock-action {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top
    .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top
    .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom
    .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom
    .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left
    .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left
    .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right
    .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right
    .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-megamenu-panel {
    background: #fff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.5rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link.p-highlight
    > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link.p-highlight.p-focus
    > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem
    > .p-menuitem-link
    > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    > .p-menuitem.p-menuitem-active
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    .p-submenu-list
    .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active
    .p-megamenu-root-list
    .p-submenu-list
    .p-menuitem-active
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.5rem 0;
    background: #fff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-menu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu.p-menu-overlay {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #fff;
    font-weight: 700;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menubar
    .p-menubar-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menubar
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-menubar
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menubar
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-menubar
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile
    .p-menubar-root-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile
    .p-menubar-root-list
    .p-menuitem.p-menuitem-active
    > .p-menuitem-content
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile
    .p-menubar-root-list
    .p-submenu-list
    .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem-active
    > .p-menuitem-content
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile
    .p-menubar-root-list
    ul
    li
    ul
    li
    ul
    li
    ul
    li
    ul
    li
    a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6b7280;
      border-radius: 50%;
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6b7280;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #c7d2fe;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #fff;
      border: 0 none;
      box-shadow: 0 2px 12px #0000001a;
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #e5e7eb;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 0.875rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-menuitem-content {
      color: #4b5563;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-menuitem-content
      .p-menuitem-link {
      color: #4b5563;
      padding: 0.75rem 1.25rem;
      -webkit-user-select: none;
      user-select: none;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-icon {
      color: #6b7280;
      margin-right: 0.5rem;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-menuitem-content
      .p-menuitem-link
      .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link.p-highlight
      > .p-menuitem-content {
      color: #4338ca;
      background: #eef2ff;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link.p-highlight
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-text {
      color: #4338ca;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link.p-highlight
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-icon,
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link.p-highlight
      > .p-menuitem-content
      .p-menuitem-link
      .p-submenu-icon {
      color: #4338ca;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link.p-highlight.p-focus
      > .p-menuitem-content {
      background: #6366f13d;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
      > .p-menuitem-content {
      color: #4b5563;
      background: #e5e7eb;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
      > .p-menuitem-content
      .p-menuitem-link
      .p-menuitem-icon,
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
      > .p-menuitem-content
      .p-menuitem-link
      .p-submenu-icon {
      color: #4b5563;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
      > .p-menuitem-content:hover {
      color: #4b5563;
      background: #f3f4f6;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
      > .p-menuitem-content:hover
      .p-menuitem-link
      .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
      > .p-menuitem-content:hover
      .p-menuitem-link
      .p-menuitem-icon,
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link:not(.p-highlight):not(.p-disabled)
      > .p-menuitem-content:hover
      .p-menuitem-link
      .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem
      > .p-menuitem-link
      > .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar
      .p-menubar-root-list
      > .p-menuitem.p-menuitem-active
      > .p-menuitem-link
      > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar
      .p-menubar-root-list
      .p-submenu-list
      .p-menuitem-active
      > .p-menuitem-link
      > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu
    .p-panelmenu-header
    .p-panelmenu-header-content
    .p-panelmenu-header-link {
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
  }
  .p-panelmenu
    .p-panelmenu-header
    .p-panelmenu-header-content
    .p-panelmenu-header-link
    .p-submenu-icon,
  .p-panelmenu
    .p-panelmenu-header
    .p-panelmenu-header-content
    .p-panelmenu-header-link
    .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu
    .p-panelmenu-header:not(.p-disabled):focus-visible
    .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-panelmenu
    .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
    .p-panelmenu-header-content {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-panelmenu
    .p-panelmenu-header:not(.p-disabled).p-highlight
    .p-panelmenu-header-content {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu
    .p-panelmenu-header:not(.p-disabled).p-highlight:hover
    .p-panelmenu-header-content {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #4b5563;
    border-top: 0;
    border-radius: 0 0 6px 6px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem.p-highlight
    > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem.p-highlight.p-focus
    > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-panelmenu
    .p-panelmenu-content
    .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
  }
  .p-slidemenu {
    padding: 0.5rem 0;
    background: #fff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-slidemenu
    .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu
    .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-slidemenu
    .p-menuitem-link
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-slidemenu
    .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-slidemenu
    .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-slidemenu
    .p-menuitem-link.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-slidemenu
    .p-menuitem-link:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #eef2ff;
  }
  .p-slidemenu
    .p-slidemenu.p-slidemenu-active
    > .p-slidemenu-link
    .p-slidemenu-text {
    color: #4338ca;
  }
  .p-slidemenu
    .p-slidemenu.p-slidemenu-active
    > .p-slidemenu-link
    .p-slidemenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #fff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    background: #fff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6b7280;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #4b5563;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #e5e7eb;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #fff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px;
    height: calc(100% + 2px);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu
    .p-tabmenu-nav
    .p-tabmenuitem
    .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabmenu
    .p-tabmenu-nav
    .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
    .p-menuitem-link {
    background: #fff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #fff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #fff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tieredmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-tieredmenu
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-tieredmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4338ca;
  }
  .p-tieredmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-tieredmenu
    .p-menuitem.p-highlight
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4338ca;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #6366f13d;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-menuitem-icon,
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
    > .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    color: #4b5563;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
  .p-tieredmenu
    .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.75rem;
    margin: 0;
    border-radius: 6px;
  }
  .p-inline-message.p-inline-message-info {
    background: #dbeafeb3;
    border: solid #3b82f6;
    border-width: 0px;
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-success {
    background: #e4f8f0b3;
    border: solid #1ea97c;
    border-width: 0px;
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-warn {
    background: #fff2e2b3;
    border: solid #cc8925;
    border-width: 0px;
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffe7e6b3;
    border: solid #ff5757;
    border-width: 0px;
    color: #ff5757;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 6px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: #ffffff80;
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-message.p-message-info {
    background: #dbeafeb3;
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-icon,
  .p-message.p-message-info .p-message-close {
    color: #3b82f6;
  }
  .p-message.p-message-success {
    background: #e4f8f0b3;
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-icon,
  .p-message.p-message-success .p-message-close {
    color: #1ea97c;
  }
  .p-message.p-message-warn {
    background: #fff2e2b3;
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-icon,
  .p-message.p-message-warn .p-message-close {
    color: #cc8925;
  }
  .p-message.p-message-error {
    background: #ffe7e6b3;
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-icon,
  .p-message.p-message-error .p-message-close {
    color: #ff5757;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 1;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast
    .p-toast-message
    .p-toast-message-content
    .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: #ffffff80;
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #dbeafeb3;
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #e4f8f0b3;
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #fff2e2b3;
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffe7e6b3;
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: #ffffff1a;
    color: #f9fafb;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: #ffffff1a;
    color: #f9fafb;
  }
  .p-galleria .p-galleria-caption {
    background: #00000080;
    color: #f9fafb;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #d1d5db;
    width: 1rem;
    height: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #9ca3af;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: #00000080;
  }
  .p-galleria.p-galleria-indicator-onitem
    .p-galleria-indicators
    .p-galleria-indicator
    button {
    background: #fff6;
  }
  .p-galleria.p-galleria-indicator-onitem
    .p-galleria-indicators
    .p-galleria-indicator
    button:hover {
    background: #fff9;
  }
  .p-galleria.p-galleria-indicator-onitem
    .p-galleria-indicators
    .p-galleria-indicator.p-highlight
    button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: #000000e6;
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f9fafb;
    width: 2rem;
    height: 2rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: #ffffff1a;
    color: #f9fafb;
  }
  .p-galleria
    .p-galleria-thumbnail-container
    .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.2s;
  }
  .p-galleria
    .p-galleria-thumbnail-container
    .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-galleria-mask,
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: #00000080;
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: #ffffff1a;
  }
  .p-image-action.p-link span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
    padding: 0 0.75rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 6px;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 12px #0000001a;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: #000000b3;
  }
  .p-scrolltop.p-link:hover {
    background: #000c;
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f9fafb;
  }
  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, #fff0, #fff6, #fff0);
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.75rem;
    border-radius: 6px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #6366f1;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #6366f1;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical
    .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #6366f1;
  }
  .p-progressbar .p-progressbar-label {
    color: #fff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #fff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #6366f1;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #64748b;
    color: #fff;
  }
  .p-badge.p-badge-success {
    background-color: #22c55e;
    color: #fff;
  }
  .p-badge.p-badge-info {
    background-color: #0ea5e9;
    color: #fff;
  }
  .p-badge.p-badge-warning {
    background-color: #f97316;
    color: #fff;
  }
  .p-badge.p-badge-danger {
    background-color: #ef4444;
    color: #fff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-tag {
    background: #6366f1;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #fff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #fff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #fff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #fff;
  }
}
@layer primereact {
  .p-button-label {
    font-weight: 700;
  }
  .p-selectbutton > .p-button,
  .p-togglebutton.p-button {
    transition:
      background-color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link,
  .p-tabview .p-tabview-nav li .p-tabview-nav-link,
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    transition:
      background-color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button,
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #6366f1;
  }
  .p-button:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #b1b3f8,
      0 1px 2px #000;
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #b0b9c6,
      0 1px 2px #000;
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #88eaac,
      0 1px 2px #000;
  }
  .p-button.p-button-info:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #83d3f8,
      0 1px 2px #000;
  }
  .p-button.p-button-warning:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #fcb98b,
      0 1px 2px #000;
  }
  .p-button.p-button-help:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #d4aafb,
      0 1px 2px #000;
  }
  .p-button.p-button-danger:enabled:focus {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #f7a2a2,
      0 1px 2px #000;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px #6366f1;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px #6366f1;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    box-shadow:
      0 0 0 2px #fff,
      0 0 0 4px #b1b3f8,
      0 1px 2px #000;
  }
  .p-toast-message {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .p-inline-message-text {
    font-weight: 500;
  }
  .p-picklist-buttons .p-button,
  .p-orderlist-controls .p-button {
    transition:
      opacity 0.2s,
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number,
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #6366f1;
    color: #fff;
  }
}
@font-face {
  font-family: primeicons;
  font-display: block;
  src: url(/assets/primeicons-DMOk5skT.eot);
  src:
    url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),
    url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),
    url(/assets/primeicons-WjwUDZjB.woff) format("woff"),
    url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),
    url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");
  font-weight: 400;
  font-style: normal;
}
.pi {
  font-family: primeicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "";
}
.pi-receipt:before {
  content: "";
}
.pi-asterisk:before {
  content: "";
}
.pi-face-smile:before {
  content: "";
}
.pi-pinterest:before {
  content: "";
}
.pi-expand:before {
  content: "";
}
.pi-pen-to-square:before {
  content: "";
}
.pi-wave-pulse:before {
  content: "";
}
.pi-turkish-lira:before {
  content: "";
}
.pi-spinner-dotted:before {
  content: "";
}
.pi-crown:before {
  content: "";
}
.pi-pause-circle:before {
  content: "";
}
.pi-warehouse:before {
  content: "";
}
.pi-objects-column:before {
  content: "";
}
.pi-clipboard:before {
  content: "";
}
.pi-play-circle:before {
  content: "";
}
.pi-venus:before {
  content: "";
}
.pi-cart-minus:before {
  content: "";
}
.pi-file-plus:before {
  content: "";
}
.pi-microchip:before {
  content: "";
}
.pi-twitch:before {
  content: "";
}
.pi-building-columns:before {
  content: "";
}
.pi-file-check:before {
  content: "";
}
.pi-microchip-ai:before {
  content: "";
}
.pi-trophy:before {
  content: "";
}
.pi-barcode:before {
  content: "";
}
.pi-file-arrow-up:before {
  content: "";
}
.pi-mars:before {
  content: "";
}
.pi-tiktok:before {
  content: "";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "";
}
.pi-ethereum:before {
  content: "";
}
.pi-list-check:before {
  content: "";
}
.pi-thumbtack:before {
  content: "";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "";
}
.pi-equals:before {
  content: "";
}
.pi-lightbulb:before {
  content: "";
}
.pi-star-half:before {
  content: "";
}
.pi-address-book:before {
  content: "";
}
.pi-chart-scatter:before {
  content: "";
}
.pi-indian-rupee:before {
  content: "";
}
.pi-star-half-fill:before {
  content: "";
}
.pi-cart-arrow-down:before {
  content: "";
}
.pi-calendar-clock:before {
  content: "";
}
.pi-sort-up-fill:before {
  content: "";
}
.pi-sparkles:before {
  content: "";
}
.pi-bullseye:before {
  content: "";
}
.pi-sort-down-fill:before {
  content: "";
}
.pi-graduation-cap:before {
  content: "";
}
.pi-hammer:before {
  content: "";
}
.pi-bell-slash:before {
  content: "";
}
.pi-gauge:before {
  content: "";
}
.pi-shop:before {
  content: "";
}
.pi-headphones:before {
  content: "";
}
.pi-eraser:before {
  content: "";
}
.pi-stopwatch:before {
  content: "";
}
.pi-verified:before {
  content: "";
}
.pi-delete-left:before {
  content: "";
}
.pi-hourglass:before {
  content: "";
}
.pi-truck:before {
  content: "";
}
.pi-wrench:before {
  content: "";
}
.pi-microphone:before {
  content: "";
}
.pi-megaphone:before {
  content: "";
}
.pi-arrow-right-arrow-left:before {
  content: "";
}
.pi-bitcoin:before {
  content: "";
}
.pi-file-edit:before {
  content: "";
}
.pi-language:before {
  content: "";
}
.pi-file-export:before {
  content: "";
}
.pi-file-import:before {
  content: "";
}
.pi-file-word:before {
  content: "";
}
.pi-gift:before {
  content: "";
}
.pi-cart-plus:before {
  content: "";
}
.pi-thumbs-down-fill:before {
  content: "";
}
.pi-thumbs-up-fill:before {
  content: "";
}
.pi-arrows-alt:before {
  content: "";
}
.pi-calculator:before {
  content: "";
}
.pi-sort-alt-slash:before {
  content: "";
}
.pi-arrows-h:before {
  content: "";
}
.pi-arrows-v:before {
  content: "";
}
.pi-pound:before {
  content: "";
}
.pi-prime:before {
  content: "";
}
.pi-chart-pie:before {
  content: "";
}
.pi-reddit:before {
  content: "";
}
.pi-code:before {
  content: "";
}
.pi-sync:before {
  content: "";
}
.pi-shopping-bag:before {
  content: "";
}
.pi-server:before {
  content: "";
}
.pi-database:before {
  content: "";
}
.pi-hashtag:before {
  content: "";
}
.pi-bookmark-fill:before {
  content: "";
}
.pi-filter-fill:before {
  content: "";
}
.pi-heart-fill:before {
  content: "";
}
.pi-flag-fill:before {
  content: "";
}
.pi-circle:before {
  content: "";
}
.pi-circle-fill:before {
  content: "";
}
.pi-bolt:before {
  content: "";
}
.pi-history:before {
  content: "";
}
.pi-box:before {
  content: "";
}
.pi-at:before {
  content: "";
}
.pi-arrow-up-right:before {
  content: "";
}
.pi-arrow-up-left:before {
  content: "";
}
.pi-arrow-down-left:before {
  content: "";
}
.pi-arrow-down-right:before {
  content: "";
}
.pi-telegram:before {
  content: "";
}
.pi-stop-circle:before {
  content: "";
}
.pi-stop:before {
  content: "";
}
.pi-whatsapp:before {
  content: "";
}
.pi-building:before {
  content: "";
}
.pi-qrcode:before {
  content: "";
}
.pi-car:before {
  content: "";
}
.pi-instagram:before {
  content: "";
}
.pi-linkedin:before {
  content: "";
}
.pi-send:before {
  content: "";
}
.pi-slack:before {
  content: "";
}
.pi-sun:before {
  content: "";
}
.pi-moon:before {
  content: "";
}
.pi-vimeo:before {
  content: "";
}
.pi-youtube:before {
  content: "";
}
.pi-flag:before {
  content: "";
}
.pi-wallet:before {
  content: "";
}
.pi-map:before {
  content: "";
}
.pi-link:before {
  content: "";
}
.pi-credit-card:before {
  content: "";
}
.pi-discord:before {
  content: "";
}
.pi-percentage:before {
  content: "";
}
.pi-euro:before {
  content: "";
}
.pi-book:before {
  content: "";
}
.pi-shield:before {
  content: "";
}
.pi-paypal:before {
  content: "";
}
.pi-amazon:before {
  content: "";
}
.pi-phone:before {
  content: "";
}
.pi-filter-slash:before {
  content: "";
}
.pi-facebook:before {
  content: "";
}
.pi-github:before {
  content: "";
}
.pi-twitter:before {
  content: "";
}
.pi-step-backward-alt:before {
  content: "";
}
.pi-step-forward-alt:before {
  content: "";
}
.pi-forward:before {
  content: "";
}
.pi-backward:before {
  content: "";
}
.pi-fast-backward:before {
  content: "";
}
.pi-fast-forward:before {
  content: "";
}
.pi-pause:before {
  content: "";
}
.pi-play:before {
  content: "";
}
.pi-compass:before {
  content: "";
}
.pi-id-card:before {
  content: "";
}
.pi-ticket:before {
  content: "";
}
.pi-file-o:before {
  content: "";
}
.pi-reply:before {
  content: "";
}
.pi-directions-alt:before {
  content: "";
}
.pi-directions:before {
  content: "";
}
.pi-thumbs-up:before {
  content: "";
}
.pi-thumbs-down:before {
  content: "";
}
.pi-sort-numeric-down-alt:before {
  content: "";
}
.pi-sort-numeric-up-alt:before {
  content: "";
}
.pi-sort-alpha-down-alt:before {
  content: "";
}
.pi-sort-alpha-up-alt:before {
  content: "";
}
.pi-sort-numeric-down:before {
  content: "";
}
.pi-sort-numeric-up:before {
  content: "";
}
.pi-sort-alpha-down:before {
  content: "";
}
.pi-sort-alpha-up:before {
  content: "";
}
.pi-sort-alt:before {
  content: "";
}
.pi-sort-amount-up:before {
  content: "";
}
.pi-sort-amount-down:before {
  content: "";
}
.pi-sort-amount-down-alt:before {
  content: "";
}
.pi-sort-amount-up-alt:before {
  content: "";
}
.pi-palette:before {
  content: "";
}
.pi-undo:before {
  content: "";
}
.pi-desktop:before {
  content: "";
}
.pi-sliders-v:before {
  content: "";
}
.pi-sliders-h:before {
  content: "";
}
.pi-search-plus:before {
  content: "";
}
.pi-search-minus:before {
  content: "";
}
.pi-file-excel:before {
  content: "";
}
.pi-file-pdf:before {
  content: "";
}
.pi-check-square:before {
  content: "";
}
.pi-chart-line:before {
  content: "";
}
.pi-user-edit:before {
  content: "";
}
.pi-exclamation-circle:before {
  content: "";
}
.pi-android:before {
  content: "";
}
.pi-google:before {
  content: "";
}
.pi-apple:before {
  content: "";
}
.pi-microsoft:before {
  content: "";
}
.pi-heart:before {
  content: "";
}
.pi-mobile:before {
  content: "";
}
.pi-tablet:before {
  content: "";
}
.pi-key:before {
  content: "";
}
.pi-shopping-cart:before {
  content: "";
}
.pi-comments:before {
  content: "";
}
.pi-comment:before {
  content: "";
}
.pi-briefcase:before {
  content: "";
}
.pi-bell:before {
  content: "";
}
.pi-paperclip:before {
  content: "";
}
.pi-share-alt:before {
  content: "";
}
.pi-envelope:before {
  content: "";
}
.pi-volume-down:before {
  content: "";
}
.pi-volume-up:before {
  content: "";
}
.pi-volume-off:before {
  content: "";
}
.pi-eject:before {
  content: "";
}
.pi-money-bill:before {
  content: "";
}
.pi-images:before {
  content: "";
}
.pi-image:before {
  content: "";
}
.pi-sign-in:before {
  content: "";
}
.pi-sign-out:before {
  content: "";
}
.pi-wifi:before {
  content: "";
}
.pi-sitemap:before {
  content: "";
}
.pi-chart-bar:before {
  content: "";
}
.pi-camera:before {
  content: "";
}
.pi-dollar:before {
  content: "";
}
.pi-lock-open:before {
  content: "";
}
.pi-table:before {
  content: "";
}
.pi-map-marker:before {
  content: "";
}
.pi-list:before {
  content: "";
}
.pi-eye-slash:before {
  content: "";
}
.pi-eye:before {
  content: "";
}
.pi-folder-open:before {
  content: "";
}
.pi-folder:before {
  content: "";
}
.pi-video:before {
  content: "";
}
.pi-inbox:before {
  content: "";
}
.pi-lock:before {
  content: "";
}
.pi-unlock:before {
  content: "";
}
.pi-tags:before {
  content: "";
}
.pi-tag:before {
  content: "";
}
.pi-power-off:before {
  content: "";
}
.pi-save:before {
  content: "";
}
.pi-question-circle:before {
  content: "";
}
.pi-question:before {
  content: "";
}
.pi-copy:before {
  content: "";
}
.pi-file:before {
  content: "";
}
.pi-clone:before {
  content: "";
}
.pi-calendar-times:before {
  content: "";
}
.pi-calendar-minus:before {
  content: "";
}
.pi-calendar-plus:before {
  content: "";
}
.pi-ellipsis-v:before {
  content: "";
}
.pi-ellipsis-h:before {
  content: "";
}
.pi-bookmark:before {
  content: "";
}
.pi-globe:before {
  content: "";
}
.pi-replay:before {
  content: "";
}
.pi-filter:before {
  content: "";
}
.pi-print:before {
  content: "";
}
.pi-align-right:before {
  content: "";
}
.pi-align-left:before {
  content: "";
}
.pi-align-center:before {
  content: "";
}
.pi-align-justify:before {
  content: "";
}
.pi-cog:before {
  content: "";
}
.pi-cloud-download:before {
  content: "";
}
.pi-cloud-upload:before {
  content: "";
}
.pi-cloud:before {
  content: "";
}
.pi-pencil:before {
  content: "";
}
.pi-users:before {
  content: "";
}
.pi-clock:before {
  content: "";
}
.pi-user-minus:before {
  content: "";
}
.pi-user-plus:before {
  content: "";
}
.pi-trash:before {
  content: "";
}
.pi-external-link:before {
  content: "";
}
.pi-window-maximize:before {
  content: "";
}
.pi-window-minimize:before {
  content: "";
}
.pi-refresh:before {
  content: "";
}
.pi-user:before {
  content: "";
}
.pi-exclamation-triangle:before {
  content: "";
}
.pi-calendar:before {
  content: "";
}
.pi-chevron-circle-left:before {
  content: "";
}
.pi-chevron-circle-down:before {
  content: "";
}
.pi-chevron-circle-right:before {
  content: "";
}
.pi-chevron-circle-up:before {
  content: "";
}
.pi-angle-double-down:before {
  content: "";
}
.pi-angle-double-left:before {
  content: "";
}
.pi-angle-double-right:before {
  content: "";
}
.pi-angle-double-up:before {
  content: "";
}
.pi-angle-down:before {
  content: "";
}
.pi-angle-left:before {
  content: "";
}
.pi-angle-right:before {
  content: "";
}
.pi-angle-up:before {
  content: "";
}
.pi-upload:before {
  content: "";
}
.pi-download:before {
  content: "";
}
.pi-ban:before {
  content: "";
}
.pi-star-fill:before {
  content: "";
}
.pi-star:before {
  content: "";
}
.pi-chevron-left:before {
  content: "";
}
.pi-chevron-right:before {
  content: "";
}
.pi-chevron-down:before {
  content: "";
}
.pi-chevron-up:before {
  content: "";
}
.pi-caret-left:before {
  content: "";
}
.pi-caret-right:before {
  content: "";
}
.pi-caret-down:before {
  content: "";
}
.pi-caret-up:before {
  content: "";
}
.pi-search:before {
  content: "";
}
.pi-check:before {
  content: "";
}
.pi-check-circle:before {
  content: "";
}
.pi-times:before {
  content: "";
}
.pi-times-circle:before {
  content: "";
}
.pi-plus:before {
  content: "";
}
.pi-plus-circle:before {
  content: "";
}
.pi-minus:before {
  content: "";
}
.pi-minus-circle:before {
  content: "";
}
.pi-circle-on:before {
  content: "";
}
.pi-circle-off:before {
  content: "";
}
.pi-sort-down:before {
  content: "";
}
.pi-sort-up:before {
  content: "";
}
.pi-sort:before {
  content: "";
}
.pi-step-backward:before {
  content: "";
}
.pi-step-forward:before {
  content: "";
}
.pi-th-large:before {
  content: "";
}
.pi-arrow-down:before {
  content: "";
}
.pi-arrow-left:before {
  content: "";
}
.pi-arrow-right:before {
  content: "";
}
.pi-arrow-up:before {
  content: "";
}
.pi-bars:before {
  content: "";
}
.pi-arrow-circle-down:before {
  content: "";
}
.pi-arrow-circle-left:before {
  content: "";
}
.pi-arrow-circle-right:before {
  content: "";
}
.pi-arrow-circle-up:before {
  content: "";
}
.pi-info:before {
  content: "";
}
.pi-info-circle:before {
  content: "";
}
.pi-home:before {
  content: "";
}
.pi-spinner:before {
  content: "";
}
body {
  background-color: var(--main_bg_color);
  color: var(--color_gray);
  font-family: var(--custom-font-family);
  font-size: 16px;
  height: 100%;
  line-height: 1.5;
  overflow-x: hidden;
}
:root {
  --primary_color: #5239ec;
  --secondary_color: #669edf;
  --mats-light: #f4f6f9;
  --secondary-color: #ffc107;
  --color_black: #000000;
  --color_gray: #4b3c5c;
  --color_gray_light: #666666;
  --color_gray_lighter: #cbcbd3;
  --color_gray_more_lighter: #f6f6fa;
  --color_light: #f9fbfc;
  --color_white: #ffffff;
  --text-light: #6c757d;
  --dark-color: #002147;
  --transition: all 0.3s ease;
  --primary-color: #0056b3;
  --border-radius: 8px;
  --color_peach: #f9a894;
  --color_peach_light: #ffcec3;
  --color_sea_green: #09cac9;
  --color_purple: #8456f8;
  --color_pink: #df66ce;
  --color_ghost: transparent;
  --sidebar_bg: #664788;
  --sidebar_font: #ffffff;
  --gradient-style1: linear-gradient(
    45deg,
    var(--primary_color) 0%,
    var(--secondary_color) 100%
  );
  --gradient-style2: linear-gradient(
    45deg,
    var(--color_purple) 0%,
    var(--color_pink) 100%
  );
  --gradient-style3: linear-gradient(45deg, #0460f5 0%, #0befba 100%);
  --custom-font-family: "Roboto", sans-serif;
  --main_bg_color: #f0ebf7;
  --primary_btn_color: var(--gradient-style1);
}
html {
  height: 100%;
}
body {
  background-color: var(--color_gray_more_lighter);
  color: var(--color_gray);
  font-family: var(--custom-font-family);
  font-size: 14px;
  height: 100%;
  line-height: 16px;
  overflow-x: hidden;
}
* {
  letter-spacing: 0.06rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--custom-font-family);
  margin-top: 0;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: var(--primary_color);
}
*:hover {
  transition: all 0.2s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #e0e0eb inset !important;
  box-shadow: 0 0 0 1000px #e0e0eb inset !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.form-control {
  border: 1px solid var(--color_gray_lighter);
  box-shadow: none;
  color: var(--color_gray) !important;
  font-size: 15px;
  height: 40px;
  border-radius: 8px;
}
.form-control:focus {
  border-color: var(--primary_color);
  outline: 0 none;
  box-shadow: 0 1px 5px #2933b733;
}
.form-control.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-sm {
  background-color: var(--color_white);
}
.form-control.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}
a {
  color: var(--secondary_color);
  font-weight: 600;
}
input,
button,
a {
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
input,
input:focus,
button,
button:focus {
  outline: none;
}
input[type="file"] {
  height: auto;
  min-height: calc(1.5em + 0.75rem + 2px);
}
input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea.form-control {
  resize: vertical;
  height: auto;
}
.form-control::-webkit-input-placeholder {
  color: var(--color_gray_light);
  font-weight: 400;
}
.form-control::-moz-placeholder {
  color: var(--color_gray_light);
  font-weight: 400;
}
.form-control:-ms-input-placeholder {
  color: var(--color_gray_light);
  font-weight: 400;
}
.form-control::-ms-input-placeholder {
  color: var(--color_gray_light);
  font-weight: 400;
}
.form-control::placeholder {
  color: var(--color_gray_light);
  font-weight: 400;
}
.navbar-nav > li {
  float: left;
}
.form-group {
  margin-bottom: 1.25rem;
}
.form-group label {
  font-size: 14px;
  color: var(--color_gray);
  font-weight: 600;
}
.input-group .form-control {
  height: 40px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #0000001a;
  border-color: #0000001a;
}
.font-weight-600 {
  font-weight: 600;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
.list-style-number li {
  list-style-type: decimal;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 1;
}
.middle-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.upload-link {
  color: #009ce7;
  font-weight: 500;
  cursor: pointer;
  margin: 0;
  padding: 0;
  line-height: 30px;
}
.upload-link:hover {
  color: var(--secondary_color);
}
.alert {
  border-radius: 10px;
}
.alert-dismissible .close {
  top: 15px;
}
.check-container {
  position: relative;
  text-align: center;
  height: 100px;
  width: 100px;
  background-color: var(--color_gray_more_lighter);
  border-radius: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin: 10px;
}
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.check-container .checkmark {
  position: absolute;
  bottom: 5px;
  right: 5px;
  height: 17px;
  width: 17px;
  background-color: var(--color_white);
  border-radius: 50%;
}
.check-container .checkmark i {
  position: absolute;
  top: 3px;
  left: 2px;
  color: #75ce8e;
}
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.check-container input:checked ~ .checkmark {
  background-color: var(--color_white);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-container input:checked ~ .checkmark:after {
  display: block;
}
.check-container .checkmark:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary_color);
}
.default {
  cursor: default;
}
.save-payment {
  width: calc(100% - 80px);
}
.save-payment .input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--color_white);
  font-size: 12px;
  width: 50px;
  color: var(--color_white);
}
.tooltip-inner {
  background-color: var(--color_white) !important;
  color: var(--color_gray);
  box-shadow: 0 1px 40px #00000026;
  padding: 10px;
  font-weight: 500;
}
.success-icon {
  background-color: #16cca9;
  border: 10px solid #f7f9fe;
  box-sizing: border-box;
  height: 100px;
  width: 100px;
  border-radius: 80px;
  text-align: center;
  margin: auto;
}
.success-icon i {
  font-size: 40px;
  line-height: 80px;
  color: var(--color_white);
}
.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^="top"] .arrow:before {
  border-top-color: var(--color_white) !important;
}
.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^="right"] .arrow:before {
  border-right-color: var(--color_white) !important;
}
.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before {
  border-bottom-color: var(--color_white) !important;
}
.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^="left"] .arrow:before {
  border-left-color: var(--color_white) !important;
}
.save-payment .input::-webkit-input-placeholder {
  color: var(--color_white);
}
.save-payment .input::-moz-placeholder {
  color: var(--color_white);
}
.save-payment .input:-ms-input-placeholder {
  color: var(--color_white);
}
.save-payment .input::-ms-input-placeholder {
  color: var(--color_white);
}
.save-payment .input::placeholder {
  color: var(--color_white);
}
.table {
  color: var(--color_gray);
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f8f9fa;
}
.table.no-border > tbody > tr > td,
.table > tbody > tr > th,
.table.no-border > tfoot > tr > td,
.table.no-border > tfoot > tr > th,
.table.no-border > thead > tr > td,
.table.no-border > thead > tr > th {
  border-top: 0;
  padding: 10px 8px;
}
.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}
.table.dataTable {
  border-collapse: collapse !important;
}
table.table td h2 {
  display: inline-block;
  font-size: inherit;
  font-weight: 400;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
table.table td h2.table-avatar {
  align-items: center;
  display: inline-flex;
  font-size: inherit;
  font-weight: 400;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
}
table.table td h2 a {
  color: var(--color_gray);
}
table.table td h2 a:hover {
  color: #ffbc53;
}
table.table td h2 span {
  color: #888;
  display: block;
  font-size: 12px;
  margin-top: 3px;
}
.table thead tr th {
  font-weight: 600;
  border-top: 0;
  color: var(--color_gray);
  border-bottom: 1px solid var(--color_gray);
}
.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table tbody tr td {
  font-weight: 400;
  vertical-align: middle;
}
.table tbody tr td a {
  font-weight: 500;
}
.table tbody tr.read-msg {
  color: #b3b3b3;
}
.table tbody tr.read-msg td {
  font-weight: 300;
}
.table.table-center td,
.table.table-center th {
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: #f7f7f7;
}
.table-hover tbody tr td {
  color: var(--color_gray);
}
.table td,
.table th {
  padding: 1rem 0.75rem;
  vertical-align: top;
  border-top: 1px solid var(--color_gray_lighter);
  border-color: var(--color_gray_lighter);
}
.table-hover tbody tr:hover td {
  color: #474648;
}
.table-striped thead tr,
.table-striped tbody tr {
  border-color: transparent;
}
.table-striped tbody tr:nth-of-type(2n) {
  background-color: #ffffff4d;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ebebeb66;
}
.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.table-bordered th,
.table-bordered td {
  border-color: #0000000d;
}
.pagination,
.pagination a {
  color: #b3b3b3;
}
.pagination a.prev,
.pagination a.next {
  color: var(--color_gray);
}
.card-table .card-body .table > thead > tr > th {
  border-top: 0;
}
.card-table .card-body .table tr td:first-child,
.card-table .card-body .table tr th:first-child {
  padding-left: 1.5rem;
}
.card-table .card-body .table tr td:last-child,
.card-table .card-body .table tr th:last-child {
  padding-right: 1.5rem;
}
.card-table .table td,
.card-table .table th {
  border-top: 1px solid #e2e5e8;
  padding: 1rem 0.75rem;
  white-space: nowrap;
}
.table .thead-light th {
  color: #495057;
  background-color: #f8f9fa;
  border-color: #eff2f7;
}
.card-tab .tab-area {
  width: 100%;
  border-bottom: 1px solid var(--color_gray_lighter);
  position: relative;
  height: 37px;
}
.card-tab .tab-area .nav-pills {
  background-color: transparent;
  border-radius: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
}
.card-tab .nav-pills li {
  list-style-type: none;
  margin: 0;
  display: inline-flex;
}
.card-tab .nav-pills li a {
  padding: 5px 40px;
  border-bottom: 2px solid transparent;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.card-tab .nav-pills li a.active {
  color: var(--primary_color);
  border-bottom: 2px solid var(--primary_color);
}
.card-tab .nav-pills li a.active .count {
  background-color: var(--primary_color);
  color: var(--color_white);
}
.card-tab .count {
  background-color: var(--color_gray_lighter);
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--color_gray_light);
  padding: 3px;
  position: absolute;
  min-width: 23px;
  top: 7px;
  right: 2px;
  border-radius: 40px;
  text-align: center;
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .card-tab .tab-area {
    position: static;
    height: auto;
    text-align: center;
    border: 0;
  }
  .card-tab .tab-area .nav-pills {
    position: static;
  }
}
.p-20 {
  padding: 20px !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-33 {
  margin-top: 33px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.block {
  display: block !important;
}
.font-10 {
  font-size: 10px !important;
}
.font-12 {
  font-size: 12px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-24 {
  font-size: 24px !important;
}
.font-30 {
  font-size: 30px !important;
}
.font-40 {
  font-size: 40px;
  line-height: 40px;
}
.color-defalt {
  color: var(--color_gray);
}
.color-violet {
  color: var(--color_purple);
}
.color-yellow {
  color: #f8f417 !important;
}
.color-green {
  color: #75ce8e !important;
}
.color-blue {
  color: var(--primary_color) !important;
}
.color-red {
  color: #ff1313;
}
.color-blue-lite {
  color: #8a8cff !important;
}
.color-orange {
  color: #ff9100 !important;
}
.color-pink {
  color: var(--color_pink) !important;
}
.color-orange-lite {
  color: var(--color_peach) !important;
}
.color-black {
  color: var(--color_gray) !important;
}
.color-gray {
  color: var(--color_gray_light) !important;
}
.color-white {
  color: var(--color_white) !important;
}
.thin-text {
  font-weight: 400 !important;
}
.bold-text {
  font-weight: 500 !important;
}
.bolder-text {
  font-weight: 700 !important;
}
.max-h-200px {
  max-height: 200px;
  height: 200px;
  overflow-y: auto;
}
.w-300px {
  width: 300px !important;
  max-width: 300px !important;
}
.w-200px {
  width: 200px !important;
  max-width: 200px !important;
}
.w-100px {
  width: 100px;
}
.w-50px {
  width: 50px;
}
.w-75px {
  width: 75px;
}
.alert-warning {
  color: #f5bb09;
  background-color: #fdf7e3;
  border-color: #fdf7e3;
}
.alert-warning .alert-link {
  color: #f18202;
}
.alert-danger {
  color: #ff3f51;
  background-color: #f7eced;
  border-color: #f7eced;
}
.alert-danger .alert-link {
  color: #ab1724;
}
.alert-success {
  color: #25b746;
  background-color: #eef9f1;
  border-color: #eef9f1;
}
.alert-success .alert-link {
  color: #0c7324;
}
.alert-info {
  color: #06bddc;
  background-color: #eaf5f7;
  border-color: #eaf5f7;
}
.alert-info .alert-link {
  color: #1794ab;
}
.alert-link:hover {
  color: var(--color_gray);
}
* {
  scrollbar-width: thin;
  scrollbar-color: #666666;
}
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: var(--color_gray_lighter);
  border-radius: 40px;
}
*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 40px;
  border: 1px solid var(--color_gray_lighter);
}
.btn.focus,
.btn:focus {
  box-shadow: unset;
}
.btn-white {
  background-color: var(--color_white);
  border: 1px solid #ccc;
  color: var(--color_gray);
  text-transform: uppercase;
}
.btn-white:hover {
  background-color: transparent;
  border: 1px solid var(--color_white);
  color: var(--color_white);
}
.btn-reveal {
  background-color: #dbdbdf;
  color: var(--color_gray);
  font-size: 16px;
  height: 40px;
  width: 45px;
  border-radius: 0 5px 5px 0;
}
.btn.btn-rounded {
  border-radius: 50px;
}
.bg-primary {
  background-color: var(--primary_color) !important;
}
.btn-secondary {
  border-radius: 8px;
}
.pro-bg-primary,
.badge-primary {
  background-color: #fdbb38 !important;
}
.bg-light {
  background-color: #ebebff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: var(--primary_color) !important;
}
.bg-success,
.badge-success {
  background-color: #7bb13c !important;
}
.badge-success:hover {
  background-color: #7ec928 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #699834 !important;
}
.bg-info,
.badge-info {
  background-color: var(--primary_color) !important;
}
.bg-info,
.badge-info:hover {
  background-color: var(--secondary_color) !important;
}
.pro-bg-info,
.badge-info,
.pro-bg-light,
.badge-light {
  background-color: var(--primary_color) !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #028ee1 !important;
}
.bg-warning,
.badge-warning {
  background-color: #ffbc34 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #e9ab2e !important;
}
.bg-danger,
.badge-danger {
  background-color: #e84646 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #e63333 !important;
}
.bg-white {
  background-color: var(--color_white);
}
.bg-purple,
.badge-purple {
  background-color: #9368e9 !important;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
  color: #ffbc53 !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
  color: #699834 !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger {
  color: #e84646 !important;
}
.text-info,
.dropdown-menu > li > a.text-info {
  color: var(--primary_color) !important;
}
.text-warning,
.dropdown-menu > li > a.text-warning {
  color: #ffbc34 !important;
}
.text-purple,
.dropdown-menu > li > a.text-purple {
  color: #7460ee !important;
}
.text-muted {
  color: #757575 !important;
}
.files input {
  outline: 2px dashed var(--primary_color);
  outline-offset: -10px;
  -webkit-transition:
    outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition:
    outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  padding: 120px 0 85px 25%;
  text-align: center !important;
  margin: 0;
  width: 100% !important;
}
.files input:focus {
  outline: 2px dashed var(--primary_color);
  outline-offset: -10px;
  -webkit-transition:
    outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition:
    outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  border: 1px solid var(--primary_color);
}
.files {
  position: relative;
}
.files:after {
  pointer-events: none;
  position: absolute;
  top: 50px;
  left: 0;
  width: 50px;
  right: 0;
  height: 56px;
  content: "";
  background-image: url(/assets/login-bg-img-C80xY_uq.png);
  display: block;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
.color input {
  background-color: var(--color_gray_lighter);
}
.files:before {
  position: absolute;
  bottom: 10px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  content: " or drag it here. ";
  display: block;
  margin: 0 auto;
  color: var(--primary_color);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}
.btn-primary,
.btn.btn-primary:hover {
  background: #2933b7;
  background: var(--primary_btn_color);
  border: 0;
  color: var(--color_white);
  border-radius: 8px;
  padding: 7px 25px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background: var(--primary_btn_color);
  background-size: 200% 200%;
  border: 0;
  box-shadow: 0 1px 10px #2933b74d;
  animation: gradient 15s ease infinite;
}
.btn-primary-violet {
  background: #2933b7;
  background: var(--primary_btn_color);
  border: 0;
  color: var(--color_white);
  border-radius: 4px !important;
  padding: 7px 25px;
  text-transform: uppercase;
}
.btn-primary-violet:hover,
.btn-primary-violet:focus,
.btn-primary-violet:active {
  color: var(--color_white);
  background-size: 200% 200%;
  border: 0;
  box-shadow: 0 1px 10px #9900ff4d;
  animation: gradient 15s ease infinite;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: var(--primary_color);
  border: 0 solid var(--primary_color);
}
.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #ffbc53;
  border-color: #ffbc53;
  color: var(--color_white);
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-success {
  background: #7bb13c;
  border: 1px solid #7bb13c;
  border-radius: 8px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background: #699834;
  border: 1px solid #699834;
  color: var(--color_white);
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  background: #699834;
  border: 1px solid #699834;
}
.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle {
  background: #699834;
  border-color: #699834;
  color: var(--color_white);
}
.btn-success.active:focus:not(:disabled):not(.disabled),
.btn-success:active:focus:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-success.disabled,
.btn-success:disabled {
  background: #7bb13c;
  border-color: #7bb13c;
  color: var(--color_white);
}
.btn-info {
  background-color: var(--primary_color);
  border: 1px solid var(--primary_color);
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-color: #028ee1;
  border: 1px solid #028ee1;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  background-color: #028ee1;
  border: 1px solid #028ee1;
}
.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle {
  background-color: #028ee1;
  border-color: #028ee1;
  color: var(--color_white);
}
.btn-info.active:focus:not(:disabled):not(.disabled),
.btn-info:active:focus:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-info.disabled,
.btn-info:disabled {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
  color: var(--color_white);
}
.btn-warning {
  background-color: #ffbc34;
  border: 1px solid #ffbc34;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-color: #e9ab2e;
  border: 1px solid #e9ab2e;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  background-color: #e9ab2e;
  border: 1px solid #e9ab2e;
}
.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
  background: #e9ab2e;
  border-color: #e9ab2e;
  color: var(--color_white);
}
.btn-warning.active:focus:not(:disabled):not(.disabled),
.btn-warning:active:focus:not(:disabled):not(.disabled),
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #ffbc34;
  border-color: #ffbc34;
  color: var(--color_white);
}
.btn-danger {
  background: #e84646;
  border: 1px solid #e84646;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background: #e63333;
  border: 1px solid #e63333;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  background: #e63333;
  border: 1px solid #e63333;
}
.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
  background: #e63333;
  border-color: #e63333;
  color: var(--color_white);
}
.btn-danger.active:focus:not(:disabled):not(.disabled),
.btn-danger:active:focus:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #f62d51;
  border-color: #f62d51;
  color: var(--color_white);
}
.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-dark.active:focus:not(:disabled):not(.disabled),
.btn-dark:active:focus:not(:disabled):not(.disabled),
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: unset;
}
.btn-outline-primary {
  color: #ffbc53;
  border-color: #ffbc53;
}
.btn-outline-primary:hover {
  background-color: #ffbc53;
  border-color: #ffbc53;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: none;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #ffbc53;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #ffbc53;
  border-color: #ffbc53;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-outline-success {
  color: #7bb13c;
  border-color: #7bb13c;
  margin-bottom: 5px;
}
.btn-outline-success:hover {
  background-color: #7bb13c;
  border-color: #7bb13c;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: none;
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #7bb13c;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  background-color: #7bb13c;
  border-color: #7bb13c;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-outline-info {
  color: var(--primary_color);
  border-color: var(--primary_color);
  margin-bottom: 5px;
}
.btn-outline-info:hover {
  color: var(--color_white);
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: none;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: transparent;
  color: var(--primary_color);
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-outline-warning {
  color: #ffbc34;
  border-color: #ffbc34;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffbc34;
  border-color: #ffbc34;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: none;
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: transparent;
  color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffbc34;
  border-color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-outline-danger {
  color: #e84646;
  border-color: #e84646;
}
.btn-outline-danger:hover {
  color: var(--color_white);
  background-color: #e84646;
  border-color: #e84646;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: none;
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: transparent;
  color: #e84646;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  background-color: #e84646;
  border-color: #e84646;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-outline-light {
  color: #fff;
  border-color: #fff;
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #ababab;
}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 18px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.video-link iframe {
  border-radius: 15px;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d1bfd0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: var(--primary_color);
}
input:focus + .slider {
  box-shadow: 0 0 1px var(--primary_color);
}
input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translate(12px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
}
.pagination > li > a,
.pagination > li > span {
  color: var(--primary_color);
  border: 0;
}
.page-link:hover {
  color: var(--primary_color);
  background: transparent;
  text-decoration: underline;
}
.page-link:focus {
  box-shadow: unset;
}
.page-item.active .page-link {
  background-color: var(--primary_color);
  border-color: var(--primary_color);
  border-radius: 50%;
}
.dropdown-menu {
  border: 0 solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transform-origin: left top 0;
  background-color: var(--color_white);
  box-shadow: 0 0 10px #0000004d;
  z-index: 100000;
  display: none;
  font-size: 14px;
}
.dropdown-item {
  padding: 10px 15px;
}
.dropdown-item + .dropdown-item {
  border-top: 1px solid var(--color_gray_lighter);
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  background-color: transparent;
  color: var(--bs-dropdown-link-color);
}
.navbar-nav .open .dropdown-menu {
  border: 0;
  box-shadow: 0 0 10px #0000001a;
  background-color: var(--color_white);
}
.small-dropdown {
  width: 230px;
}
.dropdown-menu .form-control {
  min-width: 100%;
}
.card {
  margin-bottom: 30px;
  border-radius: 8px;
  padding: 20px;
  height: calc(100% - 30px);
  box-shadow: 0 1px 13px #00000008;
}
.card .card-title {
  font-size: 18px;
  color: var(--color_gray);
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
}
.small-card {
  background-color: var(--sidebar_font);
  margin-bottom: 30px;
  border-radius: 5px;
  padding: 20px;
  height: calc(100% - 30px);
  box-shadow: none;
}
.small-card:hover {
  background-color: var(--primary_color);
  color: var(--color_white) !important;
}
.small-card .card-title {
  font-size: 14px;
  color: var(--color_gray);
  font-weight: 500;
  min-height: 40px;
}
.small-card .card-body i {
  font-size: 24px;
  line-height: 51px;
}
.small-card .card-body {
  padding: 0;
  color: var(--color_gray);
  min-height: 50px;
}
.small-card:hover .card-body {
  padding: 0;
  color: var(--color_white);
  min-height: 50px;
}
.card-body {
  padding: 0;
  color: var(--color_gray);
  min-height: 100px;
}
.payment-card-bg-img {
  background: var(--color_white) url(/assets/login-bg-img-C80xY_uq.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.blue-highlighted {
  background: #2933b7 url(/assets/login-bg-img-C80xY_uq.png);
  background-image:
    url(/assets/login-bg-img-C80xY_uq.png),
    linear-gradient(45deg, #2933b7, #06a5ff, #7ceef9);
  background-repeat: no-repeat;
  background-position: 90% 90%;
  box-shadow: 0 1px 25px #2933b799;
}
.blue-highlighted .card-header,
.blue-highlighted .card-footer,
.blue-highlighted .card-body {
  color: var(--color_white);
}
.blue-highlighted .card-header .btn {
  background-color: var(--color_white) !important;
}
.card-header {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 5px;
}
.card-footer {
  background-color: transparent;
  border-top: 0 solid #e6e6e6;
  padding: 5px 0;
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 500;
}
.card .card-header {
  background-color: transparent;
  border-bottom: 0;
}
.card .card-header .number {
  background-color: var(--color_gray_lighter);
  border-radius: 50px;
  padding: 2px;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
}
.card .card-header .btn {
  background-color: var(--color_gray_lighter);
  border-radius: 50px;
  padding: 2px;
  width: 30px;
  height: 30px;
}
.card .card-header .btn:hover i {
  color: var(--primary_color);
}
.card .card-header .btn i {
  font-size: 14px;
}
.card .card-header .card-title {
  margin-bottom: 0;
  text-transform: uppercase;
}
.flying-card {
  position: fixed;
  top: 70px;
  right: -250px;
  width: 250px;
  height: auto;
  color: var(--color_white);
  box-shadow: 0 0 20px #0000004d;
  z-index: 1000;
}
.flying-card.green-bg .card-link {
  border: 2px solid var(--color_white);
  background-color: var(--color_white);
  color: #93c76b;
  padding: 5px 10px;
  border-radius: 40px;
  text-transform: uppercase;
}
.flying-card.green-bg .card-link:hover {
  background-color: #93c76b;
  color: var(--color_white);
}
.flying-card.orange-bg .card-link {
  border: 2px solid var(--color_white);
  background-color: var(--color_white);
  color: #ffb657;
  padding: 5px 10px;
  border-radius: 40px;
  text-transform: uppercase;
}
.flying-card.orange-bg .card-link:hover {
  background-color: #ffb657;
  color: var(--color_white);
}
.flying-card.red-bg .card-link {
  border: 2px solid var(--color_white);
  background-color: var(--color_white);
  color: #e92d46;
  padding: 5px 10px;
  border-radius: 40px;
  text-transform: uppercase;
}
.flying-card.red-bg .card-link:hover {
  background-color: #e92d46;
  color: var(--color_white);
}
.flying-card.green-bg {
  background: #93c76b;
  color: var(--color_white);
}
.flying-card.orange-bg {
  background: #ffb657;
  color: var(--color_white);
}
.flying-card.red-bg {
  background: #e92d46;
  color: var(--color_white);
}
.flying-card .close1 {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  font-size: 14px;
  color: var(--color_gray);
  background-color: var(--color_white) !important;
  text-align: center;
  width: 25px;
  padding: 2px;
  border-radius: 30px;
}
.download-item {
  width: 125px;
  text-align: center;
  border-radius: 10px;
  margin: 10px;
  float: left;
  font-size: 12px;
  color: var(--color_gray_light);
  font-weight: 400;
}
.download-item a,
.download-item div,
.download-item label {
  background-color: var(--color_gray_more_lighter);
  border: 1px solid var(--color_gray_more_lighter);
  width: 120px;
  height: 120px;
  position: relative;
  display: flex;
  font-size: 46px;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 10px;
}
.download-item a:hover {
  background-color: var(--color_white);
  border: 1px solid var(--color_gray_lighter);
  box-shadow: 0 0.5rem 1rem #0000001a !important;
}
.pointer {
  cursor: pointer;
}
.download-item .fa-plus {
  margin-top: 65px;
}
.download-item label:hover .fa-plus {
  color: var(--primary_color);
}
.btn-outline-sea-green {
  color: var(--color_sea_green);
  border-color: var(--color_sea_green);
  margin-bottom: 5px;
}
.btn-outline-sea-green:hover {
  color: var(--color_white);
  background-color: var(--color_sea_green);
  border-color: var(--color_sea_green);
  margin-bottom: 5px;
}
.download-item .fa-times {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
  color: var(--color_gray);
  cursor: pointer;
}
.download-item a .fa-arrow-down {
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 14px;
  color: var(--color_gray);
}
.pdf-color {
  color: #ec4d4d;
}
.excel-color {
  color: #28af60;
}
.word-doc-color {
  color: #1d7cdb;
}
.video-color {
  color: var(--color_red);
}
.folder-color {
  color: #efb82f;
}
.question-area {
  border-bottom: 1px solid var(--color_gray_lighter);
  padding: 40px 0;
}
.question-area .number {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  background-color: var(--color_gray_lighter);
  color: var(--color_gray);
  font-weight: 600;
}
.question-area .text-area {
  width: calc(100% - 60px);
}
.blue-highlighted-without-img {
  background: #2933b7 url(/assets/login-bg-img-C80xY_uq.png);
  background-image: linear-gradient(45deg, #2933b7, #06a5ff, #7ceef9);
  background-repeat: no-repeat;
}
.blue-highlighted-without-img .card-body {
  color: var(--color_white);
}
.card-footer .btn-style {
  color: var(--color_white);
  font-size: 16px;
  padding: 7px 10px;
  border-radius: 50px;
  border: 1px solid var(--color_white);
  text-transform: uppercase;
}
.card-footer .btn-style:hover {
  color: #0e89ed;
  font-size: 16px;
  padding: 7px 10px;
  border-radius: 50px;
  background-color: var(--color_white);
  border: 1px solid var(--color_white);
  text-transform: uppercase;
}
.marks {
  text-align: center;
  display: inline-block;
  color: var(--color_white);
  margin-top: 5px;
}
.marks div {
  color: #0e89ed;
  background-color: var(--color_white);
  font-size: 24px;
  padding: 5px 10px;
  border-radius: 50px;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--color_white);
  background-clip: padding-box;
  border: 0;
  border-radius: 20px;
  outline: 0;
}
.modal-header {
  border: 0;
  padding: 1rem 1.5rem;
  font-size: 18px;
}
.modal-body {
  border: 0;
  padding: 1rem 1.5rem;
}
.modal-body .profile-img {
  width: 100%;
  background-color: var(--main_bg_color);
  text-align: center;
  padding: 30px;
  position: relative;
  border-radius: 0 0 20px 20px;
}
.modal-footer {
  padding: 0.5rem 1rem;
}
.modal-footer.text-left {
  text-align: left;
}
.modal-footer.text-center {
  text-align: center;
}
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {
  opacity: 0.7;
}
.modal1 {
  display: none;
  position: fixed;
  z-index: 100000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: #000000e6;
}
.modal-content1 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  border-radius: 15px;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.modal-content,
#caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.close1 {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: 700;
  transition: 0.3s;
}
.close1:hover,
.close1:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}
.btn-light {
  border-color: #e6e6e6;
  color: #a6a6a6;
}
.comment-btn {
  background-color: transparent;
  padding: 0 !important;
  border: 0;
  text-transform: uppercase;
  font-weight: 500;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ffbc53;
  text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #ffbc53;
}
.bg-info-light {
  background-color: #02b6b31f !important;
  color: #1db9aa !important;
}
.bg-primary-light {
  background-color: #1194f71f !important;
  color: #2196f3 !important;
}
.bg-danger-light {
  background-color: #ffbc53 !important;
  color: var(--color_white) !important;
}
.bg-warning-light {
  background-color: #ff98001f !important;
  color: #f39c12 !important;
}
.bg-success-light {
  background-color: var(--primary_color);
  color: var(--color_white);
}
.bg-purple-light {
  background-color: #c580ff1f !important;
  color: #c580ff !important;
}
.bg-default-light {
  background-color: #2834471f !important;
  color: #283447 !important;
}
.bg-success-light:hover {
  color: var(--color_white);
}
.bg-transparent {
  background-color: var(--color_ghost);
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 15px 0 0;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 25px;
}
.select2-container .select2-selection--single {
  border: 1px solid #ddd;
  height: 40px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 38px;
  right: 7px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #ddd transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0;
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #ddd;
  border-width: 0 6px 6px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 30px;
  padding-left: 15px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--color_gray);
  font-size: 15px;
  font-weight: 400;
  line-height: 38px;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #7638ff;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  min-height: 40px;
}
.nav-tabs {
  border-bottom: 1px solid #e6e6e6;
}
.card-header-tabs {
  border-bottom: 0;
}
.nav-tabs > li > a {
  margin-right: 0;
  color: #888;
  border-radius: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: transparent;
  color: var(--color_gray);
}
.nav-tabs.nav-tabs-solid > li > a {
  color: var(--color_gray);
}
.nav-tabs.nav-tabs-solid > .active > a,
.nav-tabs.nav-tabs-solid > .active > a:hover,
.nav-tabs.nav-tabs-solid > .active > a:focus {
  background-color: #ffbc53;
  border-color: #ffbc53;
  color: var(--color_white);
}
.tab-content {
  padding-top: 20px;
}
.nav-tabs .nav-link {
  border-radius: 0;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background-color: #eee;
  border-color: transparent;
  color: var(--color_gray);
}
.nav-tabs.nav-justified > li > a {
  border-radius: 0;
  margin-bottom: 0;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
  border-bottom-color: #ddd;
}
.nav-tabs.nav-justified.nav-tabs-solid > li > a {
  border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a.active,
.nav-tabs.nav-tabs-solid > li > a.active:hover,
.nav-tabs.nav-tabs-solid > li > a.active:focus {
  background-color: #ffbc53;
  border-color: #ffbc53;
  color: var(--color_white);
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
  border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a {
  border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus {
  border-radius: 50px;
}
.nav-tabs-justified > li > a {
  border-radius: 0;
  margin-bottom: 0;
}
.nav-tabs-justified > li > a:hover,
.nav-tabs-justified > li > a:focus {
  border-bottom-color: #ddd;
}
.nav-tabs-justified.nav-tabs-solid > li > a {
  border-color: transparent;
}
.nav-tabs.nav-justified.nav-tabs-top {
  border-bottom: 1px solid #ddd;
}
.nav-tabs.nav-justified.nav-tabs-top > li > a,
.nav-tabs.nav-justified.nav-tabs-top > li > a:hover,
.nav-tabs.nav-justified.nav-tabs-top > li > a:focus {
  border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li {
  margin-bottom: 0;
}
.nav-tabs.nav-tabs-top > li > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
  border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li.open > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
  border-top-color: #ddd;
}
.nav-tabs.nav-tabs-top > li + li > a {
  margin-left: 1px;
}
.nav-tabs.nav-tabs-top > li > a.active,
.nav-tabs.nav-tabs-top > li > a.active:hover,
.nav-tabs.nav-tabs-top > li > a.active:focus {
  border-top-color: #ffbc53;
}
.nav-tabs.nav-tabs-bottom > li {
  margin-bottom: -1px;
}
.nav-tabs.nav-tabs-bottom > li > a.active,
.nav-tabs.nav-tabs-bottom > li > a.active:hover,
.nav-tabs.nav-tabs-bottom > li > a.active:focus {
  border-bottom-width: 2px;
  border-color: transparent;
  border-bottom-color: #ffbc53;
  background-color: transparent;
  transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  -webkit-transition: none 0s ease 0s;
}
.nav-tabs.nav-tabs-solid {
  background-color: #fafafa;
  border: 0;
}
.nav-tabs.nav-tabs-solid > li {
  margin-bottom: 0;
}
.nav-tabs.nav-tabs-solid > li > a:hover,
.nav-tabs.nav-tabs-solid > li > a:focus {
  background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
  background-color: #f5f5f5;
  border-color: transparent;
}
.nav-tabs-justified.nav-tabs-top {
  border-bottom: 1px solid #ddd;
}
.nav-tabs-justified.nav-tabs-top > li > a,
.nav-tabs-justified.nav-tabs-top > li > a:hover,
.nav-tabs-justified.nav-tabs-top > li > a:focus {
  border-width: 2px 0 0 0;
}
.section-header {
  margin-bottom: 1.875rem;
}
.section-header .section-title {
  color: var(--color_gray);
}
.line {
  background-color: var(--primary_color);
  height: 2px;
  margin: 0;
  width: 60px;
}
.comp-buttons .btn {
  margin-bottom: 5px;
}
.pagination-box .pagination {
  margin-top: 0;
}
.comp-dropdowns .btn-group {
  margin-bottom: 5px;
}
.progress-example .progress {
  margin-bottom: 1.5rem;
}
.progress-xs {
  height: 4px;
}
.progress-sm {
  height: 15px;
}
.progress.progress-sm {
  height: 6px;
}
.progress.progress-md {
  height: 8px;
}
.progress.progress-lg {
  height: 18px;
}
.row.row-sm {
  margin-left: -3px;
  margin-right: -3px;
}
.row.row-sm > div {
  padding-left: 3px;
  padding-right: 3px;
}
.avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
}
.avatar > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.avatar-title {
  width: 100%;
  height: 100%;
  background-color: #ffbc53;
  color: var(--color_white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-away:before,
.avatar-offline:before,
.avatar-online:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25%;
  height: 25%;
  border-radius: 50%;
  content: "";
  border: 2px solid var(--color_white);
}
.avatar-online:before {
  background-color: #7bb13c;
}
.avatar-offline:before {
  background-color: #e84646;
}
.avatar-away:before {
  background-color: #ffbc34;
}
.avatar .border {
  border-width: 3px !important;
}
.avatar .rounded {
  border-radius: 6px !important;
}
.avatar .avatar-title {
  font-size: 18px;
}
.avatar-xs {
  width: 1.65rem;
  height: 1.65rem;
}
.avatar-xs .border {
  border-width: 2px !important;
}
.avatar-xs .rounded {
  border-radius: 4px !important;
}
.avatar-xs .avatar-title {
  font-size: 12px;
}
.avatar-xs.avatar-away:before,
.avatar-xs.avatar-offline:before,
.avatar-xs.avatar-online:before {
  border-width: 1px;
}
.avatar-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.avatar-sm .border {
  border-width: 3px !important;
}
.avatar-sm .rounded {
  border-radius: 4px !important;
}
.avatar-sm .avatar-title {
  font-size: 15px;
}
.avatar-sm.avatar-away:before,
.avatar-sm.avatar-offline:before,
.avatar-sm.avatar-online:before {
  border-width: 2px;
}
.avatar-lg {
  width: 3.75rem;
  height: 3.75rem;
}
.avatar-lg .border {
  border-width: 3px !important;
}
.avatar-lg .rounded {
  border-radius: 8px !important;
}
.avatar-lg .avatar-title {
  font-size: 24px;
}
.avatar-lg.avatar-away:before,
.avatar-lg.avatar-offline:before,
.avatar-lg.avatar-online:before {
  border-width: 3px;
}
.avatar-xl {
  width: 5rem;
  height: 5rem;
}
.avatar-xl .border {
  border-width: 4px !important;
}
.avatar-xl .rounded {
  border-radius: 8px !important;
}
.avatar-xl .avatar-title {
  font-size: 28px;
}
.avatar-xl.avatar-away:before,
.avatar-xl.avatar-offline:before,
.avatar-xl.avatar-online:before {
  border-width: 4px;
}
.avatar-xxl {
  width: 5.125rem;
  height: 5.125rem;
}
.avatar-xxl .border {
  border-width: 6px !important;
}
.avatar-xxl .rounded {
  border-radius: 8px !important;
}
.avatar-xxl .avatar-title {
  font-size: 30px;
}
.avatar-xxl.avatar-away:before,
.avatar-xxl.avatar-offline:before,
.avatar-xxl.avatar-online:before {
  border-width: 4px;
}
.avatar-group {
  display: inline-flex;
}
.avatar-group .avatar + .avatar {
  margin-left: -0.75rem;
}
.avatar-group .avatar-xs + .avatar-xs {
  margin-left: -0.40625rem;
}
.avatar-group .avatar-sm + .avatar-sm {
  margin-left: -0.625rem;
}
.avatar-group .avatar-lg + .avatar-lg {
  margin-left: -1rem;
}
.avatar-group .avatar-xl + .avatar-xl {
  margin-left: -1.28125rem;
}
.avatar-group .avatar:hover {
  z-index: 1;
}
.header {
  background-color: var(--color_white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 12px #00000005;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  height: 70px;
}
.header .header-left {
  float: left;
  height: 70px;
  padding: 0 20px;
  position: relative;
  width: 260px;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  background-color: #dfd5d5;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.mini-sidebar .sidebar {
  box-shadow: 0 13px 13px #0006;
}
.mini-sidebar .header .header-left {
  box-shadow: 0 8px 13px #0006;
}
.mini-sidebar .header .header-left {
  justify-content: space-between;
}
.header .header-left .logo {
  display: inline-block;
  line-height: 60px;
  width: 100%;
}
.header .header-left .logo img {
  height: 45px !important;
  object-fit: scale-down;
  margin-top: 0;
}
.header-left .logo.logo-small {
  display: none;
}
.header .dropdown-menu > li > a {
  position: relative;
}
.header .dropdown-toggle:after {
  display: none;
}
.header .has-arrow .dropdown-toggle:after {
  border-top: 0;
  border-left: 0;
  border-bottom: 2px solid var(--primary_color);
  border-right: 2px solid var(--primary_color);
  content: "";
  height: 8px;
  display: inline-block;
  pointer-events: none;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
  vertical-align: 0px;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.user-menu {
  float: right;
  margin: 0;
  position: relative;
  z-index: 99;
  padding-right: 30px;
}
.user-menu.nav > li > a {
  color: var(--color_gray);
  font-size: 14px;
  line-height: 58px;
  padding: 0 15px;
  height: 60px;
}
.user-menu.nav > li > a:hover,
.user-menu.nav > li > a:focus {
  background-color: #e8e8e833;
}
.user-menu.nav > li > a:hover i,
.user-menu.nav > li > a:focus i {
  color: var(--secondary_color);
}
.user-img {
  margin-right: 3px;
  position: relative;
  display: inline-block;
  height: 31px;
  width: 31px;
  overflow: hidden;
  vertical-align: middle;
}
.user-img img {
  width: 100%;
  vertical-align: top !important;
}
.user-menu.nav > li > a.mobile_btn {
  border: 0;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.user-menu .dropdown-menu {
  min-width: 200px;
  padding: 10px 20px;
  border-radius: 10px;
}
.user-menu .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
}
.user-menu .dropdown-menu .dropdown-item + .dropdown-item {
  border-top: 1px solid var(--color_gray_lighter);
}
.user-menu .dropdown-menu .dropdown-item:hover {
  color: var(--primary_color);
  background-color: var(--color_white);
}
.header .dropdown-menu > li > a:focus,
.header .dropdown-menu > li > a:hover {
  background-color: var(--primary_color);
  color: var(--color_white);
}
.header .dropdown-menu > li > a:focus i,
.header .dropdown-menu > li > a:hover i {
  color: var(--color_white);
}
.header .dropdown-menu > li > a {
  padding: 10px 18px;
}
.header .dropdown-menu > li > a i {
  color: #ffbc53;
  margin-right: 10px;
  text-align: center;
  width: 18px;
}
.header .user-menu .dropdown-menu > li > a i {
  color: #ffbc53;
  font-size: 16px;
  margin-right: 10px;
  min-width: 18px;
  text-align: center;
}
.header .user-menu .dropdown-menu > li > a:focus i,
.header .user-menu .dropdown-menu > li > a:hover i {
  color: var(--color_white);
}
.slide-nav .sidebar {
  margin-left: 0;
}
.user-header {
  background-color: var(--color_white);
  padding: 10px 0;
  border-radius: 50px;
}
.user-header .user-text {
  margin-left: 10px;
}
.user-header .user-text h6 {
  margin-bottom: 2px;
  text-transform: uppercase;
}
.sidebar-overlay {
  background-color: #0009;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 1000;
}
.sidebar-overlay.opened {
  display: block;
}
html.menu-opened,
html.menu-opened body {
  overflow: hidden;
}
.top-nav-search {
  float: left;
  margin-left: 20px;
  position: relative;
  margin-top: 0;
  height: 70px;
}
.top-nav-search h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: 0.5px;
}
.top-nav-search form {
  margin-top: 10px;
  position: relative;
  width: 300px;
}
.top-nav-search .form-control {
  border-radius: 8px;
  border: 1px solid var(--color_gray_lighter);
  color: var(--color_gray);
  height: 40px;
  padding: 10px 50px 10px 15px;
}
.top-nav-search .btn {
  background-color: transparent;
  border-color: transparent;
  color: var(--color_gray);
  min-height: 40px;
  padding: 7px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.top-nav-search .form-control::-webkit-input-placeholder {
  color: #ddd;
}
.top-nav-search .form-control::-moz-placeholder {
  color: #ddd;
}
.top-nav-search .form-control:-ms-input-placeholder {
  color: #ddd;
}
.top-nav-search .form-control::-ms-input-placeholder {
  color: #ddd;
}
.top-nav-search .form-control::placeholder {
  color: #ddd;
}
.top-nav-search.active form {
  display: block;
  left: 0;
  position: absolute;
}
.top-filter-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.top-filter-wrapper--right {
  position: absolute;
  right: 90px;
  top: 14px;
  z-index: 1003;
}
.top-filter-trigger {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background: #f8fafc;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px #0000000a;
  transition: all 0.2s ease-in-out;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}
.top-filter-trigger:hover {
  background: #f1f5f9;
  border-color: #00000026;
  color: #1e293b;
  transform: translateY(-1px);
}
.top-filter-trigger[aria-expanded="true"] {
  background: #3b82f6;
  color: #fff;
  border-color: #3b82f6;
  box-shadow: 0 4px 12px #3b82f64d;
}
.top-filter-badge {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #ff4d6d;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}
.top-filter-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: 320px;
  max-width: min(92vw, 320px);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow:
    0 12px 30px #00000014,
    0 4px 12px #00000008;
  z-index: 1200;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .top-filter-wrapper--right {
    display: none;
  }
}
.top-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-weight: 600;
  font-size: 15px;
  color: #1e293b;
  background: #f8fafc;
}
.top-filter-close {
  border: none;
  background: transparent;
  color: #64748b;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.top-filter-close:hover {
  background: #0000000d;
  color: #0f172a;
}
.top-filter-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 18px 10px;
}
.top-filter-body .form-group {
  margin-right: 0 !important;
  margin-bottom: 0;
  width: 100%;
}
.top-filter-body .custom-dropdown {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.top-filter-actions {
  display: flex;
  justify-content: flex-end;
  padding: 10px 18px 16px;
}
.top-filter-actions .btn {
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #475569;
  border-radius: 8px;
  font-weight: 600;
  font-size: 13px;
  background: #fff;
  padding: 6px 16px;
  cursor: pointer;
  transition: all 0.2s;
}
.top-filter-actions .btn:hover {
  background: #f1f5f9;
  border-color: #0003;
  color: #1e293b;
}
.profile-trigger-btn {
  padding: 0 4px !important;
  margin-top: 0 !important;
  height: 48px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.profile-avatar-ring {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0;
  box-shadow: 0 2px 8px #0000000a;
  transition: all 0.2s ease-in-out;
}
.profile-trigger-btn:hover .profile-avatar-ring {
  background: #f1f5f9;
  border-color: #00000026;
  transform: translateY(-1px);
}
.profile-avatar-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.profile-avatar-icon {
  font-size: 16px;
  color: #475569;
}
.profile-trigger-btn:hover .profile-avatar-icon {
  color: #1e293b;
}
.user-menu {
  display: flex;
  align-items: center;
  height: 70px;
}
.user-menu .nav-item {
  display: inline-flex;
  align-items: center;
}
footer {
  padding: 1.5rem 3rem;
  border-top: 1px solid var(--color_gray_lighter);
}
footer p {
  margin: 0;
}
.social-media {
  display: block;
}
.social-media a {
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  margin-left: 5px;
}
.social-media a i {
  font-size: 20px;
  line-height: 20px;
  padding: 5px;
  color: var(--color_gray);
}
.facebook i {
  color: #3b5998 !important;
  transition:
    background-color 0.5s,
    color 0.5s;
}
.google i {
  color: #dd4b39 !important;
  transition:
    background-color 0.5s,
    color 0.5s;
}
.linkedin i {
  color: #007bb5 !important;
  transition:
    background-color 0.5s,
    color 0.5s;
}
.sidebar {
  background-color: #dfd5d5;
  bottom: 0;
  left: 0;
  margin-top: 0;
  position: fixed;
  top: 60px;
  transition: all 0.2s ease-in-out 0s;
  width: 260px;
  z-index: 1001;
  overflow-y: auto;
  scrollbar-width: none;
}
.sidebar:hover {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}
.sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.sidebar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
  border: none;
}
.sidebar:hover::-webkit-scrollbar-thumb {
  background-color: #00000026;
}
.sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #0000004d;
}
.sidebar.opened {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sidebar-inner {
  height: 100%;
  min-height: 100%;
  transition: all 0.2s ease-in-out 0s;
}
.sidebar-inner.slimscroll {
  overflow: hidden !important;
}
.sidebar-menu {
  padding: 15px;
}
.sidebar-menu ul {
  font-size: 15px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.sidebar-menu li a {
  color: #213153;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  padding: 0 20px;
}
.sidebar-menu li a:hover {
  color: var(--color_gray_more_lighter);
}
.sidebar-menu > ul > li > a:hover {
  background-color: var(--color_gray_more_lighter);
  color: var(--primary_color);
  margin: 0 -15px;
  padding-left: 30px;
}
.sidebar-menu li > a.active {
  background-color: var(--color_gray_more_lighter);
  color: #5239ec;
  position: relative;
  margin: 0 -15px !important;
  padding-left: 30px;
}
.sidebar-menu li > a.active:before {
  width: 5px;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.sidebar-menu li > a.delete-payment-nav {
  color: #c0392b !important;
}
.sidebar-menu li > a.delete-payment-nav:hover,
.sidebar-menu li > a.delete-payment-nav.active {
  color: #e74c3c !important;
  background-color: #e74c3c1f;
}
.menu-title {
  color: var(--color_gray_light);
  display: flex;
  font-size: 14px;
  opacity: 1;
  padding: 30px 15px 5px;
  font-weight: 400;
  white-space: nowrap;
  cursor: default !important;
}
.menu-title > i {
  float: right;
  line-height: 40px;
}
.sidebar-menu li.menu-title a {
  color: #ff9b44;
  display: inline-block;
  margin-left: auto;
  padding: 0;
}
.sidebar-menu li.menu-title a.btn {
  color: var(--color_white);
  display: block;
  float: none;
  font-size: 15px;
  margin-bottom: 15px;
  padding: 10px 15px;
}
.sidebar-menu ul ul a.active {
  background-color: transparent;
  color: var(--color_gray_more_lighter);
  position: relative;
  margin: 0;
  padding: 7px 10px 7px 45px;
}
.mini-sidebar .sidebar-menu ul ul a {
  padding: 7px 10px 7px 19px !important;
}
.mini-sidebar .sidebar-menu ul ul a.active {
  padding: 7px 10px 7px 34px !important;
}
.mobile_btn {
  display: none;
  float: left;
}
.sidebar .sidebar-menu > ul > li > a span {
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
  margin-left: 9px;
}
.sidebar .sidebar-menu > ul > li > a span.chat-user {
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .sidebar-menu > ul > li > a span.badge {
  margin-left: auto;
}
.sidebar-menu ul ul a {
  display: block;
  color: var(--color_gray_light);
  font-size: 14px;
  font-weight: 400;
  padding: 7px 10px 7px 30px;
  position: relative;
}
.sidebar-menu ul ul {
  display: none;
}
.sidebar-menu ul ul ul a {
  padding-left: 65px;
}
.sidebar-menu ul ul ul ul a {
  padding-left: 85px;
}
.sidebar-menu > ul > li {
  margin-bottom: 3px;
  position: relative;
  cursor: pointer;
}
.sidebar-menu > ul > li:last-child {
  margin-bottom: 0;
}
.sidebar-menu .menu-arrow {
  -webkit-transition: -webkit-transform 0.15s;
  -o-transition: -o-transform 0.15s;
  transition: transform 0.15s;
  position: absolute;
  right: 15px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0);
  line-height: 18px;
  top: 14px;
}
.sidebar-menu .menu-arrow:before {
  content: "";
}
.sidebar-menu li a.subdrop .menu-arrow {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sidebar-menu ul ul a .menu-arrow {
  top: 10px;
}
.sidebar-menu > ul > li > a {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 12px 0 12px 15px;
  position: relative;
  transition: all 0.2s ease-in-out 0s;
}
.sidebar-menu ul li a i {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  vertical-align: middle;
  width: 20px;
  transition: all 0.2s ease-in-out 0s;
}
.sidebar-menu ul li.menu-title a i {
  font-size: 16px !important;
  margin-right: 0;
  text-align: right;
  width: auto;
}
.sidebar-menu li a > .badge {
  color: var(--color_white);
}
.main-wrapper {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
}
.page-wrapper {
  margin-left: 260px;
  padding-top: 60px;
  position: relative;
  transition: all 0.4s ease;
}
.page-wrapper > .content {
  padding: 3rem 1rem 1.5rem;
}
.page-header {
  margin-bottom: 1.875rem;
}
.page-header .breadcrumb {
  background-color: transparent;
  color: var(--color_gray);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0;
  text-transform: uppercase;
}
.min-h-100 {
  min-height: calc(100vh - 140px);
}
.breadcrumb-item.active {
  color: var(--color_gray);
}
.page-header .breadcrumb a {
  color: var(--primary_color);
}
.page-title {
  color: var(--color_gray);
  font-weight: 300;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .dashboard-page-title {
    width: auto;
  }
}
.login-body {
  display: table;
  height: 100vh;
  min-height: 100vh;
}
.login-wrapper {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  background: #2933b7 url(/assets/login-bg-img-C80xY_uq.png);
  background-image:
    url(/assets/login-bg-img-C80xY_uq.png),
    linear-gradient(
      45deg,
      var(--secondary_color) 0%,
      var(--primary_color) 50%,
      var(--primary_color) 100%
    );
  background-size: cover;
}
.login-wrapper .loginbox {
  background-color: var(--color_white);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000004d;
  display: flex;
  margin: 1.875rem auto;
  max-width: 900px;
  min-height: 500px;
  width: 100%;
}
.login-wrapper .loginbox .login-left {
  align-items: center;
  background: var(--color_gray_lighter);
  background-image: url(/assets/login-img-CZ0Lccgt.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 50px 70px;
  width: 450px;
}
.login-wrapper .loginbox .login-right {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 50px 70px;
  width: 450px;
}
.close-icon {
  top: 15px;
  right: 0;
  color: var(--color_red);
  background-color: var(--color_gray_lighter);
  padding: 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 30px 0 0 30px;
}
.login-wrapper .loginbox .login-right .login-right-wrap {
  max-width: 100%;
  flex: 0 0 100%;
}
.login-wrapper .loginbox .login-right .login-right-wrap .logo img {
  max-width: 70%;
}
.login-wrapper .loginbox .login-right h1 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 5px;
  text-align: center;
}
.account-subtitle {
  color: #4c4c4c;
  font-size: 17px;
  margin-bottom: 1.875rem;
  text-align: center;
}
.login-wrapper .loginbox .login-right .forgotpass {
  margin-bottom: 1.25rem;
}
.login-wrapper .loginbox .login-right .forgotpass a {
  color: var(--color_gray);
  font-size: 14px;
  font-weight: 500;
}
.login-wrapper .loginbox .login-right .forgotpass a:hover {
  color: var(--color_gray);
  text-decoration: underline;
}
.login-wrapper .loginbox .login-right .dont-have {
  color: #a0a0a0;
  margin-top: 1.875rem;
}
.login-wrapper .loginbox .login-right .dont-have a {
  color: var(--color_gray);
}
.login-wrapper .loginbox .login-right .dont-have a:hover {
  text-decoration: underline;
}
.login-wrapper .btn-primary {
  color: var(--color_white);
  border-radius: 50px;
  font-size: 18px;
  padding: 0.575rem 1rem;
  text-transform: uppercase;
  border: 0;
  background: var(--secondary_color);
  background-image: var(--primary_btn_color);
}
.login-wrapper .btn-primary:hover {
  background: var(--primary_btn_color);
  background-size: 200% 200%;
  border: 0;
  box-shadow: 0 1px 10px #2933b74d;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
.login-wrapper .input-area {
  border-radius: 50px;
  background-color: var(--color_gray_lighter);
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
.login-wrapper .input-area i {
  font-size: 18px;
  line-height: 40px;
  margin: 2px 0;
  padding: 0 10px 0 15px;
  color: #9baec1;
  border-right: 0;
}
.login-wrapper input {
  border: 0;
  background-color: var(--color_gray_lighter);
  padding: 7px !important;
  height: 43px;
  width: 100%;
}
.login-wrapper input:focus {
  background-color: var(--color_gray_lighter);
  box-shadow: none;
}
.login-wrapper .form-control::-webkit-input-placeholder {
  color: #9baec1;
}
.login-wrapper.form-control::-moz-placeholder {
  color: #9baec1;
}
.login-wrapper .form-control:-ms-input-placeholder {
  color: #9baec1;
}
.login-wrapper .form-control::-ms-input-placeholder {
  color: #9baec1;
}
.login-wrapper .form-control::placeholder {
  color: #9baec1;
}
.social-login {
  text-align: center;
}
.social-login > span {
  color: #a0a0a0;
  margin-right: 8px;
}
.social-login > a {
  background-color: var(--color_gray_lighter);
  border-radius: 40px;
  border: 1px solid var(--color_gray_lighter);
  color: var(--color_white);
  display: inline-block;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  margin-right: 6px;
  text-align: center;
  width: 32px;
}
.social-login > a:last-child {
  margin-right: 0;
}
.social-login > a.facebook {
  color: #4b75bd;
}
.social-login > a.google {
  color: #fe5240;
}
.login-or {
  color: #a0a0a0;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.or-line {
  background-color: #e5e5e5;
  height: 1px;
  margin-bottom: 0;
  margin-top: 0;
  display: block;
}
.span-or {
  background-color: var(--color_white);
  display: block;
  left: 50%;
  margin-left: -70px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 140px;
}
.notifications {
  padding: 0;
}
.notifications .notification-time {
  font-size: 12px;
  line-height: 1.35;
  color: #bdbdbd;
}
.notifications .media {
  margin-top: 0;
  border-bottom: 1px solid #f5f5f5;
}
.notifications .media:last-child {
  border-bottom: none;
}
.notifications .media a {
  display: block;
  padding: 10px 15px;
  border-radius: 2px;
}
.notifications .media a:hover {
  background-color: #fafafa;
}
.notifications .media > .avatar {
  margin-right: 10px;
}
.notifications .media-list .media-left {
  padding-right: 8px;
}
.topnav-dropdown-header {
  border-bottom: 1px solid #eee;
  text-align: center;
}
.topnav-dropdown-header,
.topnav-dropdown-footer {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.topnav-dropdown-footer {
  border-top: 1px solid #eee;
}
.topnav-dropdown-footer a {
  display: block;
  text-align: center;
  color: var(--color_gray);
}
.user-menu.nav > li > a .badge {
  background-color: var(--color_gray_more_lighter);
  border: 1px solid var(--color_red);
  display: block;
  font-size: 12px;
  font-weight: 700;
  min-width: 22px;
  line-height: 16px;
  position: absolute;
  right: 7px;
  top: 13px;
  color: var(--color_red);
  padding: 3px;
}
.user-menu.nav > li > a > i {
  font-size: 1.5rem;
  line-height: 60px;
}
.noti-details {
  color: #989c9e;
  margin-bottom: 0;
}
.noti-title {
  color: var(--color_gray);
}
.notifications .noti-content {
  height: 290px;
  width: 350px;
  overflow-y: auto;
  position: relative;
}
.notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notifications ul.notification-list > li {
  margin-top: 10px;
}
.notifications ul.notification-list > li:last-child {
  border-bottom: none;
}
.notifications ul.notification-list > li a {
  display: block;
  padding: 10px 15px;
  border-radius: 2px;
}
.notifications ul.notification-list > li a:hover {
  background-color: #fafafa;
}
.notifications ul.notification-list > li .list-item {
  border: 0;
  padding: 0;
  position: relative;
}
.topnav-dropdown-header .notification-title {
  color: var(--color_gray);
  display: block;
  float: left;
  font-size: 14px;
}
.topnav-dropdown-header .clear-noti {
  color: var(--primary_color);
  float: right;
  font-size: 12px;
  text-transform: uppercase;
}
.noti-time {
  margin: 0;
}
.book-image-place {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  max-height: 180px;
  overflow: hidden;
  border-radius: 10px;
}
.height-50px {
  height: 50px;
  overflow: hidden;
}
.white-shadow {
  height: 20px;
  width: 80px;
  position: absolute;
  bottom: -9px;
  right: 7px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #fff 80%);
}
.white-shadow1 {
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f9fbfc;
  background: linear-gradient(0deg, #f9fbfc 22%, #fff0);
}
.product_ratings {
  margin-bottom: 5px;
}
.product_ratings ul {
  display: inline-flex;
  margin: 0;
}
.product_ratings ul li,
.product_ratings ul li a {
  line-height: 12px;
  color: #ffcb15;
  font-size: 12px;
  margin: 2px;
}
.product_ratings ul li a i {
  vertical-align: bottom;
}
.subject-tag-big {
  display: inline-block;
  border-radius: 50px;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 20px;
  right: 10px;
  top: 10px;
  font-weight: 500;
  color: var(--primary_color);
  background-color: var(--color_white);
  border: 1px solid var(--color_gray_lighter);
  text-transform: capitalize;
}
.subject-tag-big:hover {
  color: var(--color_white);
  background-color: var(--primary_color);
  border: 1px solid var(--primary_color);
}
.subject-tag {
  position: absolute;
  display: inline-block;
  border-radius: 50px;
  font-size: 10px;
  line-height: 16px;
  padding: 3px 10px;
  right: 10px;
  bottom: 10px;
  font-weight: 600;
  background-color: var(--color_purple);
  text-transform: uppercase;
  color: var(--color_white);
  box-shadow: 0 1px 5px #0000007f;
}
.book-img img {
  height: auto;
  max-width: 170px;
  width: 170px;
  border: 7px solid var(--color_gray_lighter);
}
.teacher-img .card-title {
  width: 130px;
}
.bg-one {
  background-color: #fdbb3880;
  border-color: #fdbb38;
  border-radius: 30px 0;
}
.bg-two {
  background-color: #19affb33;
  border-color: #19affb;
  border-radius: 30px 0;
}
.bg-three {
  background-color: #f4684133;
  border-color: #f46841;
  border-radius: 30px 0;
}
.bg-four {
  background-color: #6e6bfa33;
  border-color: #6e6bfa;
  border-radius: 30px 0;
}
.white-board {
  background: var(--color_light);
  width: 90px;
  height: 90px;
  text-align: center;
  padding-top: 15px;
  border: 10px solid var(--color_sea_green);
}
.white-board i {
  color: var(--color_sea_green);
}
.assignmens-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  margin-right: 15px;
  border: 10px solid #f1f1f8;
}
.assignmens-icon svg {
  color: var(--color_gray);
  font-size: 30px;
  line-height: 53px;
}
.from-fill-up-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color_peach);
  border-radius: 50px;
  width: 75px;
  height: 75px;
  margin-right: 15px;
  text-align: center;
  border: 10px solid var(--color_peach_light);
}
.from-fill-up-icon svg {
  color: var(--color_white);
  font-size: 30px;
  line-height: 53px;
}
.small-icon-area {
  display: block;
  background-color: var(--color_white);
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  text-align: center;
}
.db-icon {
  font-size: 25px;
  width: 60px;
  height: 60px;
  padding: 13px 21px;
  border-radius: 10px;
  color: var(--color_white);
}
.bg-one .db-icon {
  background-color: #fdbb38;
}
.bg-two .db-icon {
  background-color: #19affb;
  padding: 13px 15px;
}
.bg-three .db-icon {
  background-color: #f46841;
}
.bg-four .db-icon {
  background-color: #6e6bfa;
}
.db-info h6 {
  margin: 0;
  font-weight: 400;
}
.card-chart .card-body {
  padding: 0;
}
.activity-feed {
  list-style: none;
  margin-bottom: 0;
  margin-left: 5px;
  padding: 0;
}
.activity-feed .feed-item {
  border-left: 2px solid #e4e8eb;
  padding-bottom: 19px;
  padding-left: 20px;
  position: relative;
}
.activity-feed .feed-item:last-child {
  border-color: transparent;
  padding-bottom: 0;
}
.activity-feed .feed-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--primary_color);
}
.activity-feed .feed-item .feed-date {
  display: block;
  position: relative;
  color: #777;
  text-transform: uppercase;
  font-size: 13px;
}
.activity-feed .feed-item .feed-text {
  color: #777;
  position: relative;
}
.activity-feed .feed-item .feed-text a {
  color: var(--color_gray);
  font-weight: 600;
}
.sm-box {
  padding: 20px;
  box-shadow: 0 0 10px #0000001a;
  border-radius: 10px;
}
.sm-box .fab {
  font-size: 80px;
  position: absolute;
  right: 15px;
  bottom: 0;
}
.sm-box h6 {
  color: var(--color_white);
  font-size: 25px;
  font-weight: 600;
}
.sm-box p {
  color: var(--color_white);
  font-size: 25px;
  margin: 0;
}
.about-info img {
  width: 250px;
}
.about-info ul li {
  font-size: 18px;
  margin: 0 0 15px 10px;
  display: flex;
}
.title-span {
  font-weight: 500;
  width: 150px;
}
.blue-box {
  background-color: var(--primary_color);
  padding: 40px 30px;
  box-shadow: 0 0 10px #0000001a;
  border-radius: 10px;
  color: var(--color_white);
  text-align: center;
}
.follow-sec h3 {
  font-size: 35px;
  font-weight: 600;
}
.follow-sec p {
  font-size: 18px;
  margin: 0;
}
.skill-info {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.skill-info ul li {
  margin-bottom: 25px;
}
.calendar-events {
  border: 1px solid transparent;
  cursor: move;
  padding: 10px 15px;
}
.calendar-events:hover {
  border-color: #e9e9e9;
  background-color: var(--color_white);
}
.calendar-events i {
  margin-right: 8px;
}
.calendar {
  float: left;
  margin-bottom: 0;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5rem;
}
.none-border .modal-footer {
  border-top: none;
}
.fc-toolbar h2 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--custom-font-family);
  line-height: 30px;
  text-transform: uppercase;
}
.fc-day-grid-event .fc-time {
  font-family: var(--custom-font-family);
}
.fc-day {
  background: var(--color_white);
}
.fc-toolbar button {
  border-radius: 50px !important;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}
.fc th.fc-widget-header {
  background: var(--color_gray_lighter);
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: var(--color_gray_lighter);
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
  padding: 2px 5px;
}
.fc-button {
  background: var(--color_gray_lighter);
  border: none;
  color: #797979;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  box-shadow: none !important;
  border-radius: 3px !important;
  margin: 0 5px !important;
  padding: 6px 15px !important;
  height: auto !important;
}
.fc-left .fc-button-group button {
  border-radius: 50px !important;
  padding: 6px !important;
}
.fc-text-arrow {
  font-family: inherit;
  font-size: 16px;
}
.fc-state-hover {
  background: #f3f3f3;
}
.fc-state-highlight {
  background: #f0f0f0;
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: var(--primary_color) !important;
  color: var(--color_white) !important;
  text-shadow: none !important;
}
.fc-cell-overlay {
  background: #f0f0f0;
}
.fc-unthemed .fc-today {
  background: var(--color_white);
}
.fc-event {
  border-radius: 2px;
  border: none;
  color: var(--color_white) !important;
  cursor: move;
  font-size: 13px;
  margin: 1px 7px;
  padding: 5px;
  text-align: center;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-right: 8px;
  font-weight: 700;
  font-family: var(--custom-font-family);
}
.event-form .input-group .form-control {
  height: 40px;
}
.submit-section {
  text-align: center;
  margin-top: 40px;
}
.submit-btn {
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  min-width: 200px;
  padding: 10px 20px;
}
.dropdown-action {
  margin-bottom: 5px;
}
.dropdown-action .dropdown-toggle:after {
  display: none;
}
.table-inbox input[type="radio"],
.table-inbox input[type="checkbox"] {
  cursor: pointer;
}
.mail-list {
  list-style: none;
  padding: 0;
}
.mail-list > li > a {
  color: var(--color_gray);
  display: block;
  padding: 10px;
}
.mail-list > li.active > a {
  color: #ffbc53;
  font-weight: 700;
}
.unread .name,
.unread .subject,
.unread .mail-date {
  color: #000;
  font-weight: 600;
}
.table-inbox .starred.fa-star {
  color: #ffd200;
}
.table.table-inbox > tbody > tr > td,
.table.table-inbox > tbody > tr > th,
.table.table-inbox > tfoot > tr > td,
.table.table-inbox > tfoot > tr > th,
.table.table-inbox > thead > tr > td,
.table.table-inbox > thead > tr > th {
  border-bottom: 1px solid #f2f2f2;
  border-top: 0;
}
.table-inbox {
  font-size: 15px;
  margin-bottom: 0;
}
.table.table-inbox thead {
  background-color: var(--color_white);
}
.note-editor.note-frame {
  border: 1px solid #ddd;
  box-shadow: inherit;
}
.note-editor.note-frame .note-statusbar {
  background-color: var(--color_white);
}
.note-editor.note-frame.fullscreen {
  top: 60px;
}
.note-editor.note-frame .btn-light {
  background-color: #f9f9f9;
  box-shadow: unset;
  color: var(--color_gray);
}
.mail-title {
  font-weight: 700;
  text-transform: uppercase;
}
.form-control.search-message {
  border-color: #ccc;
  border-radius: 8px;
  height: 38px;
  width: 180px;
}
.page-search {
  margin-right: 15px;
}
.page-search form {
  position: relative;
  width: 300px;
}
.page-search .form-control {
  background-color: var(--color_white);
  border-radius: 50px;
  border: 1px solid var(--color_gray_lighter);
  color: var(--color_gray);
  height: 40px;
  padding: 10px 50px 10px 15px;
}
.page-search .btn {
  background-color: var(--color_gray_lighter);
  color: var(--color_gray);
  border-radius: 50px;
  height: 33px;
  width: 33px;
  position: absolute;
  padding: 0 0 0 2px;
  right: 3px;
  top: 4px;
}
.page-search .form-control::-webkit-input-placeholder {
  color: #ddd;
}
.page-search .form-control::-moz-placeholder {
  color: #ddd;
}
.page-search .form-control:-ms-input-placeholder {
  color: #ddd;
}
.page-search .form-control::-ms-input-placeholder {
  color: #ddd;
}
.page-search .form-control::placeholder {
  color: #ddd;
}
.page-search.active form {
  display: block;
  left: 0;
  position: absolute;
}
.btn-more-search {
  background-color: var(--color_gray_lighter);
  border-radius: 50px;
  border: 1px solid #ddd;
  color: var(--color_gray);
  padding: 7px 20px;
}
.dropdown-menu .btn-more-search {
  background-color: var(--color_white);
  border-radius: 50px;
  border: 1px solid var(--primary_color);
  color: var(--primary_color);
  padding: 7px 20px;
}
.dropdown-toggle:after {
  display: inline-block;
  top: 7px;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}
.dropdown-menu .btn-more-search:hover {
  background-color: var(--primary_color);
  border-radius: 50px;
  border: 1px solid var(--primary_color);
  color: var(--color_white);
  padding: 7px 20px;
}
.btn-reset {
  background-color: var(--color_white);
  border-radius: 50px;
  border: 1px solid #ffba0a;
  color: #ffba0a;
  padding: 7px 20px;
}
.btn-reset:hover {
  color: var(--color_white);
  background-color: #ffba0a;
  border: 1px solid #ffba0a;
}
.btn-excel {
  background-color: var(--color_white);
  border-radius: 50px;
  border: 1px solid #7bb13c;
  color: #7bb13c;
  padding: 7px 20px;
}
.btn-excel:hover {
  color: var(--color_white);
  background-color: #7bb13c;
  border: 1px solid #7bb13c;
}
.table-inbox tr {
  cursor: pointer;
}
table.table-inbox tbody tr.checked {
  background-color: #ffc;
}
.mail-label {
  font-size: 16px !important;
  margin-right: 5px;
}
.inbox-menu {
  display: inline-block;
  margin: 0 0 1.875rem;
  padding: 0;
  width: 100%;
}
.inbox-menu li {
  display: inline-block;
  width: 100%;
}
.inbox-menu li + li {
  margin-top: 2px;
}
.inbox-menu li a {
  color: var(--color_gray);
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
  text-transform: capitalize;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
}
.inbox-menu li a i {
  font-size: 16px;
  padding-right: 10px;
  color: #878787;
}
.inbox-menu li a:hover,
.inbox-menu li.active a,
.inbox-menu li a:focus {
  background: #2121210d;
}
.compose-btn {
  margin-bottom: 1.875rem;
}
.compose-btn a {
  font-weight: 600;
  padding: 8px 15px;
}
.error-page {
  align-items: center;
  color: #1f1f1f;
  display: flex;
}
.error-page .main-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  justify-content: center;
  width: 100%;
  min-height: unset;
}
.error-box {
  margin: 0 auto;
  max-width: 480px;
  padding: 1.875rem 0;
  text-align: center;
  width: 100%;
}
.error-box h1 {
  color: #ffbc53;
  font-size: 10em;
}
.error-box p {
  margin-bottom: 1.875rem;
}
.error-box .btn {
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  min-width: 200px;
  padding: 10px 20px;
}
.profile-header {
  background: var(--gradient-style1);
  border-radius: 8px;
  padding: 1.5rem;
  animation: gradient 15s ease infinite;
}
.profile-header-green {
  background: var(--gradient-style3);
  border-radius: 8px;
  padding: 1.5rem;
  color: var(--color_white);
}
.profile-menu {
  background-color: var(--color_white);
  box-shadow: 0 2px 2px #0000001a;
  padding: 0.9375rem 1.5rem;
}
.profile-menu .nav-tabs.nav-tabs-solid {
  background-color: transparent;
}
.profile-header {
  color: var(--color_white);
}
.profile-header img {
  height: auto;
  max-width: 120px;
  width: 120px;
  border: 7px solid var(--color_white);
}
.logo-header img {
  height: auto;
  max-height: 80px;
  height: 80px;
  width: auto;
  max-width: fit-content;
  border: 7px solid var(--color_white);
  background: var(--color_gray_more_lighter);
  padding: 10px;
  border-radius: 5px;
}
.photo-edit {
  background-color: var(--color_white);
  border-radius: 40px;
  color: var(--primary_color) !important;
  width: 25px;
  padding: 3px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 2px 5px #0000004d;
  top: 2px;
  right: 17px;
  cursor: pointer;
}
.teacher-img img {
  height: auto;
  max-width: 120px;
  width: 120px;
  border: 7px solid var(--color_gray_lighter);
}
.user-name {
  text-transform: uppercase;
}
.replace-btn {
  bottom: 35%;
  left: 0;
}
.replace-btn .btn-primary {
  background: var(--color_pink);
  background-image: none;
  border-radius: 40px;
  color: var(--color_white) !important;
  padding: 2px 15px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 2px 5px #0000004d;
}
.replace-btn .btn-primary:hover,
.replace-btn .btn-primary:focus,
.replace-btn .btn-primary:active {
  background-color: var(--color_purple) !important;
  background-image: none;
}
.profile-tab-cont {
  padding-top: 1.875rem;
}
.about-text {
  max-width: 500px;
}
.skill-tags span {
  background-color: #f4f4f5;
  border-radius: 8px;
  color: #66676b;
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  margin: 2px 0;
  padding: 5px 15px;
}
.edit-link {
  color: #66676b;
  font-size: 16px;
  margin-top: 4px;
}
.form-title {
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: inherit;
  color: var(--color_gray);
  white-space: normal;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.form-title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  top: 50%;
  background-color: #0000001a;
}
.form-title span {
  padding: 0px 0.5rem 0 0;
  background-color: var(--color_white);
  display: inline-block;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 1199.5px) and (max-width: 1620px) {
  .sm-box p {
    color: var(--color_white);
    font-size: 18px;
  }
  .fa-twitter {
    bottom: -6px !important;
  }
  .fa-instagram {
    bottom: -4px !important;
  }
  .fa-linkedin-in {
    bottom: -9px !important;
  }
}
@media only screen and (max-width: 1199.5px) {
  .sm-box h6 {
    font-size: 30px;
  }
  .sm-box p {
    font-size: 22px;
  }
  .sm-box .fab {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .avatar-xxl {
    width: 8rem;
    height: 8rem;
  }
  .avatar-xxl .border {
    border-width: 4px !important;
  }
  .avatar-xxl .rounded {
    border-radius: 12px !important;
  }
  .avatar-xxl .avatar-title {
    font-size: 42px;
  }
  .avatar-xxl.avatar-away:before,
  .avatar-xxl.avatar-offline:before,
  .avatar-xxl.avatar-online:before {
    border-width: 4px;
  }
}
@media only screen and (max-width: 991.98px) {
  .header .header-left {
    position: absolute;
    width: 100%;
    padding: 0 50px;
  }
  .mobile_btn {
    color: var(--primary_color) !important;
    cursor: pointer;
    display: block;
    font-size: 24px;
    height: 60px;
    left: 0;
    line-height: 60px;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 10;
  }
  #toggle_btn,
  .top-nav-search {
    display: none;
  }
  .login-wrapper .loginbox .login-left {
    padding: 80px 50px;
    width: 50%;
  }
  .login-wrapper .loginbox .login-right {
    padding: 50px;
    width: 50%;
  }
  .sidebar {
    margin-left: -225px;
    width: 225px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1041;
  }
  .page-wrapper {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .user-menu.nav > li > a {
    color: var(--secondary_color);
  }
  .user-menu.nav > li > a .badge {
    background-color: #ffbc53;
    color: var(--color_white);
  }
  .user-menu.nav > li > a:hover i,
  .user-menu.nav > li > a:focus i {
    color: var(--secondary_color);
  }
  .sm-box h6 {
    font-size: 25px;
  }
  .sm-box p {
    font-size: 20px;
  }
  .sm-box .fab {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767.98px) {
  body {
    font-size: 0.9375rem;
  }
  h1,
  .h1 {
    font-size: 2rem;
  }
  h2,
  .h2 {
    font-size: 1.75rem;
  }
  h3,
  .h3 {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 1.125rem;
  }
  h5,
  .h5 {
    font-size: 1rem;
  }
  h6,
  .h6 {
    font-size: 0.875rem;
  }
  .page-search,
  .page-search form {
    width: 100%;
  }
  .header .has-arrow .dropdown-toggle:after {
    display: none;
  }
  .navbar-nav .open .dropdown-menu {
    float: left;
    position: absolute;
  }
  .navbar-nav.user-menu .open .dropdown-menu {
    left: auto;
    right: 0;
  }
  .header .header-left {
    padding: 0 15px;
  }
  .header .header-left .logo {
    display: none !important;
  }
  .header-left .logo.logo-small {
    display: inline-block;
    left: 50px;
    position: relative;
  }
  .login-wrapper .loginbox .login-left {
    display: none;
  }
  .login-wrapper .loginbox {
    max-width: 450px;
    min-height: unset;
  }
  .login-wrapper .loginbox .login-right {
    float: none;
    padding: 1.875rem;
    width: 100%;
  }
  .left-action {
    text-align: center;
    margin-bottom: 15px;
  }
  .right-action {
    text-align: center;
  }
  .top-action-left .float-left {
    float: none !important;
  }
  .top-action-left .btn-group {
    margin-bottom: 15px;
  }
  .top-action-right {
    text-align: center;
  }
  .top-action-right a.btn.btn-white {
    margin-bottom: 15px;
  }
  .mail-sent-time {
    float: left;
    margin-top: 10px;
    width: 100%;
  }
  .profile-btn {
    flex: 0 0 100%;
    margin-top: 20px;
  }
  .edit-link {
    font-size: 0.875rem;
    margin-top: 0;
  }
  .product_price {
    font-size: 1.5rem;
  }
  .login-wrapper .loginbox .login-right h1 {
    font-size: 22px;
  }
  .error-box h1 {
    font-size: 6em;
  }
  .error-box .btn {
    font-size: 15px;
    min-width: 150px;
    padding: 8px 20px;
  }
  .user-menu {
    padding-right: 0;
  }
}
@media only screen and (max-width: 575.98px) {
  .page-wrapper > .content {
    padding: 0.9375rem 0.9375rem 0;
  }
  .card-body {
    padding: 0;
  }
  .card-footer {
    padding: 5px 0;
  }
  .card-chart .card-body {
    padding: 0;
  }
  .page-header {
    margin-bottom: 0.9375rem;
  }
  .account-wrapper {
    padding: 0.9375rem;
  }
  .profile-image {
    flex: 0 0 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .profile-user-info,
  .profile-btn {
    text-align: center;
  }
  .fc-toolbar .fc-right {
    display: inline-block;
    float: none;
    margin: 10px auto 0;
    width: auto;
    clear: both;
  }
  .fc-toolbar .fc-left {
    float: none;
    margin: 0 auto;
    width: 200px;
  }
  .fc-toolbar .fc-center {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .fc-toolbar .fc-center h2 {
    width: 100%;
  }
  .profile-tab-cont {
    padding-top: 1.25rem;
  }
  .about-info .media {
    flex-direction: column;
  }
  .title-span {
    width: 100px;
  }
  .about-info ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 479px) {
  .page-header .breadcrumb {
    display: none;
  }
  .dropdown-menu.notifications.show {
    transform: translate3d(-190px, 60px, 0) !important;
  }
  .user-menu .dropdown-menu {
    width: 310px;
  }
  .notifications .noti-content {
    width: 310px;
    height: 355px;
  }
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 1.2em;
}
.canvas_captcha {
  border-radius: 50px 0 0 50px;
}
.reload_captcha {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}
.reload_captcha_new {
  padding: 0;
  margin-left: 10px;
  background: transparent;
  border: none;
}
.captcha_canvas_new {
  background: #fff;
  border: 1px solid #8b8b8b;
  border-radius: 8px;
}
.input_captcha {
  font-family:
    Roboto Mono,
    monospace;
  font-size: 1rem;
  width: 100%;
  padding: 16px;
  border: 2px solid crimson;
  border-radius: 20px;
}
.simScrollDiv {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slimscroll {
  overflow: hidden;
  width: 100%;
}
.captcha_missMatch {
  color: red;
  font-size: 14px;
  font-family: "Roboto , mono";
}
a {
  text-decoration: none;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.p-breadcrumb-list {
  margin: 0;
}
.active-breadcrumb {
  color: #6100e3;
}
.p-breadcrumb {
  border: none;
  background: transparent;
  border-radius: 0%;
  padding: 5px 0 10px;
}
.t-ques {
  padding: 15px 15px 5px;
  border-bottom: 1px solid #333;
}
.ques_wrapper {
  padding: 15px 0 15px 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: #f5f5f5;
}
.style-2::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.style-2::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #333;
}
.ques_wrapper .ques_box {
  display: flex;
  justify-content: flex-start;
  float: left;
  align-items: center;
  margin: 0 5px 15px;
}
.ques_wrapper .ques_box input {
  width: 55px;
  border: 1px solid #bebebe;
  padding: 0.75rem 0.5rem;
}
.ques_wrapper .ques_box p {
  margin-bottom: 0;
}
.ques_wrapper .p-inputgroup {
  width: auto;
}
.ques_footer {
  margin: 20px 0;
  padding: 15px;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
.ques_footer ul {
  display: flex;
  justify-content: right;
  margin: 5px 0 0;
  gap: 25px;
}
.tab_wp ul {
  justify-content: left;
  margin-left: 20px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--color_gray);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #b863cf;
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #b863cf;
}
.tab_wp .nav-tabs {
  border-bottom: none;
}
.tab_wp .tab-content {
  padding: 0 15px;
}
.qp_left,
.qp_right {
  display: grid;
  gap: 10px;
  justify-content: center;
  height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.pagination-wp {
  display: grid;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  background: transparent;
}
.ques_footer .btn-danger {
  background: #ffefef;
  border: 1px solid #ef0000;
  color: #ef0000;
}
.ques_footer .btn-success {
  background: #ecfff0;
  border: 1px solid #1dcf44;
  color: #1dcf44;
}
.heading_captcha {
  margin: 50px;
  font-size: 30px;
  text-align: center;
  color: green;
}
.wrapper_captcha {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin: 1em 0;
  border-radius: 50px;
  border: 2px solid gray;
}
.pwd,
.pwd:focus,
.reveal {
  border: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  height: auto;
  width: auto;
  box-shadow: none;
}
.invalid {
  border-width: 1px 1px 1px 10px !important;
  border-style: solid !important;
  border-color: rgb(191, 22, 80) rgb(191, 22, 80) rgb(191, 22, 80)
    rgb(236, 89, 144) !important;
  border-image: initial !important;
  background: #fbecf2 !important;
}
.action-btn {
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #ccc;
  height: 30px;
  width: 30px;
}
.shadow-btn {
  box-shadow: 1px 1px 7px #00000026 !important;
}
.accordion-item {
  border-radius: 8px;
  margin-bottom: 10px;
  background-color: #f9f9f9;
}
.p-invalid {
  border-width: 1px 1px 1px 10px;
  border-style: solid;
  border-color: rgb(191, 22, 80) rgb(191, 22, 80) rgb(191, 22, 80)
    rgb(236, 89, 144) !important;
  border-image: initial;
  background: #fbecf2;
}
.p-datatable .p-paginator-top {
  border-width: 1px 0 0 0 !important;
}
.icon-pre {
  margin-top: 27px;
  padding: 10px;
  border: 1px solid gray;
  border-radius: 5px;
}
.menu-teamplate svg {
  margin-top: 7px;
}
.menu-teamplate p:nth-of-type(2) {
  font-size: 12px;
  font-weight: 400;
  margin-left: 10px !important;
}
.ques_footer .btn {
  font-size: 15px;
  height: 30px;
  padding: 0 20px;
  border-radius: 5px;
}
.pagination-wp input {
  border: 1px solid #828282;
  width: 40px;
  height: 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #828282;
}
.pagination-wp .page-item img {
  height: 17px;
}
.pagination-wp .pagination-sm .page-link {
  padding: 0.1rem 0.5rem;
}
.crose_2 img {
  width: 30px !important;
  height: 30px !important;
  object-fit: scale-down;
  position: absolute;
  left: 50%;
  top: 35%;
}
.ques_wp img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}
.checking-wp .tick_ {
  position: absolute;
  top: 10%;
}
.checking-wp .crose_ {
  position: absolute;
  top: 25%;
}
.checking-wp .tick_2 {
  position: absolute;
  top: 40%;
}
.checking-wp .tick_3 {
  position: absolute;
  top: 55%;
}
.checking-wp .tick_ img,
.checking-wp .tick_2 img,
.checking-wp .tick_3 img,
.checking-wp .crose_ img {
  width: 30px !important;
  height: 30px !important;
  object-fit: scale-down;
}
.grand_total {
  border: 1px solid #dcdcdc;
  width: 278px;
  height: 278px;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
}
.grand_total h2 {
  font-size: 96px;
  line-height: 0;
  margin-top: -40px;
}
.grand_total h5 {
  font-size: 20px;
  margin-top: 30px;
}
.grand_total p {
  margin-top: -60px;
  color: #bebebe;
}
.gt_right-box .btn-info {
  background: #6e5dd1;
  border-color: #6e5dd1;
  width: 123px;
  font-size: 16px;
}
.gt_right-box textarea.form-control {
  height: 150px;
}
.ques_wpp {
  background-color: #eee;
  display: block;
  height: 600px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 30px 50px 0;
  text-align: left;
}
.menu {
  margin-top: 20px;
}
.menu .accordion-heading {
  position: relative;
}
.menu .accordion-heading .edit {
  position: absolute;
  top: 8px;
  right: 30px;
}
.menu .area {
  border-left: 4px solid #f38787;
}
.menu .equipamento {
  border-left: 4px solid #65c465;
}
.menu .ponto {
  border-left: 4px solid #98b3fa;
}
.menu .collapse.in {
  overflow: visible;
}
.accordion {
  margin-bottom: 0;
  background-color: #fff;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.nav .nav-link {
  color: #888;
}
.pdf-container {
  width: 100%;
  height: 400px;
  overflow: auto;
}
.pdf-page {
  width: 100%;
  height: auto;
}
.nav-tabs {
  margin-left: 0;
  margin-right: 0;
}
.react-pdf__Page__canvas {
  min-width: 100% !important;
}
.zoomInOutBtn {
  background: #f9f3f3;
  width: fit-content;
  padding: 5px 10px 5px 5px;
  border-radius: 35px;
}
.annotationBtnActive {
  border-bottom: 2px solid #a711f3 !important;
}
.annotationBtn {
  border-bottom: 2px solid rgba(167, 17, 243, 0);
  padding: 7px;
}
.annotationBg {
  background: #edf1f1;
  border-radius: 8px;
  overflow: auto;
}
.action_btn {
  display: flex;
  flex-direction: column;
  background: #c7c7c7;
  border-radius: 15px;
}
.sticky-action {
  position: sticky;
  display: inline-block;
  top: 11px;
  left: 96%;
  z-index: 1;
}
.page-item a {
  margin: 0 5px;
}
.image_pagination {
  position: absolute;
  bottom: 22px;
  right: 20px;
  background: #fff;
  padding: 10px;
  border-radius: 50px;
}
.loader-area {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.marksInput {
  transition: background-color 0.3s ease;
  background-size: 200% 100%;
  background-position: right bottom;
}
.annotation-action-btn {
  display: flex;
  flex-direction: column;
  gap: 13px;
  justify-items: stretch;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid gray;
}
.annotation-action-btn-3 {
  display: flex;
  gap: 7px;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.btn-save {
  background-color: #e5f3fd;
  border: 1px solid var(--primary_color);
  color: #028ee1;
}
.btn-save:hover,
.btn-save:focus,
.btn-save.active,
.btn-save:active,
.open > .dropdown-toggle.btn-save {
  background-color: #e5f3fd;
  border: 1px solid #028ee1;
  color: #028ee1;
}
.btn-save.active.focus,
.btn-save.active:focus,
.btn-save.active:hover,
.btn-save.focus:active,
.btn-save:active:focus,
.btn-save:active:hover,
.open > .dropdown-toggle.btn-save.focus,
.open > .dropdown-toggle.btn-save:focus,
.open > .dropdown-toggle.btn-save:hover {
  background-color: #e5f3fd;
  border: 1px solid #028ee1;
  color: #028ee1;
}
.btn-save.active:not(:disabled):not(.disabled),
.btn-save:active:not(:disabled):not(.disabled),
.show > .btn-save.dropdown-toggle {
  background-color: #e5f3fd;
  border-color: #028ee1;
  color: #028ee1;
}
.pagination-text {
  text-align: center;
  font-weight: 700;
  margin-top: 5px;
  font-size: 22px;
}
label {
  margin-bottom: 0.5rem;
}
.question-drag {
  background: #f5f7fc;
  border-radius: 18px;
  padding: 16px;
}
.panel-heading {
  position: relative;
  cursor: move;
}
.course-edit-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #3743be;
  text-align: center;
  padding: 15px 38px;
  background: #fff;
  border: 2px solid rgba(55, 67, 190, 0.15);
  box-shadow: 3px 5px 9px #0000000d;
  border-radius: 18px;
}
.course-edit-btn:hover {
  background: #3743be26;
}
.true_false_btn {
  display: flex;
  gap: 10px;
  padding: 10px 22px;
  border: 2px solid rgba(84, 87, 95, 0.15);
  border-radius: 100px;
}
.true_false_btn p {
  margin: 0;
}
.true_false_btn:hover,
.true_false_btn.selected {
  color: #3743be;
  border: 2px solid rgba(0, 22, 255, 0.84);
}
.back_to_previous {
  position: absolute;
  top: -80px;
  right: 10px;
  z-index: 10;
  font-size: 18px;
  padding: 5px 7px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ccc;
}
.back_to_previous:hover {
  scale: 1;
  font-size: 18px;
  border: 1px rgba(169, 169, 171, 0.51) solid;
  background: #a9a9ab33;
}
.fade-enter {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.5s,
    transform 0.5s;
}
.fade-exit {
  opacity: 0;
  transform: translateY(-20px);
  transition:
    opacity 0.5s,
    transform 0.5s;
}
.right-enter {
  opacity: 0;
  transform: translate(100%);
  transition:
    opacity 0.5s,
    transform 0.5s;
}
@keyframes enterFromRight {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes exitToLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-100%);
  }
}
.right-enter {
  animation: enterFromRight 0.5s forwards;
}
.left-exit {
  animation: exitToLeft 0.5s forwards;
}
.accordion-list {
  margin-top: 20px;
}
.accordion-item {
  border-radius: 0 !important;
  margin-bottom: 0;
  background-color: #f9f9f9;
}
.accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: var(--primary-color);
  cursor: pointer;
  background-color: var(--color_gray_more_lighter);
  border-radius: 8px;
}
.accordion-title h5 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.accordion-title h5 span {
  color: var(--secondary_color);
}
.accordion-content {
  padding: 15px;
  background-color: #fff;
  color: #333;
  border-top: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
}
.table-row-divider {
  border-bottom: 1px solid #dcdcdc;
}
.p-datatable-tbody > tr:last-child .table-row-divider {
  border-bottom: none;
}
.btn-primary-violet {
  background: #2933b7;
  background: var(--primary_btn_color);
  border: 0;
  color: var(--color_white);
  padding: 7px 25px;
  text-transform: uppercase;
}
.question-paper-count {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
  background-color: #fff;
}
.question-paper-count button {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 50px;
  padding: 6px 12px;
  border: 2px solid;
  text-align: center;
  min-width: 30px;
  cursor: pointer;
  font-weight: 400;
  transition:
    background-color 0.3s,
    color 0.3s;
}
.question-paper-count .highlighted {
  border-color: green;
  color: green;
  font-weight: 900;
  cursor: pointer;
}
.question-paper-count .normal {
  border-color: #ccc;
  color: #aaa;
  background-color: #f9f9f9;
  cursor: not-allowed;
}
.question-paper-count .normal:hover {
  background-color: #eee;
}
.crossIcon {
  position: absolute;
  right: 16px;
  color: red;
  font-size: 20px;
  transition: scale 0.2s;
}
.crossIcon:hover {
  scale: 1.2;
}
.question {
  font-size: 20px;
  font-weight: 700;
}
.question :before {
  content: "Q. ";
  font-weight: bolder;
  font-size: 25px;
}
.answer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.answer p {
  position: relative;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 20px 20px 20px 50px;
}
.answer p.correct {
  background-color: #bbf1c5;
}
.answer p:before {
  content: counter(option-counter, upper-alpha);
  counter-increment: option-counter;
  position: absolute;
  left: 10px;
  top: 20px;
  color: #000;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bolder;
  border: 2px black solid;
}
.answer {
  counter-reset: option-counter;
}
.allSubmitted {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  color: #48e143;
  display: flex;
  gap: 10px;
}
.allSubmitted svg {
  height: 30px;
}
.p-datatable .p-datatable-header {
  background: transparent;
  border: none;
  color: var(--color_black);
}
.p-selectable-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.p-datatable-thead {
  border-bottom: 1px solid black;
}
.p-datatable .p-datatable-thead > tr > th {
  color: var(--color_black);
}
.p-checkbox .p-checkbox-box {
  border: 2px solid var(--color_gray);
  border-radius: 0;
}
.questionBodyTemplate-mcq-ol {
  list-style: upper-alpha;
  padding-left: 30px;
}
.p-paginator .p-highlight {
  border: none;
  background: var(--primary-color);
  color: #fff;
  border-radius: 25px;
  margin: 0 2px;
}
.p-paginator .p-paginator-page:not(.p-highlight):hover {
  background-color: transparent;
}
.p-paginator .p-paginator-current {
  padding-right: 20px;
}
.myPicker .p-button {
  background: var(--primary_color);
  margin-bottom: 5px;
  border-radius: 5px;
}
.p-datatable-thead th {
  background: transparent;
}
.myPicker .p-picklist-item {
  background: var(--color_gray_more_lighter);
  font-size: 16px;
  font-weight: 600;
  padding: 1.25rem;
}
.selectionHeader {
  visibility: hidden;
}
.myPicker .p-picklist-item:hover {
  background: var(--color_gray_lighter);
}
.p-datatable .p-paginator {
  display: flex;
  justify-content: right;
}
.myPicker .p-picklist-item + .p-picklist-item {
  margin-top: 2px;
}
.disabled-row,
.action-body.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.myPicker .p-highlight {
  background: #ddedf8;
}
.complete {
  border: 1px solid #1adb1a;
  background-color: #effbee;
}
.p-fluid .question-paper {
  color: #000;
}
.p-fluid .p-dialog-header {
  text-align: center;
  color: #007bff;
  border-bottom: 1px solid black;
}
.answerUpload-fileUpload .p-badge {
  display: none;
}
.tab-vertical {
  display: flex;
  flex-direction: row;
}
.tab-vertical .nav.nav-tabs {
  display: block;
  margin-right: 0;
  border-bottom: 0;
}
.tab-vertical .nav.nav-tabs .nav-item {
  margin-bottom: 6px;
}
.tab-vertical .nav-tabs .nav-link {
  padding: 10px 0;
  color: var(--color_gray);
  width: 250px;
  font-weight: 600;
  text-align: left;
}
.tab-vertical .nav-tabs .nav-link:focus,
.tab-vertical .nav-tabs .nav-link:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--primary_color);
}
.tab-vertical .nav-tabs .nav-link.active {
  color: var(--primary_color);
  border: 0;
  background-color: var(--color_white);
  border-left: 5px solid var(--secondary_color);
  padding-left: 10px;
}
.tab-vertical .tab-content {
  overflow: auto;
  padding: 0 30px;
  width: 100%;
}
@media only screen and (max-width: 1199.5px) {
  .tab-vertical .nav-tabs .nav-link {
    padding: 10px 0;
    color: var(--color_gray);
    width: 150px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 991.98px) {
  .tab-vertical {
    flex-direction: column;
    gap: 20px;
  }
  .tab-vertical .nav.nav-tabs {
    display: flex;
    gap: 10px;
  }
  .tab-vertical .nav.nav-tabs .nav-item {
    margin-bottom: 6px;
    display: inline-flex;
    flex-direction: column;
    gap: 40px;
    background-color: #fff;
  }
  .tab-vertical .nav-tabs .nav-link {
    padding-left: 10px;
    border-left: 5px solid var(--color_white);
  }
  .tab-vertical .tab-content {
    overflow: hidden;
    padding: 0;
  }
  .tab-vertical .nav-tabs .nav-link {
    width: auto;
    padding: 10px;
    display: inline-flex;
  }
}
.form-check {
  display: block;
  padding-left: 0;
  padding-right: 10px;
}
.form-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-check label {
  position: relative;
  cursor: pointer;
}
.form-check label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid var(--color_gray);
  box-shadow:
    0 1px 2px #0000000d,
    inset 0 -15px 10px -12px #0000000d;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}
.form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid var(--color_gray);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.student input:checked + label:after {
  top: 15px !important;
  left: 23px !important;
}
.settings-container .role-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.settings-container .role-list-item {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.settings-container .form-check {
  display: flex;
  align-items: center;
}
.settings-container .form-check-input {
  margin-right: 0.5rem;
}
.settings-container .form-check-label {
  text-transform: capitalize;
}
.settings-container .card-title {
  margin-bottom: 0.5rem;
}
.settings-container-ol {
  list-style: decimal;
  font-size: inherit;
  color: var(--color_black);
  padding-left: 30px;
}
input[type="color"] {
  padding: 0;
  border: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.ques_box .p-inputtext:enabled:focus {
  box-shadow: none;
  border: 1px solid #f5c2ee;
}
.annotation-input {
  height: 40px;
}
.annotation-valid-btn {
  border-radius: 6px 0 0 6px;
  padding: 8px;
}
.ques_box .p-inputgroup-addon {
  min-width: 2rem;
}
.annotation-input-invalid {
  border-width: 1px 1px 1px 1px !important;
  border-style: solid !important;
  border-color: rgb(191, 22, 80) rgb(191, 22, 80) rgb(191, 22, 80)
    rgb(236, 89, 144) !important;
  border-image: initial !important;
  background: #fbecf2 !important;
}
.annotation-page-btn {
  height: 42px;
  background: none;
  color: var(--color-black) !important;
  border: 0;
  padding: 0;
}
.annotation-page-btn:hover {
  background: none;
  background-color: transparent !important;
  box-shadow: none;
  color: var(--bs-link-color);
}
.annotation-page-btn:focus,
.annotation-page-btn:active,
.annotation-page-btn:disabled {
  background: none;
  background-color: transparent !important;
  box-shadow: none;
}
.annotation-page .nav-tabs .nav-link.active {
  color: var(--bs-link-color);
  border-bottom: 4px solid var(--bs-link-color);
}
.annotation-card {
  min-height: 100%;
  height: auto;
  margin: 0;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.annotation-col-h {
  height: calc(100vh - 79px);
}
.otpVerification .p-inputotp {
  justify-content: space-between;
}
.otpVerification input {
  width: 45px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #8b8b8b;
}
.otpVerification .p-inputtext:enabled:focus {
  border-color: var(--primary_color);
  outline: 0 none;
  box-shadow: 0 1px 5px #2933b733;
}
.auth-content-eye-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border: none;
}
.annotation-arrow-btn {
  height: 25px;
  padding-top: 3px;
}
.confidential-message {
  margin: auto;
}
.not-answered-node {
  border-color: red !important;
  color: red;
}
.ignored-node {
  color: #ccc;
}
.annotation-disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(100%);
}
.font-weight-normal {
  font-weight: 400 !important;
}
.row-delete-btn {
  background: transparent;
  border: none;
  font-size: 25px;
  color: red;
}
.annotation-panel-container {
  position: absolute;
  right: 55px;
  top: 0;
  width: 412px;
  height: auto;
  background-color: #f8f9fa;
  box-shadow: -2px 0 5px #0000001a;
  overflow-y: auto;
  overflow-x: auto;
  transition: all 0.3s ease;
}
.annotation-header .btn {
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 5px;
}
.annotation-header .btn-danger {
  background: #ffefef;
  border: 1px solid #ef0000;
  color: #ef0000;
}
.annotation-header .btn-success {
  background: #ecfff0;
  border: 1px solid #1dcf44;
  color: #1dcf44;
}
.toggle-panel-btn {
  padding: 0 !important;
  background: transparent !important;
  height: 30px;
  width: 30px;
}
.toggle-panel-btn:hover {
  box-shadow: 0 1px 7px #0000004d;
}
.toggle-panel-btn.active-btn {
  border: 1px solid black;
  box-shadow: 0 1px 7px #0000004d;
}
.answer-key-panel {
  height: 100%;
  color: #000;
}
.download-panel .btn-success {
  background: #ecfff0;
  border: 1px solid #1dcf44;
  color: #1dcf44;
}
.shrink-annotation-column {
  width: calc(100% - 548px);
}
.expand-annotation-column {
  margin-right: 64px;
  flex: 1;
}
.annotation-comment-close {
  top: -12px;
  right: -12px;
  border-radius: 50px;
  font-size: 12px;
  background: red;
  color: #fff;
  border: none;
  font-weight: 600;
  position: absolute;
}
.evaluated-answer-script {
  height: calc(100vh - 83px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px 0;
}
.evaluated-answer-script-btn {
  height: 32px;
  font-size: 12px;
}
.comparePanel-marksContainer .ques_box {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.quest-sl-no {
  width: 30px;
}
.fullscreen-background-blur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #00000080;
  z-index: 1000;
  overflow: auto;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.annotation-header .p-dialog-footer {
  padding-top: 10px;
}
.ai-question {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-user-select: none;
  user-select: none;
}
.ai-question .ai-area {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
.ai-question svg {
  height: 25px;
  color: #666;
}
.ai-question ul {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
}
.ai-question svg:hover {
  color: var(--primary-color);
}
.ai-question p {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
}
.ai-question .ai_answer {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  color: #666 !important;
}
.color-picker-block {
  height: 25px;
  width: 25px;
  border: none;
  border-radius: 5px;
}
.edit-panel label {
  font-size: 12px;
  width: max-content;
  margin-top: auto;
}
.edit-panel {
  border: 1px solid black;
  border-radius: 5px;
  background: #fff;
}
.compact-button {
  padding: 4px 8px;
  font-size: 12px;
  width: 25px;
  height: 25px;
}
.p-button-danger.pi.pi-minus,
.p-button-success.pi.pi-plus {
  width: 25px;
  height: 25px;
}
.line-weight input {
  width: 65px;
}
.comment-edit-section {
  position: absolute;
  top: 70px;
  transform: translate(-50%);
  z-index: 1000;
}
.custom-calendar .p-inputtext {
  border: 1px solid var(--color_gray_lighter);
  border-radius: 8px;
  padding: 0.375rem 0.75rem;
  width: 100%;
  height: 40px;
  font-size: 1rem;
  color: var(--color_gray) !important;
  font-weight: 400;
  line-height: 1.5;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
}
.custom-calendar {
  width: 100%;
}
.custom-calendar .p-datepicker {
  z-index: 1050;
}
.custom-calendar .p-inputtext::placeholder {
  color: #ddd;
  font-weight: 400;
}
.scoringPanel-answerBtn {
  cursor: pointer;
  font-size: 18px;
}
.scoringPanel-answerBtn:hover {
  color: var(--primary_color);
}
.answerkey-panel-slNo {
  background: #fff;
  height: 45px;
  width: 45px;
  margin: 5px 15px 5px 0;
  border: 1px solid #cccccc;
  border-radius: 8px;
}
.answerkey-panel-slNo:hover {
  background: #fff;
  box-shadow: 0 1px 7px #0000004d;
}
.question_paper_card {
  position: relative;
  overflow: hidden;
  display: block;
}
.question_paper_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  transition: width 0.3s ease-in-out;
}
.p-datatable-loading-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff80;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 1;
}
.single-enroll-card {
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  background-color: #fff;
}
.title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
  border-left: 5px solid #0078d4;
  padding-left: 10px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.label {
  font-size: 14px;
  color: #888;
  margin-bottom: 5px;
}
.required {
  color: red;
  margin-left: 2px;
}
.dropdown-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dropdown-field {
  flex: 1;
  min-width: 250px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  height: 40px;
}
.search-button {
  background-color: #2db4f7;
  color: #fff;
  border: none;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
}
.search-button .pi {
  margin-right: 5px;
}
.search-button:hover {
  background-color: #0d90d1;
}
.student-info {
  margin-top: 20px;
  padding: 15px;
  border: 1px dashed #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.student-info h6 {
  font-size: 1rem;
  margin-bottom: 10px;
  color: #0078d4;
  font-weight: 600;
}
.student-info p {
  font-size: 0.9rem;
  margin: 2px 0;
  color: #444;
}
.min-h-auto {
  min-height: auto;
}
.sub-menu-list li {
  background-color: var(--color_white);
  padding: 4px;
}
.accordion-body {
  background-color: var(--color_white);
}
.accordion-button:not(.collapsed) {
  color: var(--primary_color);
  background-color: var(--color_white);
  box-shadow: inset 0 -1px #00000020;
}
.accordion-item:not(:first-of-type) {
  border-top: 1px;
}
.accordion-header button {
  font-weight: 600;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #efeaf6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #6647881a;
}
.list-item-style li {
  border: 1px solid var(--color_gray_lighter);
}
.list-item-style li.selected {
  border: 1px solid var(--secondary_color);
  box-shadow: 0 0.25rem 1rem #66478859;
}
.list-item-style li + li {
  margin-top: 15px;
}
.new-ticket td {
  background-color: var(--color_gray_more_lighter);
}
.menu-dragging-svg {
  height: 19px;
}
.card-body label {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.status hr {
  width: 100%;
  border-bottom: 1px solid var(--color_gray);
}
.card-body label {
  font-size: 14px;
  font-weight: 600;
}
.upload-files li {
  display: inline-block;
}
.upload-files li + li {
  margin-left: 20px;
}
.btn-secondary {
  color: var(--color_gray);
  background-color: var(--color_white);
  border-color: var(--color_gray);
}
.btn-secondary:hover {
  color: var(--color_gray);
  background-color: var(--color_gray_more_lighter);
  border-color: var(--color_gray);
}
.status {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-height: 60px;
}
.status hr {
  width: 100%;
  border-bottom: 1px solid var(--color_gray);
  position: absolute;
  top: -5px;
}
.status div {
  display: block;
  padding: 10px 20px;
  background-color: var(--color_white);
  border-radius: 50px;
  border: 1px solid var(--color_gray);
  position: absolute;
  top: -10px;
  font-weight: 600;
}
.scrollable-list {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.w-100 {
  width: 100% !important;
}
.nx-confirm-button-ok {
  background: #810532 !important;
}
.notiflix-confirm-head h5 {
  color: #000 !important;
}
.highlight-row {
  background-color: #f003 !important;
  color: #000;
}
.row-hover:hover {
  background-color: #2fabd12e !important;
}
@media (max-width: 1240px) {
  .p-steps ol {
    flex-direction: column;
    align-items: flex-start;
  }
  .p-steps-item {
    width: 100%;
  }
}
.step-content {
  opacity: 0;
  transform: translate(100px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.step-content.active {
  opacity: 1;
  transform: translate(0);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
  background-color: var(--primary_color);
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
  color: var(--primary_color);
}
.remove-button-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: -10px;
  right: -10px;
}
.remove-button {
  background-color: #ff4d4f;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  transition:
    transform 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
}
.remove-button:hover {
  background-color: #d9363e;
  transform: scale(1.1);
}
.p-steps-item.completed-step .p-steps-number {
  background-color: green;
  color: #fff;
}
.p-steps-item.completed-step .p-steps-title {
  color: green;
}
.p-steps-item.completed-step:before {
  border-color: green;
}
.p-steps-item.p-steps-current:before {
  border-color: var(--primary_color);
}
.dataTable .p-paginator-element.p-link {
  border-radius: 50px;
}
.image-upload-container {
  margin: 1rem 0;
  width: 100%;
}
.file-input {
  display: none;
}
.upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  border: 2px dashed #ced4da;
  border-radius: 8px;
  background-color: #f8f9fa;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 120px;
}
.upload-label.dragging {
  background-color: #e2e8f0;
  border-color: #94a3b8;
  transform: scale(0.98);
}
.drag-drop-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  text-align: center;
}
.upload-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 0.5rem;
}
.drag-text {
  font-size: 0.9rem;
  color: #475569;
  line-height: 1.4;
}
.or-text {
  font-size: 0.8rem;
  color: #94a3b8;
  margin: 0.3rem 0;
}
.previews-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  gap: 4rem;
  width: 100%;
}
.preview-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  position: relative;
}
.image-wrapper {
  margin: auto;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001a;
}
.preview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}
.file-name {
  margin: auto;
  font-size: 0.7rem;
  color: #495057;
  text-align: center;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.remove-button {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 1px 3px #0000001a;
  transition: all 0.2s ease;
  padding: 0;
}
.remove-button:hover {
  background: #f8d7da;
  transform: scale(1.1);
}
.remove-button svg {
  width: 12px;
  height: 12px;
}
.add-more {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border: 2px dashed #ced4da;
  border-radius: 6px;
  background-color: #f8f9fa;
  cursor: pointer;
  transition: all 0.3s ease;
}
.add-more:hover {
  border-color: #adb5bd;
  background-color: #e9ecef;
}
.add-more svg {
  width: 20px;
  height: 20px;
  fill: #6c757d;
  transition: transform 0.2s ease;
}
.add-more:hover svg {
  transform: scale(1.1);
}
@media (max-width: 480px) {
  .previews-container {
    gap: 0.8rem;
  }
  .image-wrapper,
  .add-more {
    width: 65px;
    height: 65px;
  }
}
.pdf-preview {
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px;
  object-fit: contain;
}
.preview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bluk-instruction {
  list-style-type: decimal;
  padding-left: 15px;
  padding-right: 15px;
}
.bluk-instruction li {
  margin-top: 15px;
}
.attandance .p-datatable-tbody .p-frozen-column {
  z-index: 1;
}
.attandance .p-datatable-thead th {
  background-color: #dedcdc !important;
}
.attandance .p-datatable-tbody tr:nth-child(2n) {
  background-color: #efeeee !important;
}
.attandance .p-datatable-tbody tr:nth-child(odd) {
  background-color: #fff !important;
}
.inline_upload .upload-button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #d1d1d1;
  background-color: #f5f5fe;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.inline_upload .upload-button:hover {
  background-color: #e8e8ff;
}
.inline_upload .preview-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
  position: relative;
}
.inline_upload .preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inline_upload .file-name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.inline_upload .preview-file {
  min-width: 150px;
  position: relative;
}
.menu-preview .menu-name {
  font-size: 22px;
  font-weight: bolder;
  font-family: Volkhov, serif;
}
.menu-preview .menu-route {
  margin-top: 8px;
  font-size: 12px;
  color: gray;
  font-family: Volkhov, serif;
}
.sub-menu-list.list-item-style li {
  transition: all 0.3s ease;
  cursor: move;
}
.sub-menu-list.list-item-style li.dragging {
  opacity: 0.5;
  transform: scale(0.98);
  background: #f8f9fa;
}
.sub-menu-list.list-item-style li:hover {
  transform: translate(5px);
}
.sub-menu-list.list-item-style li.drag-over {
  border-bottom: 2px solid #007bff;
}
.sub-menus {
  border: 1px solid rgba(162, 156, 156, 0.52);
  margin-top: 5px;
  border-radius: 3px;
}
.sub-menus.no-border {
  border: none !important;
  margin-top: 0 !important;
}
.sub-menus .menu-name {
  font-size: 15px;
  font-weight: bolder;
}
.sub-menus .menu-route {
  margin-top: 2px;
}
.menu-row {
  background-color: #f8f9fa;
}
.submenu-row td:first-child {
  padding-left: 40px !important;
}
.submenu-row {
  background-color: #e9ecef;
}
.bi-arrow-return-right {
  color: #6c757d;
}
.not-authorized-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f7fa, #e4e8eb);
  padding: 20px;
  font-family: Poppins, sans-serif;
}
.content-wrapper {
  max-width: 600px;
  width: 100%;
  text-align: center;
  animation: fadeIn 0.5s ease-out;
}
.error-content {
  padding: 1rem;
}
.error-title {
  font-size: 3rem;
  font-weight: 700;
  color: var(--primary_color);
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.error-message {
  font-size: 1.1rem;
  color: #6c757d;
  margin-bottom: 2rem;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.custom-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary_color);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px #0000001c;
}
.custom-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 14px #0000002e;
}
.custom-button:active {
  transform: translateY(1px);
}
.button-icon {
  margin-right: 8px;
  font-size: 1.2rem;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .error-title {
    font-size: 2.5rem;
  }
  .icon-container {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 480px) {
  .error-title {
    font-size: 2rem;
  }
  .error-message {
    font-size: 1rem;
  }
  .icon-container {
    width: 100px;
    height: 100px;
  }
  .custom-button {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}
.shield-container {
  width: 180px;
  height: 180px;
  margin: 0 auto 2rem;
  position: relative;
}
.shield-icon {
  width: 100%;
  height: 100%;
}
.shield-body {
  fill: var(--primary_color);
  stroke: var(--color_white);
  stroke-width: 2;
  filter: drop-shadow(0 4px 6px rgba(220, 53, 69, 0.2));
}
.energy-ring {
  fill: none;
  stroke: var(--primary_color);
  stroke-width: 2;
}
.ring-1 {
  opacity: 0.8;
}
.ring-2 {
  opacity: 0.6;
}
.ring-3 {
  opacity: 0.4;
}
.lock-body {
  fill: var(--color_white);
}
.lock-shackle {
  stroke: var(--color_white);
}
.small-lock-bg {
  fill: var(--primary_color);
}
.small-lock {
  fill: var(--color_white);
}
.grade-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  align-items: end;
}
.rating-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  align-items: end;
}
.remove-button-grade {
  margin-top: 0.5rem;
  text-align: center;
}
.remove-button-grade button {
  border-radius: 2rem !important;
}
.course-details {
  font-size: 16px;
  margin-bottom: 10px;
}
.alert-text {
  color: red;
  font-weight: 700;
}
.custom-table {
  margin-top: 20px;
}
.marks-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.value-text {
  color: red;
  font-size: 14px;
}
.save-button {
  margin-top: 20px;
  background: #007ad9;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
}
.p-button.p-button-rounded {
  border-radius: 50px !important;
}
.grading-batch-mapping {
  padding: 1rem;
}
.grading-batch-mapping .p-dropdown,
.grading-batch-mapping .p-multiselect {
  border-radius: 0.375rem;
  border: 1px solid #ced4da;
}
.transcript-view .table {
  margin-bottom: 0;
}
.transcript-view .table th {
  background-color: #f8f9fa;
  font-weight: 600;
}
.transcript-view .table td,
.transcript-view .table th {
  padding: 0.75rem;
  vertical-align: middle;
}
.transcript-view .table-bordered,
.transcript-view .table-bordered td,
.transcript-view .table-bordered th {
  border: 1px solid #dee2e6;
}
.transcript-view .card-body {
  padding: 2rem;
}
@media (max-width: 768px) {
  .transcript-view .card-body {
    padding: 1rem;
  }
  .transcript-view .table-responsive {
    font-size: 0.875rem;
  }
}
.calendar-container {
  position: relative;
  max-width: 600px;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.calendar-header {
  margin-bottom: 20px;
}
.calendar-body {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
}
.calendar-day {
  padding: 5px;
  -webkit-user-select: none;
  user-select: none;
}
.day-cell {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
.day-cell:hover {
  background-color: #ececec;
  cursor: pointer;
}
.empty-cell {
  background-color: transparent;
}
.highlighted-day {
  background-color: #574b90;
  color: #fff;
}
.floating-button {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.floating-button .btn {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  font-family:
    Segoe UI,
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
}
.calendar-container {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  font-weight: 700;
  font-size: 18px;
}
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}
.calendar-day-header {
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
}
.calendar-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  margin: 2px;
  font-size: 14px;
}
.calendar-day:hover {
  background-color: #f0f0f0;
}
.calendar-day.other-month {
  color: #ccc;
}
.calendar-day.today,
.calendar-day.selected {
  background-color: #2941b2;
  color: #fff;
}
.calendar-day.has-events {
  font-weight: 700;
}
.calendar-day.has-events.important {
  color: #d9534f;
}
.events-container {
  margin-top: 20px;
}
.events-header {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.event-card {
  display: flex;
  background-color: #f8f9fa;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
.event-date {
  background-color: #f0f0f0;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
}
.event-date-number {
  font-size: 24px;
  font-weight: 700;
}
.event-date-day {
  font-size: 14px;
}
.event-indicator {
  width: 10px;
  height: 10px;
  background-color: #2941b2;
  border-radius: 50%;
  margin-top: 5px;
}
.event-details {
  padding: 15px;
  flex-grow: 1;
}
.event-title {
  font-weight: 700;
  margin-bottom: 5px;
}
.event-tickets {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6c757d;
  font-size: 14px;
}
.progress {
  height: 6px;
  margin-top: 8px;
}
.progress-bar {
  background-color: #ff8c00;
}
.nav-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.total-events {
  text-align: center;
  margin: 10px 0;
}
.total-events-indicator {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.header-text {
  cursor: pointer;
  font-weight: 700;
  color: #2c3e50;
  padding: 5px 10px;
  border-radius: 8px;
  transition: background 0.3s;
}
.header-text:hover {
  background: #e9ecef;
}
.other-month {
  color: #95a5a6;
  background: #f8f9fa;
}
.today {
  background: #3498db !important;
  color: #fff !important;
}
.selected {
  background: #2ecc71 !important;
  color: #fff !important;
}
.has-events {
  position: relative;
}
.has-events:after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
  width: 6px;
  height: 6px;
  background: #e74c3c;
  border-radius: 50%;
}
.month-picker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 10px;
}
.month-item {
  padding: 20px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.month-item:hover {
  background: #3498db;
  color: #fff;
}
.year-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 10px;
}
.year-item {
  padding: 15px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.year-item:hover {
  background: #3498db;
  color: #fff;
}
.statistic_card_header {
  font-size: 16px;
}
.statistic_card_details {
  font-size: 25px;
  font-weight: bolder;
}
.dashboard-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  align-items: start;
}
.grid-2column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 1380px) {
  .dashboard-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .grid-2column {
    grid-template-columns: 1fr;
  }
}
.feedback-title {
  color: #006400;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.course-title {
  color: #006400;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.rating-table {
  border-collapse: collapse;
  width: 100%;
}
.rating-table th,
.rating-table td {
  border: 1px solid #ddd;
  padding: 8px;
}
.criteria-col {
  width: 40%;
}
.rating-col {
  width: 50%;
}
.none-col {
  width: 10%;
}
.rating-scale {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.rating-scale .scale {
  color: #00f;
  font-weight: 700;
}
.criteria-text {
  font-size: 0.9rem;
}
.criteria-number {
  font-weight: 700;
}
.custom-radio .p-radiobutton-box.p-highlight {
  border-color: #007bff;
  background-color: #007bff;
}
.feedback-question {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.feedback-textarea {
  background-color: #ffffc8;
  border: 1px solid #ddd;
}
.save-button:hover {
  background-color: #45a049;
  border-color: #45a049;
}
@media (max-width: 768px) {
  .criteria-text {
    font-size: 0.8rem;
  }
  .rating-table th,
  .rating-table td {
    padding: 4px;
  }
}
.dotted-border {
  border: 1px dashed black;
  padding: 8px;
  border-radius: 12px;
}
.course-offer .p-picklist-buttons button {
  border-radius: 8px;
  margin-bottom: 10px;
}
.chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.course-offer .p-picklist-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.feedback-container-card:hover {
  transform: translateY(-2px);
}
.route-name {
  font-size: 14px;
  color: #adadad;
}
.subject-header h4 {
  color: #fff;
  border-radius: 0.375rem 0.375rem 0 0;
  margin-bottom: 1.25rem;
}
.financial-header .subtitle {
  opacity: 0.8;
  font-size: 0.9rem;
}
.rating-text {
  font-size: 1.2rem;
  font-weight: 500;
}
.star {
  font-size: 1.5rem;
}
.search-popup {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px #0000001a;
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  margin-top: 5px;
}
.search-results {
  padding: 10px;
}
.search-item {
  padding: 16px 8px;
  cursor: pointer;
  transition: background 0.2s;
  border-bottom: 1px solid #bebdbd;
  color: #6c6b6b;
  font-weight: 400;
  display: block;
}
.search-item:hover {
  background: #f5f5f5;
}
.search-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}
.search-top p {
  margin: 0;
}
.close-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
}
.close-btn:hover {
  color: #333;
}
.no-results {
  padding: 10px;
  color: #666;
  text-align: center;
}
.highlight {
  font-weight: 700;
  color: var(--primary_color);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.corner-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.search-item:hover .corner-icon {
  opacity: 1;
}
.bell_position {
  position: absolute;
  right: 19px;
  top: 2px;
}
.notification-dropdown {
  width: 400px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 15px #0000001a;
  overflow: hidden;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    sans-serif;
}
.notification-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.notification-title {
  font-weight: 600;
  font-size: 16px;
  color: #333;
}
.clear-all-btn {
  background: none;
  border: none;
  color: #e63946;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.clear-all-btn:hover {
  text-decoration: underline;
}
.notification-content {
  max-height: 350px;
  overflow-y: auto;
}
.notification-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.notification-item {
  display: flex;
  padding: 12px 15px;
  border-bottom: 1px solid #f1f1f1;
  transition: background-color 0.2s;
}
.notification-item:hover {
  background-color: #f9f9f9;
}
.notification-avatar {
  margin-right: 12px;
  flex-shrink: 0;
}
.notification-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffd166;
  object-fit: cover;
}
.notification-details {
  flex: 1;
}
.notification-message {
  font-size: 14px;
  color: #555;
  margin-bottom: 4px;
  line-height: 1.4;
}
.sender-name {
  font-weight: 600;
  color: #333;
}
.notification-time {
  font-size: 12px;
  color: #888;
}
.notification-footer {
  padding: 12px 15px;
  text-align: center;
  border-top: 1px solid #f1f1f1;
}
.view-all-link {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}
.view-all-link:hover {
  text-decoration: underline;
}
.no-notifications {
  padding: 20px;
  text-align: center;
  color: #888;
}
.noselect {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.courseOfferIdSuggestionsDropdown {
  position: absolute;
  left: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 10px;
  width: 95%;
  z-index: 10;
  height: 300px;
  overflow-x: auto;
  box-shadow: 0 4px 12px #0000001a;
  padding: 16px;
  opacity: 0;
  transform: translateY(-10px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  pointer-events: none;
}
.courseOfferIdSuggestionsDropdown.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.courseOfferIdSuggestionsDropdown.hide {
  opacity: 0;
  transform: translateY(-10px);
}
.erpSuggestionItem {
  padding: 8px 10px;
  margin: 4px 0;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.erpSuggestionItem:hover {
  background-color: #f1f5f9;
  border-color: #cbd5f5;
  box-shadow: 0 1px 4px #0f172a1f;
}
.sing_in_with_google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
  background-color: #fff;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: Inter, sans-serif;
}
.sing_in_with_google div {
  border: none;
}
.sing_in_with_google div :hover {
  background: transparent !important;
  border-color: transparent !important;
}
.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: transparent !important;
}
.sing_in_with_google:hover {
  border-color: #adb5bd;
}
.loginCard {
  width: 100%;
  max-width: 450px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px #0000001a;
  padding: 2.5rem;
  border: 1px solid #e9ecef;
}
.dividerLine {
  display: flex;
  align-items: center;
  margin: 1.5rem 0;
  color: #adb5bd;
  font-size: 0.9rem;
  font-family: Inter, sans-serif;
}
.dividerLine:before,
.dividerLine:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #dee2e6;
}
.dividerLine span {
  padding: 0 1rem;
}
.loginCard .cardHeader {
  text-align: center;
  margin-bottom: 2rem;
}
.loginCard .loginTitle {
  font-size: 2rem;
  font-weight: 400;
  color: #2c3e50;
  margin: 0 0 0.5rem;
}
.loginCard .loginSubtitle {
  font-size: 1rem;
  color: #7f8c8d;
  margin: 0;
  font-weight: 300;
}
.add-student-card {
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background-color: #fff;
  box-shadow: 0 2px 6px #0000000a;
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
  cursor: pointer;
}
.add-student-card:hover {
  box-shadow: 0 4px 12px #00000014;
  transform: translateY(-2px);
}
.sp-card {
  padding: 5px 0 5px 5px;
  background: #ffebcd;
  border-radius: 5px;
}
.sp-credit-card {
  padding: 5px;
  background: #e20808;
  border-radius: 5px;
  color: #fff;
  margin-left: 5px;
}
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox .checkmark {
  height: 18px;
  width: 18px;
  background-color: #e0e0e0;
  border-radius: 8px;
  display: inline-block;
  position: relative;
  transition: background 0.3s;
  box-shadow: inset 0 0 0 2px #fff;
}
.custom-checkbox input:checked + .checkmark {
  background-color: #673ab7;
}
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox input:checked + .checkmark:after {
  display: block;
}
.mandatory-chip {
  background: #eb1a59;
  color: #fff;
}
.marksheet-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin-top: 40px;
}
.marksheet-warning {
  background: linear-gradient(270deg, #a1c4fd, #c2e9fb, #fad0c4, #ff9a9e);
  background-size: 800% 800%;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 50px;
  font-family:
    Segoe UI,
    Arial,
    sans-serif;
  text-align: center;
  animation:
    gradientShift 8s ease infinite,
    subtlePulse 2s ease-in-out infinite;
  box-shadow: 0 6px 20px #007bff33;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.3s ease;
}
.marksheet-warning:hover {
  transform: scale(1.05);
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
@keyframes subtlePulse {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}
.dropdown-item-custom {
  display: flex;
  flex-direction: column;
  padding: 6px 10px;
  border-bottom: 1px solid #f0f0f0;
  background: transparent;
  transition: background 0.15s ease-in-out;
}
.dropdown-item-custom:last-child {
  border-bottom: none;
}
.dropdown-item-custom:hover {
  background: #f8f9fa;
}
.item-title {
  font-weight: 500;
  font-size: 14px;
  color: #212529;
}
.item-route {
  font-size: 12px;
  color: #6c757d;
}
.login-wrap {
  width: 100%;
  height: 98vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-container {
  display: flex;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--box-shadow);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-bottom: none;
}
.university-branding {
  flex: 1;
  background: linear-gradient(
    135deg,
    var(--dark-color) 0%,
    var(--primary-color) 100%
  );
  color: #fff;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 992px) {
  .university-branding {
    padding: 40px 30px;
  }
}
.logo-container {
  width: 100%;
  max-width: 400px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 0 5px 15px #0000001a;
}
@media (max-width: 992px) {
  .login-container {
    flex-direction: column;
  }
}
.university-logo {
  width: 80px;
  height: auto;
}
.university-name {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--secondary-color);
}
@media (max-width: 576px) {
  .university-name {
    font-size: 1.8rem;
  }
}
.portal-title {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 40px;
  opacity: 0.9;
}
@media (max-width: 576px) {
  .portal-title {
    font-size: 1.2rem;
  }
}
.features-list {
  width: 100%;
  margin-top: 40px;
}
.feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: #ffffff1a;
  border-radius: 8px;
  transition: var(--transition);
}
.feature-icon {
  font-size: 1.5rem;
  margin-right: 15px;
  color: var(--secondary-color);
}
.login-form-container {
  width: 650px;
  flex: 1;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .login-form-container {
    padding: 40px 30px;
  }
}
.form-header {
  margin-bottom: 40px;
  text-align: center;
}
.form-header h2 {
  font-size: 1.5rem;
  color: var(--dark-color);
  margin-bottom: 10px;
  font-weight: 700;
  margin-top: 20px;
}
@media handheld, only screen and (max-width: 768px) {
  .form-header h2 {
    font-size: 2rem;
  }
}
.form-header p {
  color: var(--text-light);
  font-size: 1rem;
  font-weight: 500;
}
.login-form {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.input-with-icon {
  position: relative;
}
.input-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-light);
  font-size: 1rem;
  align-items: center;
}
.input-with-icon input {
  width: 100%;
  padding: 10px 15px 10px 45px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 0.9rem;
  transition: var(--transition);
}
.toggle-password {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--text-light);
  cursor: pointer;
  font-size: 1rem;
}
.captcha-image-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.captcha-container {
  display: flex;
  gap: 10px;
}
@media (max-width: 576px) {
  .captcha-container {
    flex-direction: column;
  }
}
.refresh-captcha {
  background: none;
  border: none;
  color: var(--primary-color);
  font-size: 1.2rem;
  cursor: pointer;
  transition: var(--transition);
}
.login-button {
  background: #0056b3 !important;
  color: #fff;
  border: none;
  padding: 14px;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.forgot-password {
  color: var(--primary-color);
  text-decoration: none;
  transition: var(--transition);
}
.form-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  font-size: 1.2rem;
}
.login-footer {
  margin-top: 40px;
  text-align: center;
  color: var(--text-light);
  font-size: 0.85rem;
}
.mats-header {
  background-color: #1a3e72;
  padding: 20px 0;
  font-family: Arial, sans-serif;
  border-bottom: 1px solid #eee;
  margin-top: 15px;
  margin-left: 40px;
  margin-right: 40px;
  border-radius: 15px;
}
.academic-journey-text {
  color: #fff;
}
.mats-header-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.logo-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
}
.titles-container {
  text-align: center;
}
.mats-university-title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mats-admission-title {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 5px 0 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .logo-title-container {
    flex-direction: column;
    gap: 10px;
  }
  .mats-university-title {
    font-size: 24px;
  }
  .mats-admission-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #logo1 {
    margin-top: 2rem;
  }
}
.nav-step-item {
  position: relative;
  padding: 1rem 1.5rem;
  color: #6c757d;
  font-weight: 500;
  text-align: center;
  flex-grow: 1;
  border-right: 1px solid #e9ecef;
}
.nav-step-item.active .step-number,
.nav-step-item.completed .step-number {
  background-color: #004080;
  color: #fff;
}
.nav-step-item .step-number {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background-color: #dee2e6;
  color: #495057;
  text-align: center;
  font-weight: 700;
  margin-right: 5px;
}
.nav-step-item.active {
  color: #fff;
  background-color: #007eff;
}
@media handheld, only screen and (max-width: 768px) {
  .nav-step-item .step-number {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: #e9ecef;
    color: #6c757d;
    margin-right: 0;
    text-align: center;
  }
  .nav-step-item {
    font-size: 0.75rem;
    padding: 12px 8px;
  }
}
.top-nav {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px #0000001a;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .header-section img {
    height: 55px !important;
  }
}
.form-container {
  background: #fff;
  padding: 2.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px #0000000d;
  margin-bottom: 2rem;
}
.form-section-title {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  color: #004080;
  border-bottom: 4px solid #0072e3;
  padding-bottom: 0.5rem;
}
.personal {
  border-radius: 5px;
  border: 1px solid #e6e9f0;
  padding: 15px;
  margin: 15px;
}
.form-subtitle {
  font-size: 1.1rem;
  color: #495057;
  margin-bottom: 1.5rem;
  line-height: normal;
  font-weight: 500;
}
.form-label {
  font-weight: bolder;
}
.help-text {
  font-size: 0.85rem;
  color: #6c757d;
  margin-top: 0.25rem;
}
.form-step-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e9ecef;
}
@media (max-width: 768px) {
  .nav-step-item .step-text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .logout-button {
    top: 0.5rem !important;
    right: 0.5rem !important;
  }
}
.qualification-group {
  margin-bottom: 25px;
  padding-left: 15px;
  border-left: 3px solid #3498db;
}
.qualification-item {
  margin-bottom: 8px;
  position: relative;
  padding-left: 0;
}
.divider {
  border-top: 1px dashed #e0e0e0;
  margin: 25px 0;
}
.alert.alert-info {
  border-left: #055160 solid 4px;
}
.payment-card1 {
  max-width: 400px;
  margin: 0 auto;
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000001a;
  font-family: Arial, sans-serif;
  align-items: center;
}
.card-header h2 {
  margin: 0;
  font-size: 1.5rem;
  color: #fff;
  padding: 10px;
  background-color: #2e61a4;
}
.payment-details {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .payment-details {
    display: grid;
  }
}
.detail-group {
  flex: 1;
  background-color: #f7f9fc;
  border-left: 4px solid #2e61a4;
  padding: 10px;
  border-radius: 5px;
  font-family: Arial, sans-serif;
  color: #000;
}
.detail-label {
  font-weight: 700;
  color: #555;
  margin-bottom: 5px;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.detail-value {
  margin-bottom: 15px;
  color: #333;
}
.amount-section {
  background-color: #eaf6ff;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #2c5aa0;
}
.amount-label {
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #2c5aa0;
}
.amount-value {
  font-size: 2rem;
  font-weight: 700;
  color: #2c5aa0;
}
.instructions {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff3cd;
}
.instructions h3 {
  margin-bottom: 10px;
  font-size: 1.1rem;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}
.instructions ul {
  padding-left: 20px;
  margin: 0;
}
.instructions li {
  margin-bottom: 8px;
  font-size: 0.9rem;
  color: #555;
}
.continue-section {
  margin-top: 30px;
}
.continue-button {
  width: 100%;
  padding: 12px;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 20px;
  font-size: 1rem;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #2e61a4;
}
.continue-button:hover {
  background-color: #0056b3;
}
.payment-methods h4 {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #555;
  text-align: center;
}
.payment-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.payment-option {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.8rem;
  color: #555;
  border: 2px solid #dadce0;
}
.svg-inline--fa {
  width: 1em;
}
.payment-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px #00000014;
  overflow: hidden;
  margin-bottom: 20px;
}
.status-container {
  max-width: 500px;
  margin: 50px auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px #0000001a;
  padding: 40px;
  text-align: center;
  font-family: Arial, sans-serif;
}
.status-icon {
  margin-bottom: 20px;
}
.status-success {
  color: #28a745;
}
.status-message {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}
.status-detail {
  font-size: 16px;
  margin-bottom: 30px;
  color: #666;
  text-align: center;
  line-height: 1.6;
}
.status-detail p {
  margin: 10px 0;
}
.status-detail strong {
  color: #333;
}
.payment-continue-button {
  display: inline-block;
  padding: 12px 30px;
  background-color: #2e61a4;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s;
  border: none;
  cursor: pointer;
}
.preview-container {
  font-size: 16px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.declaration-box {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.declaration-box ol {
  padding-left: 20px;
}
.declaration-box li {
  margin-bottom: 10px;
}
.agreement-checkbox {
  margin: 20px 0;
  display: flex;
  align-items: center;
}
.agreement-checkbox input {
  margin-right: 10px;
}
.signature-section {
  max-width: 50%;
  margin-top: 10px;
  background-color: #f9f9f9;
}
.signature-upload {
  border-radius: 5px;
  border: 1px dashed #ccc;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.signature-upload label {
  cursor: pointer;
  color: #06c;
  font-weight: 700;
}
.file-constraints {
  font-size: 0.8em;
  color: #666;
  margin-top: 5px;
}
.signature-preview img {
  max-width: 200px;
  max-height: 100px;
  border: 1px solid #ddd;
}
.btn-link {
  text-decoration: none;
}
.flex-column {
  flex-direction: column !important;
}
.verify-button1 {
  padding: 12px 10px;
  background-color: #28a745;
  border: none;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  white-space: nowrap;
}
.style_logo {
  text-align: center;
  margin-bottom: 1.5rem;
}
.form-container h2 {
  font-size: 1.875rem;
  margin-bottom: 2rem;
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 0.75rem;
  letter-spacing: -0.025em;
  text-align: center;
}
.info-box {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 1.5rem;
  border-radius: 8px;
}
.info-box h5 {
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  color: #333;
  border-bottom: 2px solid #afb0b1;
  padding-bottom: 0.5rem;
  position: relative;
}
.details-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
.details-table th,
.details-table td {
  text-align: left;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  font-size: 1rem;
}
.details-table th {
  background-color: #f0f0f0;
  color: #222;
  width: 40%;
}
.status-cell {
  text-align: left;
}
.status-label {
  padding: 0.4rem 0.8rem;
  border-radius: 5px;
  font-weight: 700;
}
.status-label.pending {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}
.status-label.approved {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.status-label.rejected {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.mt-3 {
  margin-top: 1rem;
}
.text-center {
  text-align: center;
}
.btn-success:hover {
  background-color: #218838;
}
.normal-button {
  padding: 12px;
  background-color: #17c491;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: 700;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.form-subsection-title {
  color: #007bff;
}
.filter-section {
  background: #fffffff2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 32px #0000001a;
  position: relative;
  border-left: 4px solid #007bff;
}
.filter-intro {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, #667eea1a, #764ba21a);
  border-radius: 12px;
  border: 2px dashed #667eea;
  position: relative;
  overflow: hidden;
}
.filter-intro:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
@keyframes shimmer {
  0% {
    transform: translate(-100%) translateY(-100%) rotate(45deg);
  }
  to {
    transform: translate(100%) translateY(100%) rotate(45deg);
  }
}
.filter-intro h3 {
  color: #667eea;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
}
.filter-intro p {
  color: #666;
  font-size: 1rem;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.filter-intro .pulse-icon {
  display: inline-block;
  margin-left: 0.5rem;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
.filter-buttons {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
.filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ffffffe6;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  color: #666;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  justify-content: center;
}
.filter-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: left 0.5s;
}
.filter-btn:hover:before {
  left: 100%;
}
.filter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px #00000026;
}
.filter-btn.admitted {
  border-color: #10b981;
  color: #10b981;
}
.filter-btn.admitted:hover,
.filter-btn.admitted.active {
  background: #10b981;
  color: #fff;
  box-shadow: 0 8px 25px #10b9814d;
}
.filter-btn.registered {
  border-color: #3b82f6;
  color: #3b82f6;
}
.filter-btn.registered:hover,
.filter-btn.registered.active {
  background: #3b82f6;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
.filter-btn.pending {
  border-color: #f6bb3b;
  color: #f6bb3b;
}
.filter-btn.pending:hover,
.filter-btn.pending.active {
  background: #f6bb3b;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
.filter-btn.rejected {
  border-color: #f63b3b;
  color: #f63b3b;
}
.filter-btn.rejected:hover,
.filter-btn.rejected.active {
  background: #f63b3b;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
.filter-btn.total {
  border-color: #8b5cf6;
  color: #8b5cf6;
}
.filter-btn.total:hover,
.filter-btn.total.active {
  background: #8b5cf6;
  color: #fff;
  box-shadow: 0 8px 25px #8b5cf64d;
}
.filter-btn.active {
  animation: activeButton 0.5s ease;
}
@keyframes activeButton {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #666;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #667eea;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 1rem;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .filter-buttons {
    flex-direction: column;
    align-items: center;
  }
  .filter-btn {
    min-width: 250px;
  }
}
.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.breadcrumb-item {
  display: inline;
  margin-right: 10px;
}
.breadcrumb-item a {
  color: #007bff;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  text-decoration: underline;
}
.table-section {
  min-width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
}
.card1 {
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 15px #0000001a;
}
.table th,
.table td {
  padding: 12px;
  text-align: left;
  border: 1px solid #dee2e6;
}
.table th {
  background-color: #dde6e9;
  font-weight: 600;
}
.btn-primary:hover {
  background-color: #0056b3;
}
.button-container {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.gradient-button {
  padding: 5px 20px;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(to right, #0061ff, #60efff);
  transition: transform 0.2s ease;
}
.gradient-button:hover {
  transform: scale(1.05);
}
.gradient-button .icon {
  margin-right: 8px;
}
.search-container {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.search-container input {
  padding: 5px 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
  outline: none;
}
.custom-view-button {
  background: linear-gradient(to right, #3a0ca3, #00bbf9);
  border: none;
  color: #fff;
  padding: 0.5rem 1.2rem;
  font-weight: 700;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0.85rem;
}
.custom-view-button .pi {
  margin-right: 0.5rem;
  font-size: 1rem;
}
.custom-view-button:hover {
  opacity: 0.9;
}
.action-buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: fit-content;
}
.approve-button {
  background-color: #5cb85c;
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 0.3rem 1.5rem;
}
.reject-button {
  background-color: #d9534f;
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 0.3rem 1.5rem;
}
.approve-button:hover,
.reject-button:hover {
  opacity: 0.9;
}
.approve-button .pi,
.reject-button .pi {
  margin-right: 0.5rem;
}
.section {
  padding-top: 15px;
  margin-bottom: 20px;
  border-radius: 6px;
}
.section h3 {
  border-bottom: 2px solid #007bff;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 30px;
}
.sub-section {
  border-top: 1px dashed #888;
  margin-top: 15px;
  padding-top: 10px;
}
.document-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.document-item {
  border: 2px dashed #ccc;
  padding: 10px;
  text-align: center;
  background-color: #f9f9f9;
}
.document-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 992px) {
  #toggle_btn {
    align-items: center;
    color: var(--color_gray);
    display: inline-flex;
    float: left;
    font-size: 26px;
    height: 70px;
    justify-content: center;
    margin-left: 30px;
    padding: 0 15px;
    cursor: pointer;
  }
  .mini-sidebar .header-left .logo img {
    height: auto;
    max-height: 50px;
    width: 50px;
  }
  .mini-sidebar .header .header-left .logo {
    display: none;
  }
  .mini-sidebar .header-left .logo.logo-small {
    display: block;
  }
  .mini-sidebar .header .header-left {
    padding: 0 5px;
    width: 68px;
  }
  .mini-sidebar .sidebar {
    width: 68px;
  }
  .mini-sidebar.expand-menu .sidebar {
    width: 240px;
  }
  .mini-sidebar.expand-menu .header .header-left {
    width: 240px;
    padding: 0 20px;
  }
  .mini-sidebar.expand-menu .header .header-left .logo {
    display: inline-block;
  }
  .mini-sidebar.expand-menu .header-left .logo.logo-small {
    display: none;
  }
  .mini-sidebar.expand-menu .header-left .logo img {
    width: auto;
    max-height: none;
  }
  .mini-sidebar .menu-title {
    visibility: hidden;
    white-space: nowrap;
  }
  .mini-sidebar.expand-menu .menu-title {
    visibility: visible;
  }
  .mini-sidebar .menu-title a {
    visibility: hidden;
  }
  .mini-sidebar.expand-menu .menu-title a {
    visibility: visible;
  }
  .modal-open.mini-sidebar .sidebar {
    z-index: 1051;
  }
  .mini-sidebar .sidebar .sidebar-menu ul > li > a span {
    display: none;
    transition: all 0.2s ease-in-out;
    opacity: 0;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a span {
    display: inline;
    opacity: 1;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li > a i {
    width: 20px;
  }
  .mini-sidebar .page-wrapper {
    margin-left: 78px;
  }
}
.pay-button {
  width: 200px;
  background-color: #28a745;
  color: #fff;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 5px;
}
.tabs {
  display: flex;
  gap: 10px;
}
.tab {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  padding: 10px 15px;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 8px;
}
.tab.active {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}
.acknowledgement {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}
.logo {
  width: 120px;
  height: auto;
}
.application-preview {
  background-color: #fff;
  width: 100%;
  padding: 25px;
  box-shadow: #000;
  border-radius: 10px;
}
.section-title {
  border-left: #0000ff solid 4px;
  padding: 5px;
}
.personal-details-section {
  font-family: Arial, sans-serif;
  padding: 20px;
  max-width: 100%;
  border-radius: 8px;
}
.details-grid {
  display: grid;
  grid-template-columns: 40% auto;
  row-gap: 10px;
  column-gap: 10px;
}
.details-label {
  font-weight: 700;
}
.details-value {
  color: #333;
}
.profile-section {
  margin: auto;
  font-family: Arial, sans-serif;
}
.profile-grid {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.profile-column {
  flex: 1;
  min-width: 300px;
}
.profile-column p {
  margin: 8px 0;
  color: #333;
}
.profile-column strong {
  color: #004085;
}
.form-container h1 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #333;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 0.5rem;
  letter-spacing: -0.025em;
}
.chart-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.chart-card {
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
}
.chart-title {
  margin-bottom: 10px;
}
.stat-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px #0000000d;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 3px solid #5d7bff;
}
.stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #555;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}
.stat-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.stat-value {
  font-size: 22px;
  font-weight: 700;
  color: #1a237e;
  text-align: left;
  margin-top: 10px;
}
.download-buttons button {
  height: 70px;
  margin-right: 5px;
  gap: 5px;
}
.al-wrapper {
  min-width: 1100px;
}
.auth-tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 20px;
}
.auth-tabs span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #555;
  padding: 10px 0;
  position: relative;
  transition: color 0.3s;
}
.auth-tabs span:hover,
.auth-tabs .active {
  color: #0056b3;
}
.auth-tabs .active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
}
.auth-tabs a {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
  margin: 0 10px;
  padding-bottom: 4px;
  border-bottom: 3px solid transparent;
}
.auth-tabs a.active {
  font-weight: 700;
  border-bottom: 3px solid #0d6efd;
}
.otp-message {
  background-color: #e0f2f1;
  color: #009688;
  border-left: 4px solid #009688;
  padding: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: -10px;
}
.card-tab {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px #00000014;
  padding: 20px;
}
.btn-primary-violet:hover {
  opacity: 0.9;
}
.rdt_Table {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.rdt_TableHead {
  background-color: #f8f9fa;
  font-weight: 700;
  font-size: 14px;
}
.rdt_TableRow {
  transition: background 0.2s ease;
}
.rdt_TableRow:hover {
  background-color: #f2f6ff;
}
.rdt_Pagination {
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
  font-size: 14px;
}
.verify-button {
  padding: 12px 10px;
  background-color: #007bff;
  border: none;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.toggle-password {
  padding: 10px !important;
}
.verify-button:disabled {
  background-color: #6c757d !important;
  cursor: not-allowed;
}
input::placeholder {
  color: #000;
  font-size: 14px;
}
.login-button:disabled {
  background-color: #999 !important;
  cursor: not-allowed;
  opacity: 0.8;
}
.input-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.input-with-icon input {
  flex: 1;
}
.otp-status {
  font-size: 0.8rem;
  margin-top: 6px;
  display: block;
  background: #e0f2f1;
  padding: 8px 10px;
  border-left: 3px solid;
  border-radius: 8px;
  color: #009688 !important;
}
.spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-left: 5px;
  vertical-align: middle;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.input-with-icon i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-light);
  font-size: 1rem;
}
.input-with-icon .fa-shield-halved {
  top: 35%;
}
.fa-eye-slash {
  right: -35px;
  position: absolute;
  top: 4px;
}
@media handheld, only screen and (max-width: 768px) {
  .btn-adminlist {
    display: grid !important;
    justify-content: normal !important;
  }
  .btn-adminlist .btn {
    margin-bottom: 15px;
    width: 100%;
  }
  .adminsearch {
    width: 95% !important;
  }
}
.modern-tabs {
  border-bottom: none;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  flex-wrap: unset;
}
.modern-tabs .nav-item {
  margin: 0 10px;
}
.modern-tabs .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #6c757d;
  background: transparent;
  border: none;
  padding: 12px 15px;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 5px;
}
.modern-tabs .nav-link:hover {
  color: #0d6efd;
  background: #0d6efd0d;
}
.modern-tabs .nav-link.active {
  color: #0d6efd;
  font-weight: 600;
}
.modern-tabs .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 3px;
  background-color: #0d6efd;
  border-radius: 3px;
  animation: slide-in 0.3s ease;
}
@keyframes slide-in {
  0% {
    width: 0;
    opacity: 0;
  }
  to {
    width: 60%;
    opacity: 1;
  }
}
.modern-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 3px;
  background-color: #ccc;
  border-radius: 3px;
  animation: slide-in 0.3s ease;
}
@media screen and (max-width: 480px) {
  .modern-tabs {
    flex-wrap: wrap;
  }
}
.select {
  padding: 4px 15px;
  border-radius: 8px;
  color: #000 !important;
}
.p-inputtext {
  color: #000 !important;
  font-size: 0.8rem;
}
input::placeholder {
  color: #000;
  font-size: 16px;
}
.p-dropdown .p-dropdown-label.p-placeholder {
  color: #000;
}
.form-control {
  color: #000 !important;
}
.p-dropdown {
  border-radius: 8px;
  padding: 0;
}
.rdt_Table .p-dropdown {
  padding: 0;
}
.rdt_Table .p-inputtext {
  font-size: 0.8rem;
}
.feature-item svg {
  font-size: 1.5rem;
  margin-right: 15px;
  color: var(--secondary-color);
}
.university-logo {
  width: 100%;
  max-width: 380px;
  height: auto;
  object-fit: contain;
  display: block;
}
.recharts-legend-item {
  line-height: 1.8;
}
.export-btn {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #e6e6f0;
  color: #333;
  border: none;
  border-radius: 10px;
  padding: 20px 24px;
  font-size: 20px;
  width: 100%;
  max-width: 420px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family:
    Segoe UI,
    sans-serif;
}
.export-btn:hover {
  background-color: #1a4585;
  color: #fff;
  transform: translateY(-2px);
}
.arrow-icon {
  transition: transform 0.3s ease;
}
.export-btn:hover .arrow-icon {
  transform: translate(5px);
}
.filter-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nl-pill {
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  transition: all 0.25s ease;
}
.nl-pill--PUBLISHED {
  color: #5b4def;
  background: linear-gradient(135deg, #5b4def26, #5b4def0d);
  border-color: #5b4def4d;
  box-shadow: 0 0 6px #5b4def26;
}
.nl-pill--DRAFT {
  color: #374151;
  background: linear-gradient(135deg, #11182714, #11182708);
  border-color: #1118271f;
  box-shadow: 0 0 4px #0000000f;
}
.nl-pill--EXPIRED {
  color: #dc2626;
  background: linear-gradient(135deg, #dc26262e, #dc262614);
  border-color: #dc26264d;
  box-shadow: 0 0 6px #dc26262e;
}
.nl-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 10px #0000001a;
}
.large-checkbox {
  transform: scale(1.5);
  margin-right: 8px;
  cursor: pointer;
}
.download-application {
  position: absolute;
  top: 16px;
  right: 16px;
}
.download-application button {
  background: #ffffff26;
  border: 1.8px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  padding: 8px 16px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 600;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.download-application button:hover {
  background: #ffffff47;
  border-color: #fff;
}
.labelBold {
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}
.p-dropdown-item-label {
  width: 100% !important;
}
.p-paginator .p-dropdown {
  height: 38px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin: 0 8px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
}
.p-paginator .p-dropdown:hover {
  border-color: #3b82f6 !important;
}
.p-paginator .p-dropdown.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #bfdbfe;
  border-color: #3b82f6;
}
.p-paginator .p-dropdown .p-dropdown-label {
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
}
.p-dropdown-panel {
  border-radius: 8px !important;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 8px 12px !important;
  font-size: 14px;
  margin: 2px 4px;
  border-radius: 4px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
.custom-dropdown,
.custom-dropdown .p-dropdown-panel {
  width: 250px !important;
}
.custom-dropdown {
  min-width: 250px !important;
  max-width: 250px !important;
}
.semester-badge {
  font-family:
    IBM Plex Sans,
    sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-left: 10px;
  background-color: #351c7e;
}
.sidebar-menu li a {
  padding-right: 35px !important;
}
.sidebar-menu ul ul {
  background-color: #00000005;
  padding: 4px 0;
  margin: 0;
}
.sidebar-menu ul ul li {
  margin-bottom: 2px;
}
.sidebar-menu ul ul a {
  display: flex;
  align-items: center;
  color: #4b5563 !important;
  font-size: 13.5px;
  font-weight: 500;
  padding: 8px 15px 8px 35px !important;
  border-radius: 6px;
  margin: 0 10px;
  transition: all 0.2s ease;
}
.sidebar-menu ul ul a:hover {
  color: var(--primary_color) !important;
  background-color: #5239ec0d !important;
  padding-left: 38px !important;
}
.sidebar-menu ul ul a.active {
  color: var(--primary_color) !important;
  background-color: #5239ec14 !important;
  font-weight: 600;
  padding-left: 38px !important;
}
.sidebar-menu ul ul a.active:before {
  display: none;
}
.sidebar-menu ul ul ul {
  background-color: #00000004 !important;
}
.sidebar-menu ul ul ul a {
  padding-left: 55px !important;
}
.sidebar-menu ul ul ul a:hover,
.sidebar-menu ul ul ul a.active {
  padding-left: 58px !important;
}
.sidebar-menu ul ul ul ul a {
  padding-left: 75px !important;
}
.sidebar-menu ul ul ul ul a:hover,
.sidebar-menu ul ul ul ul a.active {
  padding-left: 78px !important;
}
.custom-tab-switcher {
  display: inline-flex;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}
.custom-tab-switcher label {
  padding: 10px 24px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0 !important;
  display: inline-block;
  text-align: center;
}
.custom-tab-switcher label:hover {
  color: #334155 !important;
}
.custom-tab-switcher .btn-check:checked + label {
  background: #fff !important;
  color: #2563eb !important;
  box-shadow:
    0 1px 3px #0000001a,
    0 1px 2px #0000000f !important;
}
.bulk-import-btn-primary {
  background: #2563eb !important;
  color: #fff !important;
  border: 1px solid #1d4ed8 !important;
  border-radius: 8px !important;
  padding: 10px 32px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 2px #0000000d !important;
  text-transform: none !important;
}
.bulk-import-btn-primary:hover:not(:disabled) {
  background: #1d4ed8 !important;
  border-color: #1e40af !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 6px -1px #2563eb33 !important;
}
.bulk-import-btn-primary:disabled {
  background: #93c5fd !important;
  border-color: #93c5fd !important;
  color: #fff !important;
  cursor: not-allowed !important;
}
.bulk-import-btn-secondary {
  background: #fff !important;
  color: #4b5563 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
}
.bulk-import-btn-secondary:hover {
  background: #f8fafc !important;
  color: #1f2937 !important;
  border-color: #94a3b8 !important;
  transform: translateY(-1px) !important;
}
.fp-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00000080;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fpFadeIn 0.2s ease;
}
@keyframes fpFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fp-modal {
  background: #fff;
  border-radius: var(--border-radius);
  padding: 40px 36px 32px;
  width: 100%;
  max-width: 420px;
  position: relative;
  box-shadow: 0 20px 60px #00000026;
  animation: fpSlideUp 0.3s ease;
}
@keyframes fpSlideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fp-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 1.2rem;
  color: var(--text-light);
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.fp-modal-close:hover {
  background: var(--mats-light);
  color: var(--color_black);
}
.fp-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.fp-icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--gradient-style1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.fp-icon-otp {
  background: var(--gradient-style2);
}
.fp-icon-success {
  background: var(--gradient-style3);
}
.fp-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--dark-color);
  margin: 0 0 8px;
}
.fp-subtitle {
  font-size: 0.9rem;
  color: var(--text-light);
  margin: 0 0 24px;
  line-height: 1.5;
}
.fp-input-group {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.fp-input-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-light);
  font-size: 0.9rem;
}
.fp-input-group input {
  width: 100%;
  padding: 12px 14px 12px 42px;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  font-size: 0.95rem;
  transition: var(--transition);
  outline: none;
  background: var(--mats-light);
}
.fp-input-group input:focus {
  border-color: var(--primary_color);
  background: #fff;
  box-shadow: 0 0 0 2px #5239ec26;
}
.fp-input-group input:disabled {
  opacity: 0.6;
}
.fp-otp-container {
  margin-bottom: 16px;
}
.fp-otp-container .p-inputotp {
  gap: 8px;
}
.fp-otp-container .p-inputotp .p-inputtext {
  width: 46px !important;
  height: 50px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  transition: var(--transition);
}
.fp-otp-container .p-inputotp .p-inputtext:focus {
  border-color: var(--primary_color);
  box-shadow: 0 0 0 2px #5239ec26;
}
.fp-otp-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 0.85rem;
}
.fp-resend-link {
  color: var(--primary_color);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}
.fp-resend-link:hover {
  text-decoration: underline;
}
.fp-text-muted {
  color: var(--text-light);
}
.fp-text-danger {
  color: #dc3545;
  font-weight: 600;
}
.fp-btn {
  width: 100%;
  padding: 12px 20px;
  border: none;
  border-radius: var(--border-radius);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 10px;
}
.fp-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.fp-btn-primary {
  background: var(--gradient-style1);
  color: #fff;
}
.fp-btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px #5239ec59;
}
.fp-btn-secondary {
  background: transparent;
  color: var(--primary_color);
  font-weight: 500;
  font-size: 0.85rem;
}
.fp-btn-secondary:hover {
  background: var(--mats-light);
}
.fp-btn-success {
  background: var(--gradient-style3);
  color: #fff;
  font-size: 1rem;
  padding: 14px 24px;
}
.fp-btn-success:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px #0460f559;
}
.fp-error {
  width: 100%;
  background: #fff0f0;
  color: #dc3545;
  padding: 10px 14px;
  border-radius: var(--border-radius);
  font-size: 0.85rem;
  margin-bottom: 16px;
  border-left: 3px solid #dc3545;
  text-align: left;
}
.fp-success {
  width: 100%;
  background: #f0fff4;
  color: #198754;
  padding: 10px 14px;
  border-radius: var(--border-radius);
  font-size: 0.85rem;
  margin-bottom: 16px;
  border-left: 3px solid #198754;
  text-align: left;
}
.fp-credentials-sent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.fp-credentials-sent .fp-check-big {
  font-size: 3rem;
  color: #198754;
  animation: fpPop 0.4s ease;
}
@keyframes fpPop {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.fp-credentials-sent p {
  color: var(--color_gray);
  font-size: 0.95rem;
  margin: 0;
}
@media (max-width: 480px) {
  .fp-modal {
    margin: 16px;
    padding: 28px 20px 24px;
  }
  .fp-otp-container .p-inputotp .p-inputtext {
    width: 38px !important;
    height: 42px;
    font-size: 1rem;
  }
}
._offlinePaymentOverlay_1yzep_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0009;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
._offlinePaymentModal_1yzep_16 {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px #00000040;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow: hidden;
  animation: _offlinePaymentSlideIn_1yzep_1 0.3s ease-out;
}
@keyframes _offlinePaymentSlideIn_1yzep_1 {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._offlinePaymentHeader_1yzep_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 24px;
}
._offlinePaymentTitle_1yzep_47 {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  letter-spacing: -0.025em;
}
._offlinePaymentCloseBtn_1yzep_55 {
  background: none;
  border: none;
  color: #64748b;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
._offlinePaymentCloseBtn_1yzep_55:hover {
  background-color: #f1f5f9;
  color: #334155;
}
._offlinePaymentContent_1yzep_73 {
  padding: 0 24px;
}
._offlinePaymentInstructions_1yzep_78 {
  color: #64748b;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 24px;
}
._offlineTDSSection_1yzep_85 {
  background: linear-gradient(135deg, #2e50e4, #0073e4);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._offlinePaymentAmountSection_1yzep_96 {
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._offlineCommissionAmountSection_1yzep_107 {
  background: linear-gradient(135deg, #6eba75, #6fbb76);
  border: 1px solid #165dbf;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._offlineTDSAmountLabel_1yzep_118 {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._offlinePaymentAmountLabel_1yzep_127 {
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._offlineCommissionAmountLabel_1yzep_135 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._offlinePaymentAmount_1yzep_96 {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.025em;
}
._offlineTDSAmount_1yzep_118 {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
}
._offlineCommissionAmount_1yzep_107 {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
}
._offlinePaymentMethodSection_1yzep_165 {
  margin-bottom: 32px;
}
._offlinePaymentMethodTitle_1yzep_169 {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 16px;
}
._offlinePaymentOptions_1yzep_176 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._offlinePaymentOption_1yzep_176 {
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
  position: relative;
}
._offlinePaymentOption_1yzep_176:hover {
  border-color: #cbd5e1;
  background-color: #f8fafc;
}
._offlinePaymentOptionSelected_1yzep_197 {
  border-color: #3b82f6;
  background-color: #eff6ff;
}
._offlinePaymentRadio_1yzep_202 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
._offlinePaymentOptionContent_1yzep_208 {
  display: flex;
  align-items: center;
  gap: 16px;
}
._offlinePaymentOptionIcon_1yzep_214 {
  width: 48px;
  height: 48px;
  background: #f1f5f9;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: all 0.2s ease;
}
._offlinePaymentOptionSelected_1yzep_197 ._offlinePaymentOptionIcon_1yzep_214 {
  background: #3b82f6;
  color: #fff;
}
._offlinePaymentOptionText_1yzep_231 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._offlinePaymentOptionName_1yzep_237 {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}
._offlinePaymentOptionDesc_1yzep_243 {
  font-size: 14px;
  color: #64748b;
  line-height: 1.4;
}
._offlinePaymentActions_1yzep_249 {
  display: flex;
  gap: 12px;
  padding: 24px;
  border-top: 1px solid #f1f5f9;
  background-color: #fafafa;
}
._offlinePaymentCancelBtn_1yzep_257 {
  flex: 1;
  padding: 12px 24px;
  border: 2px solid #e2e8f0;
  background: #fff;
  color: #64748b;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._offlinePaymentCancelBtn_1yzep_257:hover {
  border-color: #cbd5e1;
  background-color: #f8fafc;
  color: #475569;
}
._offlinePaymentConfirmBtn_1yzep_276 {
  flex: 2;
  padding: 12px 24px;
  border: none;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px #3b82f64d;
}
._offlinePaymentConfirmBtn_1yzep_276[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
._offlinePaymentConfirmBtn_1yzep_276:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 6px 16px #3b82f666;
  transform: translateY(-1px);
}
._offlinePaymentConfirmBtn_1yzep_276:active {
  transform: translateY(0);
}
@media (max-width: 640px) {
  ._offlinePaymentModal_1yzep_16 {
    margin: 16px;
    max-width: none;
  }
  ._offlinePaymentHeader_1yzep_38 {
    padding: 20px 20px 0;
  }
  ._offlinePaymentContent_1yzep_73 {
    padding: 0 20px;
  }
  ._offlinePaymentActions_1yzep_249 {
    padding: 20px;
    flex-direction: column;
  }
  ._offlinePaymentAmount_1yzep_96 {
    font-size: 24px;
  }
  ._offlineTDSAmount_1yzep_118 {
    font-size: 10px;
  }
  ._offlineTDSSection_1yzep_85,
  ._offlinePaymentAmountSection_1yzep_96,
  ._offlineCommissionAmountSection_1yzep_107 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
._piContainer_381yi_2 {
  display: block;
  padding: 24px 12px;
  color: #0b1320;
  background: transparent;
}
._piHeaderRow_381yi_9 {
  margin-bottom: 16px;
}
._piHeading_381yi_13 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
._piHeadingRule_381yi_20 {
  margin-top: 8px;
  height: 3px;
  width: 100%;
  background: #2b6ff8;
  border-radius: 2px;
}
._piStack_381yi_28 {
  display: grid;
  gap: 16px;
}
._piCard_381yi_34 {
  border: 1px solid #e6e8ef;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 0 0 1px #0a1c3d05;
}
._piCardHeader_381yi_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 6px 12px;
}
._piCardTitle_381yi_49 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #0b1320;
}
._piBadge_381yi_56 {
  background: #2b6ff8;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px #0000000a;
}
._piCardBody_381yi_67 {
  padding: 8px 6px 6px;
}
._piRow_381yi_71 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  position: relative;
}
._slipButton_381yi_78 {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
  border: 5px solid #32359e;
  border-radius: 50px;
  background: #32359e;
  padding: 5px 10px;
  color: #fff;
}
._slipButton_381yi_78:hover {
  scale: 1.1;
}
._piColLeft_381yi_94,
._piColRight_381yi_95 {
  display: grid;
  gap: 6px;
}
._piTextLine_381yi_100 {
  font-size: 14px;
  line-height: 1.5;
}
._piMutedLabel_381yi_105 {
  color: #333d4d;
  font-weight: 600;
}
._piMono_381yi_110 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  letter-spacing: 0.2px;
}
._piStatus_381yi_116 {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
  line-height: 1;
  border: 1px solid transparent;
}
._piStatusSuccess_381yi_126 {
  background: #e9f7ef;
  color: #177245;
  border-color: #c9e9d5;
}
._piStatusPending_381yi_132 {
  background: #fff1e6;
  color: #a25400;
  border-color: #ffd7b3;
}
._piStatusRejected_381yi_138 {
  background: #ffe6e6;
  color: #c20404;
  border-color: #c20427;
}
._piDivider_381yi_145 {
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #eef1f6;
}
@media (max-width: 720px) {
  ._piRow_381yi_71 {
    grid-template-columns: 1fr;
  }
}
._backdrop_1pvje_2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
}
._dialog_1pvje_12 {
  position: fixed;
  z-index: 9999;
  width: 280px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow:
    0 12px 30px #00000014,
    0 4px 12px #00000008;
  overflow: hidden;
}
._arrow_1pvje_24 {
  position: absolute;
  top: -8px;
  width: 16px;
  height: 16px;
  background: #fafafa;
  transform: rotate(45deg);
  border-radius: 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  z-index: -1;
}
._header_1pvje_38 {
  background: #fafafa;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  text-align: left;
}
._headerTitle_1pvje_45 {
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
._body_1pvje_53 {
  padding: 20px;
}
._infoCard_1pvje_58 {
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 12px 16px;
}
._infoRow_1pvje_65 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
._infoRowLast_1pvje_73 {
  border-bottom: none;
}
._infoLabel_1pvje_77 {
  font-size: 10px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
}
._infoValue_1pvje_85 {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  word-break: break-word;
}
._footer_1pvje_93 {
  padding: 16px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #fafafa;
}
._logoutBtn_1pvje_100 {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #fca5a5;
  color: #ef4444;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._logoutBtn_1pvje_100:hover {
  background: #fef2f2;
  border-color: #ef4444;
  color: #b91c1c;
}
._logoutBtn_1pvje_100:active {
  background: #fee2e2;
}
.topbar-task-wrapper {
  position: absolute;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 15px;
  z-index: 1000;
  right: 180px;
  top: 15px;
}
.topbar-task-btn {
  position: relative;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 10px #6366f159;
}
.topbar-task-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px #6366f180;
  background: linear-gradient(135deg, #7c3aed, #6366f1);
}
.topbar-task-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
}
.topbar-task-spinner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #fff;
  border-right-color: #ffffffb3;
  border-bottom-color: #fff6;
  border-left-color: #fff3;
  animation: spinCircle 0.8s linear infinite;
}
@keyframes spinCircle {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.topbar-task-spinner:after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
  filter: blur(3px);
  animation: pulseGlow 1.5s ease-in-out infinite;
}
@keyframes pulseGlow {
  0%,
  to {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
}
.topbar-task-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px #ef444466;
}
.topbar-task-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: -10px;
  width: 400px;
  background: #fff;
  border-radius: 14px;
  box-shadow:
    0 20px 60px #0000001f,
    0 4px 16px #00000014;
  z-index: 9999;
  overflow: hidden;
  animation: taskPanelEnter 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.topbar-task-panel:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 20px;
  width: 12px;
  height: 12px;
  background: #6366f1;
  transform: rotate(45deg);
  border-radius: 2px;
}
@keyframes taskPanelEnter {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.topbar-task-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  font-size: 14px;
}
.topbar-task-panel-header-left {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.topbar-task-clear-btn {
  background: #ffffff26;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s;
}
.topbar-task-clear-btn:hover {
  background: #ffffff4d;
}
.topbar-task-panel-body {
  max-height: 350px;
  overflow-y: auto;
}
.topbar-task-panel-body::-webkit-scrollbar {
  width: 4px;
}
.topbar-task-panel-body::-webkit-scrollbar-thumb {
  background: #d4d4d8;
  border-radius: 4px;
}
.topbar-task-empty {
  text-align: center;
  padding: 30px 20px;
  color: #a1a1aa;
  font-size: 13px;
}
.topbar-task-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
  border-bottom: 1px solid #f4f4f5;
  transition: background 0.15s;
}
.topbar-task-item:last-child {
  border-bottom: none;
}
.topbar-task-item:hover {
  background: #fafafa;
}
.topbar-task-item-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.topbar-task-item--processing .topbar-task-item-icon,
.topbar-task-item--started .topbar-task-item-icon {
  background: #fef3c7;
}
.topbar-task-item--success .topbar-task-item-icon {
  background: #dcfce7;
}
.topbar-task-item--failed .topbar-task-item-icon {
  background: #fee2e2;
}
.topbar-task-item-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #fbbf24;
  border-top-color: #d97706;
  border-radius: 50%;
  animation: topbar-spin 0.8s linear infinite;
}
.topbar-task-icon-success {
  color: #22c55e;
  font-size: 16px;
}
.topbar-task-icon-failed {
  color: #ef4444;
  font-size: 16px;
}
.topbar-task-item-info {
  flex: 1;
  min-width: 0;
}
.topbar-task-item-title {
  font-weight: 600;
  font-size: 13px;
  color: #18181b;
  line-height: 1.3;
}
.topbar-task-item-meta {
  font-size: 11px;
  color: #71717a;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.topbar-task-item-action {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.topbar-task-status-pending {
  font-size: 11px;
  font-weight: 600;
  color: #d97706;
  background: #fef3c7;
  padding: 3px 10px;
  border-radius: 20px;
}
.topbar-task-status-failed {
  font-size: 11px;
  font-weight: 600;
  color: #dc2626;
  background: #fee2e2;
  padding: 3px 10px;
  border-radius: 20px;
}
.topbar-task-download-btn {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  border: none;
  padding: 5px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  box-shadow: 0 2px 6px #22c55e4d;
}
.topbar-task-download-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #22c55e73;
}
.topbar-task-dismiss-btn {
  background: none;
  border: none;
  color: #d4d4d8;
  cursor: pointer;
  padding: 4px;
  font-size: 11px;
  border-radius: 4px;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topbar-task-dismiss-btn:hover {
  color: #ef4444;
  background: #fee2e2;
}
@media (max-width: 768px) {
  .topbar-task-panel {
    width: 320px;
    right: -5px;
  }
}
.topbar-task-item-error {
  font-size: 11px;
  color: #ef4444;
  margin-top: 4px;
  font-weight: 500;
  line-height: 1.3;
}
.topbar-task-item--progress .topbar-task-item-icon {
  background: #ede9fe;
}
.topbar-task-status-success {
  font-size: 11px;
  font-weight: 600;
  color: #16a34a;
  background: #dcfce7;
  padding: 3px 10px;
  border-radius: 20px;
}
.topbar-task-progress-wrap {
  margin-top: 6px;
}
.topbar-task-progress-track {
  width: 100%;
  height: 6px;
  background: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 5px;
}
.topbar-task-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  border-radius: 4px;
  transition: width 0.4s ease;
  position: relative;
}
.topbar-task-progress-fill:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 100%
  );
  animation: progressShine 1.5s ease-in-out infinite;
}
@keyframes progressShine {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.topbar-task-progress-counts {
  display: flex;
  gap: 8px;
  font-size: 10px;
  font-weight: 600;
}
.topbar-task-progress-success {
  color: #16a34a;
}
.topbar-task-progress-failed {
  color: #dc2626;
}
.topbar-task-progress-total {
  color: #6b7280;
  margin-left: auto;
}
._cardContainer_orbc2_1 {
  background: #fff;
  border-radius: 16px;
  padding: 2.25rem 2rem;
  color: #1e293b;
  position: relative;
  border: 1px solid #e2e8f0;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
._cardContainer_orbc2_1:hover {
  transform: translateY(-4px);
  box-shadow:
    0 12px 20px -8px #00000014,
    0 4px 12px -2px #00000008;
}
._downloadAction_orbc2_19 {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 10;
}
._downloadBtn_orbc2_26 {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #2563eb;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._downloadBtn_orbc2_26:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
  transform: translateY(-1px);
}
._downloadBtn_orbc2_26:active {
  transform: translateY(0);
}
._profileRow_orbc2_53 {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
}
._avatarSection_orbc2_60 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 1.25rem;
}
._avatarWrapper_orbc2_68 {
  width: 110px;
  height: 110px;
  position: relative;
  border-radius: 50%;
  box-shadow: 0 8px 16px -4px #0000001a;
}
._profileImg_orbc2_76 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #f1f5f9;
  background: #e2e8f0;
  display: block;
}
._initialsAvatar_orbc2_87 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #f1f5f9;
  background: linear-gradient(135deg, #3b82f6, #6366f1, #4f46e5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.05em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
._signatureWrapper_orbc2_104 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
._signatureLabel_orbc2_112 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.05em;
}
._signatureContainer_orbc2_120 {
  background: #f8fafc;
  border-radius: 8px;
  padding: 6px 12px;
  width: 130px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px #0000000d;
  border: 1px solid #cbd5e1;
}
._signatureImg_orbc2_133 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
._detailsSection_orbc2_140 {
  flex-grow: 1;
  min-width: 0;
}
._studentName_orbc2_145 {
  font-size: 1.8rem;
  font-weight: 855;
  margin: 0 0 0.5rem;
  color: #0f172a;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
._disciplineBadge_orbc2_154 {
  display: inline-block;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._metaGrid_orbc2_171 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1.75rem;
}
._metaItem_orbc2_177 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 14px;
}
._metaIcon_orbc2_184 {
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
}
._metaLabel_orbc2_193 {
  color: #64748b;
  font-weight: 500;
  margin-right: 4px;
}
._metaValue_orbc2_199 {
  color: #1e293b;
  font-weight: 600;
  word-break: break-all;
}
._badgeRow_orbc2_206 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 1.75rem;
}
._pillBadge_orbc2_213 {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
._batchBadge_orbc2_224 {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #d97706;
}
._semesterBadge_orbc2_230 {
  background: #f0fdf4;
  border: 1px solid #a7f3d0;
  color: #059669;
}
@media (max-width: 768px) {
  ._profileRow_orbc2_53 {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }
  ._avatarSection_orbc2_60 {
    width: 100%;
    justify-content: center;
  }
  ._detailsSection_orbc2_140 {
    width: 100%;
  }
  ._metaGrid_orbc2_171 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  ._metaItem_orbc2_177,
  ._badgeRow_orbc2_206 {
    justify-content: center;
  }
  ._downloadAction_orbc2_19 {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
  }
  ._downloadBtn_orbc2_26 {
    width: 100%;
    justify-content: center;
  }
}
._pmc-card_1ul7k_2 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 18px #0206170f;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._pmc-header_1ul7k_14 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
._pmc-title_1ul7k_21 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #475569;
  font-weight: 600;
}
._pmc-badge_1ul7k_29 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
}
._pmc-badge--due_1ul7k_39 {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}
._pmc-badge--paid_1ul7k_45 {
  color: #065f46;
  background: #d1fae5;
  border-color: #34d399;
}
._pmc-amounts_1ul7k_51 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 6px 0 10px;
}
._pmc-amount-block_1ul7k_58 {
  display: flex;
  flex-direction: column;
}
._pmc-amount-label_1ul7k_63 {
  font-size: 12px;
  color: #64748b;
  margin-bottom: 4px;
}
._pmc-amount-value_1ul7k_69 {
  font-size: 28px;
  font-weight: 700;
  color: #2563eb;
}
._pmc-amount-value--paid_1ul7k_75 {
  color: #16a34a;
}
._pmc-help_1ul7k_79 {
  margin: 6px 0 16px;
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}
._pmc-actions_1ul7k_86 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
._pmc-btn_1ul7k_92 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    transform 0.03s ease;
}
._pmc-btn_1ul7k_92:active {
  transform: translateY(1px);
}
._pmc-btn--primary_1ul7k_109 {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
._pmc-btn--primary_1ul7k_109:hover {
  background: #1e50c6;
  border-color: #1e50c6;
}
._pmc-btn--ghost_1ul7k_120 {
  background: #fff;
  color: #0f172a;
}
._pmc-btn--ghost_1ul7k_120:hover {
  background: #f8fafc;
}
._board_1nfn9_1 {
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  padding: 20px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  height: 100%;
  display: flex;
  flex-direction: column;
}
._header_1nfn9_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
._title_1nfn9_21 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
._count_1nfn9_28 {
  font-size: 12px;
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
._count_1nfn9_28 a {
  color: #4f46e5;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}
._count_1nfn9_28 a:hover {
  color: #3730a3;
}
._list_1nfn9_50 {
  list-style: none;
  padding: 0 4px 0 0;
  margin: 16px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
._list_1nfn9_50::-webkit-scrollbar {
  width: 6px;
}
._list_1nfn9_50::-webkit-scrollbar-track {
  background: transparent;
}
._list_1nfn9_50::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}
._list_1nfn9_50::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
._listItem_1nfn9_80 {
  margin: 0;
  overflow: visible;
  display: flex;
}
._item_1nqex_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-left-width: 4px;
  border-radius: 12px;
  padding: 18px 20px 18px 16px;
  background: #fff;
  box-shadow: 0 1px 3px #00000005;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  height: 100%;
  width: 100%;
}
._borderLow_1nqex_18 {
  border-left-color: #3b82f6;
}
._borderMedium_1nqex_22 {
  border-left-color: #f59e0b;
}
._borderHigh_1nqex_26 {
  border-left-color: #ef4444;
}
._item_1nqex_1:hover {
  transform: translateY(-2px);
  border-top-color: #cbd5e1;
  border-right-color: #cbd5e1;
  border-bottom-color: #cbd5e1;
  box-shadow:
    0 10px 15px -3px #0000000d,
    0 4px 6px -4px #0000000d;
}
._left_1nqex_38 {
  display: none;
}
._content_1nqex_42 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
._title_1nqex_50 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
._desc_1nqex_59 {
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._footerRow_1nqex_70 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  padding-top: 10px;
  margin-top: auto;
}
._badge_1nqex_82 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 1000px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border: 1px solid transparent;
  color: #0f172a;
  background: #e2e8f0;
}
._badgeDefault_1nqex_97 {
  background: #e2e8f0;
}
._meta_1nqex_102 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
._date_1nqex_108 {
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
}
._priority_1nqex_115 {
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  padding: 3px 10px;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._priorityLow_1nqex_125 {
  border-color: #64748b33;
  background: #64748b14;
  color: #475569;
}
._priorityMedium_1nqex_131 {
  border-color: #f59e0b33;
  background: #f59e0b14;
  color: #b45309;
}
._priorityHigh_1nqex_137 {
  border-color: #f9731633;
  background: #f9731614;
  color: #c2410c;
}
._priorityCritical_1nqex_143 {
  border-color: #ef444433;
  background: #ef444414;
  color: #b91c1c;
}
._attachment_1nqex_150 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4f46e5;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: color 0.2s ease;
}
._attachment_1nqex_150:hover {
  color: #3730a3;
  text-decoration: underline;
}
._attachmentIcon_1nqex_166 {
  display: inline-block;
  font-size: 13px;
}
._attachmentText_1nqex_171 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
._marker_1nqex_179,
._markerTag_1nqex_184 {
  display: none;
}
._markerTagText_1nqex_188 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
}
._marker_1dpwp_1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  box-shadow: 0 1px 2px #02061708;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
._dot_1dpwp_21 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #94a3b8;
}
._text_1dpwp_28 {
  -webkit-user-select: none;
  user-select: none;
}
._muLmsButton_3eboo_2 {
  --mu-brand: #2b5cff;
  --mu-brand-2: #1844e0;
  --mu-ink: #ffffff;
  --mu-ink-weak: rgba(255, 255, 255, 0.8);
  --mu-outline: rgba(43, 92, 255, 0.35);
  --mu-shadow: 0 8px 24px rgba(43, 92, 255, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  transition:
    transform 0.12s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
  will-change: transform;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
._muLmsButton--sm_3eboo_27 {
  padding: 10px 14px;
  font-size: 14px;
}
._muLmsButton--md_3eboo_32 {
  padding: 14px 18px;
  font-size: 15px;
}
._muLmsButton--lg_3eboo_37 {
  padding: 16px 22px;
  font-size: 16px;
}
._muLmsButton--brand_3eboo_42 {
  color: var(--mu-ink);
  background: linear-gradient(135deg, var(--mu-brand), var(--mu-brand-2));
  box-shadow: var(--mu-shadow);
}
._muLmsButton--brand_3eboo_42:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px #2b5cff52;
}
._muLmsButton--brand_3eboo_42:active {
  transform: translateY(0);
  box-shadow: 0 6px 16px #2b5cff38;
}
._muLmsButton--neutral_3eboo_58 {
  color: #0f172a;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 16px #0206170f;
}
._muLmsButton--neutral_3eboo_58:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px #02061714;
}
._muLmsButton--outline_3eboo_70 {
  color: var(--mu-brand);
  background: transparent;
  border: 1.5px solid var(--mu-brand);
}
._muLmsButton--outline_3eboo_70:hover {
  background: #2b5cff0f;
  transform: translateY(-1px);
}
._muLmsButton--disabled_3eboo_81,
._muLmsButton_3eboo_2[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
._muLmsButton_3eboo_2:focus-visible {
  outline: 3px solid var(--mu-outline);
  outline-offset: 2px;
}
._muLmsButton__label_3eboo_94 {
  white-space: nowrap;
}
._muLmsButton__iconWrap_3eboo_98 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff2e;
  color: var(--mu-ink);
  transition:
    background 0.2s ease,
    transform 0.12s ease;
}
._muLmsButton_3eboo_2:hover ._muLmsButton__iconWrap_3eboo_98 {
  background: #ffffff38;
  transform: translate(2px);
}
._muLmsButton__icon_3eboo_98 {
  display: block;
}
._dashboardContainer_1839d_1 {
  padding: 1.5rem;
  background-color: #f8fafc;
  min-height: calc(100vh - 100px);
}
._greetingBanner_1839d_8 {
  background: linear-gradient(135deg, #1e3a8a, #2563eb, #3b82f6);
  border-radius: 16px;
  padding: 2.25rem 2.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 10px 25px -5px #2563eb26,
    0 8px 10px -6px #2563eb1a;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._greetingBanner_1839d_8:before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff26, #fff0 70%);
  pointer-events: none;
}
._greetingBanner_1839d_8:after {
  content: "";
  position: absolute;
  bottom: -40%;
  right: 20%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff1a, #fff0 70%);
  pointer-events: none;
}
._greetingContent_1839d_48 {
  max-width: 75%;
  z-index: 1;
}
._greetingTitle_1839d_53 {
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 0.5rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
._greetingText_1839d_62 {
  font-size: 1.05rem;
  font-weight: 400;
  margin: 0;
  color: #ffffffe6;
  line-height: 1.6;
}
._greetingIcon_1839d_70 {
  font-size: 3.5rem;
  opacity: 0.9;
  z-index: 1;
  animation: _wave_1839d_1 2.5s ease-in-out infinite;
  transform-origin: 70% 70%;
  display: inline-block;
}
@keyframes _wave_1839d_1 {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
@media (max-width: 991px) {
  ._greetingBanner_1839d_8 {
    padding: 2rem;
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  ._greetingContent_1839d_48 {
    max-width: 100%;
  }
  ._greetingTitle_1839d_53 {
    font-size: 1.75rem;
  }
  ._greetingText_1839d_62 {
    font-size: 1rem;
  }
}
._container_wnlnq_2 {
  padding: 10px 5px;
}
._infoText_wnlnq_7 {
  margin: 2px 0;
  font-size: 14px;
}
._sectionTitle_wnlnq_13 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
._categoryLabel_wnlnq_20 {
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}
._noteText_wnlnq_27 {
  font-weight: 700;
  color: #d9534f;
  margin-top: 15px;
}
._inputField_wnlnq_34 {
  height: 45px;
  font-size: 14px;
}
._declarationSection_wnlnq_40 {
  margin-top: 12px;
  margin-bottom: 20px;
}
._declarationLabel_wnlnq_45 {
  margin-left: 6px;
  font-size: 14px;
}
._dropdownWrapper_wnlnq_51 ._p-dropdown_wnlnq_51 {
  width: 100% !important;
  height: 48px !important;
  border-radius: 8px !important;
  border: 1px solid #d9d9d9 !important;
}
._dropdownWrapper_wnlnq_51 ._p-dropdown-label_wnlnq_58 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
}
._dropdownWrapper_wnlnq_51 ._p-dropdown_wnlnq_51 ._p-dropdown-trigger_wnlnq_64 {
  width: 2.5rem !important;
}
._dropdownWrapper_wnlnq_51 ._p-disabled_wnlnq_68 {
  background-color: #f5f5f5 !important;
  opacity: 1 !important;
}
._container_16bew_1 {
  padding: 20px;
}
._heading_16bew_5 {
  font-weight: 700;
  margin-bottom: 15px;
}
._infoText_16bew_10 {
  font-size: 14.5px;
  margin: 2px 0;
}
._tableWrapper_16bew_15 {
  margin-top: 20px;
}
._totalRow_16bew_19 {
  background-color: #fafafa;
  font-weight: 600;
}
._declarationBox_16bew_24 {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: flex-start;
}
._declarationLabel_16bew_32 {
  margin-left: 8px;
}
._payButton_16bew_36 {
  margin-top: 20px;
  padding: 10px 22px;
  font-size: 15px;
}
._receiptContainer_1voet_1 {
  padding: 20px;
  background: #fff;
}
._header_1voet_6 {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
._logo_1voet_12 {
  width: 90px;
  margin-bottom: 10px;
}
._title_1voet_17 {
  font-size: 22px;
  font-weight: 700;
}
._subtitle_1voet_22 {
  font-size: 14px;
  color: #777;
}
._studentPhoto_1voet_27 {
  width: 120px;
  height: 150px;
  object-fit: cover;
  border: 1px solid #ccc;
  position: absolute;
  right: 20px;
  top: 10px;
}
._studentInfo_1voet_37 {
  font-size: 15px;
  margin-top: 15px;
}
._signatureSection_1voet_42 {
  text-align: right;
  margin-top: 35px;
  font-style: italic;
}
._signatureImg_1voet_48 {
  width: 120px;
  height: 30px;
  object-fit: contain;
  margin-bottom: -10px;
}
._printNote_1voet_55 {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  color: gray;
}
@media print {
  body * {
    visibility: hidden !important;
  }
  #_printArea_1voet_1,
  #_printArea_1voet_1 * {
    visibility: visible !important;
  }
  #_printArea_1voet_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  ._noPrint_1voet_81 {
    display: none !important;
  }
}
._printPage_lh3jf_2 {
  width: 100%;
  padding: 20px 40px;
  font-family: Arial, sans-serif;
  color: #000;
}
._header_lh3jf_10 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
._logo_lh3jf_20 {
  width: 100px;
}
._title_lh3jf_24 {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin-top: -15px;
}
._subtitle_lh3jf_32 {
  text-align: center;
  margin-top: 2px;
  font-size: 13px;
}
._studentPhoto_lh3jf_38 {
  width: 100px;
  height: 120px;
  object-fit: cover;
  border: 1px solid #aaa;
}
._studentInfo_lh3jf_46 {
  margin-bottom: 20px;
}
._studentInfo_lh3jf_46 p {
  margin: 2px 0;
  font-size: 14px;
}
table {
  font-size: 14px;
}
table th {
  background: #f0f0f0 !important;
  font-weight: 600;
  text-align: left;
}
table td,
table th {
  padding: 6px 10px !important;
}
._signatureSection_lh3jf_72 {
  margin-top: 40px;
  text-align: right;
}
._signatureImg_lh3jf_77 {
  width: 120px;
  height: 40px;
  object-fit: contain;
  display: block;
  margin-left: auto;
}
._printNote_lh3jf_86 {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
  font-style: italic;
}
@media print {
  button,
  ._no-print_lh3jf_97,
  ._btn_lh3jf_98,
  nav,
  header,
  ._admin-sidebar_lh3jf_101 {
    display: none !important;
  }
  ._printPage_lh3jf_2 {
    padding: 0 20px !important;
  }
  body {
    margin: 0 !important;
  }
}
._wrapper_107x2_1 {
  background: #fff;
  border-radius: 10px;
}
._headerTitle_107x2_6 {
  font-weight: 600;
  font-size: 20px;
}
._headerSub_107x2_11 {
  font-size: 13px;
  color: #666;
}
._statusBadge_107x2_17 {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
._statusIdle_107x2_27 {
  background: #6c757d;
}
._statusChecking_107x2_31 {
  background: #ffc107;
  color: #000;
}
._statusReady_107x2_36 {
  background: #28a745;
}
._progressLabel_107x2_41 {
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: 600;
}
._progressBarContainer_107x2_47 {
  height: 10px !important;
  border-radius: 10px;
  overflow: hidden;
}
._checkCard_107x2_54 {
  background: #fff;
  padding: 18px;
  border-radius: 14px;
  border: 1px solid #e3e3e3;
  transition: 0.2s ease;
  min-height: 180px;
}
._checkCardLoading_107x2_63 {
  border-color: #ffc107;
  background: #fff9e6;
}
._checkCardSuccess_107x2_68 {
  border-color: #28a745;
  background: #e8f7ee;
}
._checkCardError_107x2_73 {
  border-color: #dc3545;
  background: #fdeaea;
}
._iconBox_107x2_79 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._iconIdle_107x2_89 {
  background: #f1f1f1;
  color: #555;
}
._iconLoading_107x2_95 {
  background: #ffe9a4;
  color: #b38300;
}
._iconSuccess_107x2_101 {
  background: #d4edda;
  color: #1c7430;
}
._iconError_107x2_107 {
  background: #f8d7da;
  color: #a71d2a;
}
._passBadge_107x2_113 {
  background: #28a745;
  color: #fff;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 6px;
}
._failBadge_107x2_121 {
  background: #dc3545;
  color: #fff;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 6px;
}
._footerActions_107x2_130 {
  margin-top: 20px;
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}
._cardBox_8nees_10 {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 12px #0000000d;
}
._title_8nees_18 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
._registeredPhoto_8nees_24 {
  width: 100%;
  height: 200px;
  object-fit: contain;
  border-radius: 12px;
  border: 1px solid #e6e7ea;
  background: #fff;
  padding: 10px;
}
._photoPlaceholder_8nees_34 {
  width: 100%;
  height: 200px;
  background: #eef0f4;
  border-radius: 12px;
}
._idCardPlaceholder_8nees_41 {
  margin-top: 15px;
  width: 100%;
  height: 120px;
  background: #f4f6f8;
  border-radius: 10px;
}
._cameraBox_8nees_49 {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 12px #0000000d;
  position: relative;
}
._videoFeed_8nees_58 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 12px;
  background: #000;
}
._guidelineRow_8nees_67 {
  display: flex;
  justify-content: space-between;
  margin-top: -60px;
  padding: 0 15px;
}
._guidelineCard_8nees_74 {
  width: 48%;
  background: #fff;
  padding: 12px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 6px 20px #00000014;
}
._guideImg_8nees_83 {
  width: 50px;
  margin-bottom: 6px;
}
._goodText_8nees_88 {
  font-size: 12px;
  color: #047857;
  font-weight: 600;
}
._badText_8nees_94 {
  font-size: 12px;
  color: #b91c1c;
  font-weight: 600;
}
._noticeText_8nees_100 {
  margin-top: 10px;
  font-size: 11px;
  color: #4b5563;
  text-align: center;
}
._captureButton_8nees_107 {
  background: linear-gradient(90deg, #f90, #f70) !important;
  color: #fff !important;
  font-weight: 600;
  min-width: 140px;
  border: none;
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}
._captureButton_8nees_107:hover {
  background: linear-gradient(90deg, #f80, #f60) !important;
}
._proceedButton_8nees_129 {
  background: linear-gradient(90deg, #4f46e5, #3b82f6) !important;
  color: #fff !important;
  font-weight: 600;
  min-width: 140px;
  border: none;
}
._capturedPreview_8nees_137 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}
._navTabs_jiq9v_1 {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #ddd;
  margin-top: 15px;
}
._navItem_jiq9v_8 {
  list-style: none;
}
._navLink_jiq9v_10 {
  padding: 10px 18px;
  background: transparent;
  border: none;
  font-size: 15px;
  color: #444;
  cursor: pointer;
}
._navLink_jiq9v_10:hover {
  color: #0d6efd;
}
._active_jiq9v_23 {
  border-bottom: 2px solid #0d6efd;
  color: #0d6efd !important;
  font-weight: 700;
}
._filterCard_jiq9v_31 {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  box-shadow: 0 4px 18px #0000000d;
  margin-top: 18px;
  margin-bottom: 32px;
}
._filterCard_jiq9v_31 ._card-body_jiq9v_40 {
  padding: 12px 24px 0 !important;
  min-height: 54px !important;
}
._filterCard_jiq9v_31 ._row_jiq9v_46 {
  --bs-gutter-y: 0 !important;
}
._filterInput_jiq9v_50,
._filterSelect_jiq9v_51 {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  font-size: 15px;
  padding: 12px 15px !important;
  background: #fff;
  height: auto !important;
}
._filterInput_jiq9v_50:focus,
._filterSelect_jiq9v_51:focus {
  border-color: #2b64f7 !important;
  box-shadow: none !important;
}
._examGrid_jiq9v_69 {
  margin-top: 10px;
}
._examCard_jiq9v_73 {
  border-radius: 14px !important;
  border: 1px solid #e5e5e5 !important;
  background-color: #fff !important;
  box-shadow: 0 4px 18px #0000000f !important;
  position: relative;
  transition: box-shadow 0.3s ease;
}
._examCard_jiq9v_73 ._card-body_jiq9v_40 {
  padding: 24px !important;
  height: auto !important;
  min-height: auto !important;
}
._examCard_jiq9v_73:hover {
  box-shadow: 0 6px 22px #00000014;
}
._badge_jiq9v_96 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 500;
}
._completed_jiq9v_106 {
  background: #e6f6e8;
  color: #3c9c55;
}
._notStarted_jiq9v_111 {
  background: #eaf2ff;
  color: #2b64f7;
}
._playIcon_jiq9v_116 {
  font-size: 15px;
  color: #2b64f7;
}
._completedIcon_jiq9v_121 {
  font-size: 15px;
  color: #3c9c55;
}
._notStartedIcon_jiq9v_126 {
  font-size: 15px;
  color: #f59e0b;
}
._endedIcon_jiq9v_131 {
  font-size: 15px;
  color: #dc2626;
}
._category_jiq9v_139 {
  position: absolute;
  top: 24px;
  right: 26px;
  font-size: 13px;
  color: #9b9b9b;
  font-weight: 500;
}
._examTitle_jiq9v_151 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
._examSubject_jiq9v_158 {
  color: #636363;
  margin-top: -2px;
  font-size: 15px;
}
._examInfo_jiq9v_167 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #5c5c5c;
  margin-top: 10px;
  font-size: 15px;
}
._iconBlue_jiq9v_176 {
  color: #2b64f7;
  font-size: 16px;
}
._btn_jiq9v_184 {
  width: 100%;
  padding: 12px;
  margin-top: 22px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}
._startBtn_jiq9v_196 {
  background: linear-gradient(90deg, #0061f2, #b300ff);
  color: #fff;
  box-shadow: 0 2px 6px #0061f233;
}
._startBtn_jiq9v_196:hover {
  background: linear-gradient(90deg, #004be2, #9200d6);
  box-shadow: 0 3px 8px #0061f24d;
}
._disabledBtn_jiq9v_207 {
  background: #e8e8e8 !important;
  color: #9b9b9b !important;
  cursor: not-allowed;
}
@media (max-width: 992px) {
  ._filterInput_jiq9v_50,
  ._filterSelect_jiq9v_51 {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  ._examGrid_jiq9v_69 {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  ._filterCard_jiq9v_31 {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  ._examCard_jiq9v_73 ._card-body_jiq9v_40 {
    padding: 18px !important;
  }
}
@media (max-width: 480px) {
  ._examTitle_jiq9v_151 {
    font-size: 18px;
  }
  ._examInfo_jiq9v_167 {
    font-size: 14px;
  }
  ._btn_jiq9v_184 {
    font-size: 14px;
    padding: 10px;
  }
}
._paymentContainer_18iu6_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    sans-serif;
}
._paymentCard_18iu6_10 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  max-width: 600px;
  width: 100%;
  overflow: hidden;
}
._paymentHeader_18iu6_19 {
  background: linear-gradient(135deg, #4a6fa5, #3d5a91);
  color: #fff;
  padding: 20px;
  text-align: center;
}
._headerTitle_18iu6_26 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
._infoSection_18iu6_32 {
  display: flex;
  padding: 24px;
  gap: 40px;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
._infoColumn_18iu6_40 {
  flex: 1;
}
._infoGroup_18iu6_44 {
  margin-bottom: 20px;
}
._infoGroup_18iu6_44:last-child {
  margin-bottom: 0;
}
._infoLabel_18iu6_52 {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
._infoValue_18iu6_62 {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
._amountSection_18iu6_68 {
  background: #e8f4fd;
  border: 2px solid #b3d9f2;
  border-radius: 8px;
  margin: 24px;
  padding: 20px;
  text-align: center;
}
._amountLabel_18iu6_77 {
  font-size: 14px;
  color: #4a6fa5;
  margin-bottom: 8px;
  font-weight: 500;
}
._calcBox_18iu6_84 {
  background: #fff;
  border: 1px solid #c7ddff;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 20px;
}
._row_18iu6_92 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #334155;
  margin-bottom: 10px;
}
._divider_18iu6_100 {
  border-top: 1px dashed #94a3b8;
  margin: 14px 0;
}
._formula_18iu6_105 {
  text-align: center;
  font-size: 12px;
  color: #64748b;
}
._amountValue_18iu6_111 {
  font-size: 32px;
  font-weight: 700;
  color: #4a6fa5;
}
._commissionValue_18iu6_117 {
  width: fit-content;
  font-size: 20px;
  font-weight: 700;
  color: #006b0c;
  background: #00800038;
  padding: 5px 20px;
  border-radius: 53px;
  border: #23c831 2px solid;
  margin-top: 10px;
}
._instructionsSection_18iu6_129 {
  background: #fef9e7;
  border: 1px solid #f0e68c;
  border-radius: 8px;
  margin: 24px;
  padding: 20px;
}
._instructionsTitle_18iu6_137 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 600;
  color: #8b6914;
}
._instructionsList_18iu6_144 {
  margin: 0;
  padding-left: 20px;
  color: #8b6914;
}
._instructionItem_18iu6_150 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
}
._instructionItem_18iu6_150:last-child {
  margin-bottom: 0;
}
._buttonSection_18iu6_160 {
  padding: 24px;
  text-align: center;
}
._paymentButton_18iu6_165 {
  background: linear-gradient(135deg, #4a6fa5, #3d5a91);
  color: #fff;
  border: none;
  padding: 16px 32px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}
._paymentButton_18iu6_165:hover {
  background: linear-gradient(135deg, #3d5a91, #2d4a7d);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0003;
}
._paymentButton_18iu6_165:disabled,
._paymentButton_18iu6_165[disabled] {
  background: linear-gradient(135deg, #94a3b8, #94a3b8);
  color: #f1f5f9;
  cursor: not-allowed;
  opacity: 0.7;
  box-shadow: none;
  transform: none;
}
._paymentButton_18iu6_165:disabled:hover,
._paymentButton_18iu6_165[disabled]:hover {
  background: linear-gradient(135deg, #94a3b8, #94a3b8);
  transform: none;
  box-shadow: none;
}
._paymentMethods_18iu6_204 {
  padding: 24px;
  border-top: 1px solid #e0e0e0;
  background: #fafafa;
}
._methodsTitle_18iu6_210 {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
  font-weight: 500;
}
._methodsGrid_18iu6_218 {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
._methodItem_18iu6_225 {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
@media (max-width: 768px) {
  ._paymentContainer_18iu6_1 {
    padding: 10px;
  }
  ._infoSection_18iu6_32 {
    flex-direction: column;
    gap: 20px;
  }
  ._methodsGrid_18iu6_218 {
    gap: 8px;
  }
  ._methodItem_18iu6_225 {
    padding: 6px 12px;
    font-size: 11px;
  }
}
._loadingContent_18iu6_256 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
._spinner_18iu6_262 {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: _spin_18iu6_262 0.8s linear infinite;
}
@keyframes _spin_18iu6_262 {
  to {
    transform: rotate(360deg);
  }
}
._statusContainer_18xz9_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    sans-serif;
}
._statusCard_18xz9_11 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px #0000001a;
  max-width: 600px;
  width: 100%;
  overflow: hidden;
}
._statusHeader_18xz9_20 {
  background: linear-gradient(135deg, #4a6fa5, #3d5a91);
  color: #fff;
  padding: 20px;
  text-align: center;
}
._headerTitle_18xz9_27 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
._statusIndicator_18xz9_33 {
  padding: 40px 24px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}
._statusIcon_18xz9_39 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 40px;
  font-weight: 700;
}
._iconSuccess_18xz9_51 {
  background-color: #d4edda;
  color: #155724;
  border: 3px solid #c3e6cb;
}
._iconFailed_18xz9_57 {
  background-color: #f8d7da;
  color: #721c24;
  border: 3px solid #f5c6cb;
}
._iconPending_18xz9_63 {
  background-color: #fff3cd;
  color: #856404;
  border: 3px solid #ffeaa7;
}
._statusTitle_18xz9_69 {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 600;
}
._statusSuccess_18xz9_75 ._statusTitle_18xz9_69 {
  color: #155724;
}
._statusFailed_18xz9_79 ._statusTitle_18xz9_69 {
  color: #721c24;
}
._statusPending_18xz9_83 ._statusTitle_18xz9_69 {
  color: #856404;
}
._statusMessage_18xz9_87 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  max-width: 400px;
  margin: 0 auto;
}
._detailsSection_18xz9_96 {
  padding: 24px;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
._detailsGrid_18xz9_102 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
._detailItem_18xz9_108 {
  display: flex;
  flex-direction: column;
}
._detailLabel_18xz9_113 {
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
._detailValue_18xz9_122 {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  word-break: break-all;
}
._actionSection_18xz9_129 {
  padding: 24px;
  text-align: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
._primaryButton_18xz9_138 {
  background: linear-gradient(135deg, #4a6fa5, #3d5a91);
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 140px;
}
._primaryButton_18xz9_138:hover {
  background: linear-gradient(135deg, #3d5a91, #2d4a7d);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0003;
}
._secondaryButton_18xz9_157 {
  background: #fff;
  color: #4a6fa5;
  border: 2px solid #4a6fa5;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 140px;
}
._secondaryButton_18xz9_157:hover {
  background: #4a6fa5;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0000001a;
}
._supportSection_18xz9_177 {
  padding: 20px 24px;
  background: #f8f9fa;
  text-align: center;
}
._supportText_18xz9_183 {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
._supportLink_18xz9_190 {
  color: #4a6fa5;
  text-decoration: none;
  font-weight: 500;
}
._supportLink_18xz9_190:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  ._statusContainer_18xz9_1 {
    padding: 10px;
  }
  ._statusIndicator_18xz9_33 {
    padding: 30px 20px;
  }
  ._statusIcon_18xz9_39 {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  ._statusTitle_18xz9_69 {
    font-size: 20px;
  }
  ._statusMessage_18xz9_87 {
    font-size: 14px;
  }
  ._detailsGrid_18xz9_102 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  ._actionSection_18xz9_129 {
    flex-direction: column;
    align-items: center;
  }
  ._primaryButton_18xz9_138,
  ._secondaryButton_18xz9_157 {
    width: 100%;
    max-width: 280px;
  }
}
@media (max-width: 480px) {
  ._statusIcon_18xz9_39 {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
  ._statusTitle_18xz9_69 {
    font-size: 18px;
  }
  ._detailValue_18xz9_122 {
    font-size: 13px;
  }
}
._admxPage_header_1tf8o_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 16px;
  gap: 16px;
}
._admxPage_title_1tf8o_17 {
  font-size: 26px;
  line-height: 1.2;
  color: #0f172a;
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
._admxPage_subtitle_1tf8o_26 {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  font-weight: 400;
}
._admxPage_dateTime_1tf8o_33 {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  background: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 1px 3px #00000005;
  white-space: nowrap;
}
._admxPage_kpiSection_1tf8o_46 {
  margin-top: 10px;
}
._admxPage_sectionTitle_1tf8o_50 {
  font-size: 13px;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  margin: 16px 0 16px 2px;
}
._admxPage_grid_1tf8o_60 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
._admxPage_tile_1tf8o_66 {
  grid-column: span 4;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-left: 4px solid var(--admxCard-accentColor, #cbd5e1);
  border-radius: 16px;
  padding: 20px 22px;
  position: relative;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
._admxPage_tile_1tf8o_66:hover {
  transform: translateY(-4px);
  box-shadow:
    0 20px 25px -5px #0000000f,
    0 10px 10px -5px #00000005;
  border-color: var(--admxCard-hoverBorder, #4f46e5);
  border-left-color: var(--admxCard-hoverBorder, #4f46e5);
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    var(--admxCard-hoverGlow, rgba(79, 70, 229, 0.05)) 100%
  );
}
._admxPage_tileHeaderRow_1tf8o_91 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
._admxPage_tileHeader_1tf8o_91 {
  font-size: 12px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
._admxPage_deltaBadge_1tf8o_109 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 24px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
._admxPage_deltaUp_1tf8o_123 {
  background: #10b9811f;
  color: #047857;
  border-color: #10b98133;
}
._admxPage_deltaDown_1tf8o_129 {
  background: #f43f5e1f;
  color: #be123c;
  border-color: #f43f5e33;
}
._admxPage_chartsSection_1tf8o_136 {
  margin-top: 32px;
}
._admxPage_chartsGrid_1tf8o_140 {
  display: grid;
  margin-top: 14px;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
._admxPage_chartCard_1tf8o_147 {
  grid-column: span 6;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  padding: 20px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  position: relative;
}
._admxPage_chartCard_full_1tf8o_157 {
  grid-column: span 12;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  padding: 20px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  position: relative;
}
._admxPage_noticeCard_1tf8o_167 {
  grid-column: span 6;
}
@media (max-width: 1000px) {
  ._admxPage_chartCard_1tf8o_147,
  ._admxPage_noticeCard_1tf8o_167 {
    grid-column: span 12;
  }
}
._admxPage_chartHeader_1tf8o_180 {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}
@media (max-width: 1000px) {
  ._admxPage_tile_1tf8o_66 {
    grid-column: span 6;
  }
}
@media (max-width: 640px) {
  ._admxPage_tile_1tf8o_66 {
    grid-column: span 12;
  }
}
._admxPage_tone_primary_1tf8o_201,
._admxPage_tone_accent_1tf8o_208,
._admxPage_tone_warn_1tf8o_215,
._admxPage_tone_neutral_1tf8o_222 {
  --admxCard-numberColor: #0f172a;
  --admxCard-accentColor: #cbd5e1;
  --admxCard-hoverGlow: rgba(79, 70, 229, 0.05);
  --admxCard-hoverBorder: #4f46e5;
}
._admxTone_primary_1tf8o_230,
._admxTone_accent_1tf8o_231,
._admxTone_warn_1tf8o_232,
._admxTone_neutral_1tf8o_233 {
  display: none;
}
._skeleton_1tf8o_237 {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border-left-color: #e2e8f0cc !important;
}
._skeletonText_1tf8o_243 {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: _loading_1tf8o_1 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: 6px;
}
._skeletonTitle_1tf8o_250 {
  height: 16px;
  width: 60%;
  margin-bottom: 4px;
}
._skeletonBadge_1tf8o_256 {
  height: 20px;
  width: 50px;
  border-radius: 999px;
}
._skeletonAmount_1tf8o_262 {
  height: 32px;
  width: 80px;
  margin-top: 12px;
}
._skeletonChart_1tf8o_268 {
  height: 500px;
  width: 100%;
  border-radius: 8px;
}
._chartSkeletonContainer_1tf8o_274 {
  padding: 20px;
}
@keyframes _loading_1tf8o_1 {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
._fadeInUp_1tf8o_291 {
  animation: _fadeInUp_1tf8o_291 0.5s ease-out forwards;
  opacity: 0;
}
@keyframes _fadeInUp_1tf8o_291 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  ._skeletonAmount_1tf8o_262 {
    height: 28px;
    width: 70px;
  }
  ._skeletonChart_1tf8o_268 {
    height: 250px;
  }
}
._kpiCard_1tf8o_322 {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._kpiHeader_1tf8o_331 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._kpiValue_1tf8o_337 {
  font-size: 32px;
  font-weight: 700;
  margin: 12px 0;
  flex: 1;
}
._kpiFooter_1tf8o_344 {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  padding-top: 10px;
  margin-top: 14px;
}
._viewBtn_1tf8o_352 {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #94a3b8;
  font-size: 15px;
  padding: 6px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
._viewBtn_1tf8o_352:hover {
  background: var(--admxCard-hoverGlow, #f1f5f9);
  color: var(--admxCard-accentColor, #3b82f6);
  transform: scale(1.1);
}
:root {
  --card-bg: #ffffff;
  --card-border: rgba(226, 232, 240, 0.8);
  --card-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --text: #0f172a;
  --muted: #64748b;
  --tab-bg: #f1f5f9;
  --tab-text: #64748b;
  --tab-active-bg: #ffffff;
  --tab-active-text: #4f46e5;
  --tab-border: rgba(226, 232, 240, 0.8);
  --legend-swatch: #9da0a3;
}
._card_w89v4_15 {
  width: min(860px, 100%);
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  box-shadow: var(--card-shadow);
  padding: 24px;
}
._header_w89v4_24 {
  padding: 4px 6px 12px;
}
._title_w89v4_28 {
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
._tabs_w89v4_36 {
  display: flex;
  gap: 4px;
  background: var(--tab-bg);
  padding: 4px;
  border-radius: 999px;
  width: fit-content;
  border: 1px solid var(--tab-border);
  position: absolute;
  top: -46px;
  right: 4px;
  z-index: 1000;
  box-shadow: 0 1px 2px #00000005;
}
._tab_w89v4_36 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--tab-text);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
._tab_w89v4_36:hover {
  color: var(--text);
  background: #00000008;
}
._active_w89v4_69 {
  background: var(--tab-active-bg);
  color: var(--tab-active-text);
  box-shadow:
    0 1px 3px #0000000f,
    0 1px 2px #00000008;
}
@media (max-width: 640px) {
  ._tabs_w89v4_36 {
    position: static;
    margin: 10px auto 0;
  }
}
._chartWrap_w89v4_82 {
  display: grid;
  place-items: center;
  padding: 22px 0 10px;
}
._donut_w89v4_88 {
  display: block;
}
._legend_w89v4_92 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 18px;
  justify-items: center;
  margin: 18px auto 0;
  padding: 0;
  list-style: none;
  max-width: 640px;
}
._legendItem_w89v4_103 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
}
._legendSwatch_w89v4_111 {
  width: 12px;
  height: 12px;
  background: var(--legend-swatch);
  border-radius: 2px;
}
._legendLabel_w89v4_118 {
  white-space: nowrap;
}
._admxCard_wrap_vm6mt_10 {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  transition: none;
}
._admxCard_header_vm6mt_19 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
._admxCard_dot_vm6mt_27 {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #155eef;
  display: inline-block;
}
._admxCard_caption_vm6mt_35 {
  color: #6b7280;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
._admxCard_value_vm6mt_42 {
  color: var(--admxCard-numberColor, #0f172a);
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
._filterSection_1hsa5_1 {
  background: #fffffff2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 32px #0000001a;
  position: relative;
}
._filterIntro_1hsa5_11 {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #667eea1a, #764ba21a);
  border-radius: 12px;
  border: 2px dashed #667eea;
  position: relative;
  overflow: hidden;
}
._filterIntro_1hsa5_11 h3 {
  color: #667eea;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
}
._card-body_1hsa5_33._filterIntro_1hsa5_11 h3 {
  text-decoration: none !important;
  border-bottom: none !important;
}
._filterIntro_1hsa5_11 p {
  color: #666;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}
._filterButtons_1hsa5_45 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
._filterBtn_1hsa5_52,
._filterDropdown_1hsa5_52 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: #ffffffe6;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  color: #666;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: auto;
  justify-content: center;
}
._filterBtn_1hsa5_52:before,
._filterDropdown_1hsa5_52:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: left 0.5s;
}
._filterBtn_1hsa5_52:hover:before,
._filterDropdown_1hsa5_52:hover:before {
  left: 100%;
}
._filterBtn_1hsa5_52:hover,
._filterDropdown_1hsa5_52:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px #00000026;
}
._filterBtn_1hsa5_52._Admitted_1hsa5_91 {
  border-color: #10b981;
  color: #10b981;
}
._filterBtn_1hsa5_52._Admitted_1hsa5_91:hover,
._filterBtn_1hsa5_52._Admitted_1hsa5_91._active_1hsa5_96 {
  background: #10b981;
  color: #fff;
  box-shadow: 0 8px 25px #10b9814d;
}
._filterBtn_1hsa5_52._Registered_1hsa5_102 {
  border-color: #3b82f6;
  color: #3b82f6;
}
._filterBtn_1hsa5_52._Registered_1hsa5_102:hover,
._filterBtn_1hsa5_52._Registered_1hsa5_102._active_1hsa5_96 {
  background: #3b82f6;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
._filterBtn_1hsa5_52._Total_1hsa5_113 {
  border-color: #8b5cf6;
  color: #8b5cf6;
}
._filterBtn_1hsa5_52._Total_1hsa5_113:hover,
._filterBtn_1hsa5_52._Total_1hsa5_113._active_1hsa5_96 {
  background: #8b5cf6;
  color: #fff;
  box-shadow: 0 8px 25px #8b5cf64d;
}
._filterBtn_1hsa5_52._active_1hsa5_96,
._filterDropdown_1hsa5_52._active_1hsa5_96 {
  animation: _activeButton_1hsa5_1 0.5s ease;
}
._btnOutlineViolet_1hsa5_128 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: #ffffffe6;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  color: #8b5cf6;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-width: 180px;
  justify-content: center;
}
._btnOutlineViolet_1hsa5_128:hover,
._btnOutlineViolet_1hsa5_128:focus {
  color: #fff;
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}
._p3_1hsa5_154 {
  padding: 1rem !important;
}
._shadowSm_1hsa5_159 {
  box-shadow: #00000013 0 0.125rem 0.25rem !important;
}
@media (max-width: 575.98px) {
  ._filterBtn_1hsa5_52 {
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  ._filterBtn_1hsa5_52 {
    font-size: 1rem;
    padding: 1rem;
  }
}
._odd_1hsa5_182 {
  background-color: #183653;
}
._odd_1hsa5_182 td {
  color: #000;
}
._pulse-icon_1hsa5_190 {
  animation: _pulse_1hsa5_190 1s infinite;
  margin-right: 5px;
}
@keyframes _pulse_1hsa5_190 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
._itemContainer_1hsa5_201 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  transition: background 0.15s ease;
}
._programName_1hsa5_210 {
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
}
._badge_1hsa5_216 {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.025em;
  border: 1px solid transparent;
}
._online_1hsa5_225 {
  background-color: #eff6ff;
  color: #2563eb;
  border-color: #dbeafe;
}
._old_1hsa5_231 {
  background-color: #f8fafc;
  color: #64748b;
  border-color: #f1f5f9;
}
._p-dropdown-item_1hsa5_238 {
  padding: 2px !important;
  margin: 2px 0 !important;
  border-radius: 8px !important;
}
._p-dropdown-item_1hsa5_238:hover {
  background: #f1f5f9 !important;
}
._p-dropdown-trigger_1hsa5_248 {
  width: 40px !important;
  color: #64748b !important;
}
._modalOverlay_1t33b_2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0009;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
._deleteModal_1t33b_17 {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 25px #00000026;
  width: 100%;
  max-width: 550px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: _modalFadeIn_1t33b_1 0.3s ease-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@keyframes _modalFadeIn_1t33b_1 {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._modalHeader_1t33b_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e9ecef;
  background-color: #f8f9fa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
._modalTitle_1t33b_53 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #212529;
}
._closeButton_1t33b_60 {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #6c757d;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}
._closeButton_1t33b_60:hover {
  color: #dc3545;
  background-color: #dc35451a;
}
._modalBody_1t33b_81 {
  padding: 24px;
  overflow-y: auto;
  max-height: calc(90vh - 130px);
}
._alertWarning_1t33b_87 {
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  color: #856404;
}
._alertTitle_1t33b_98 {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 1.05rem;
}
._batchName_1t33b_104 {
  font-weight: 600;
  color: #dc3545;
}
._warningIcon_1t33b_109 {
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: 3px;
}
._dataSummary_1t33b_115 {
  margin: 24px 0;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
}
._mainTable_1t33b_122,
._orphanTables_1t33b_123 {
  background-color: #fff;
}
._mainTable_1t33b_122 {
  border-bottom: 1px solid #e9ecef;
}
._sectionTitle_1t33b_131 {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
  padding: 12px 16px;
  background-color: #f8f9fa;
  color: #495057;
  border-bottom: 1px solid #e9ecef;
}
._sectionIcon_1t33b_143 {
  margin-right: 8px;
}
._orphanList_1t33b_147 {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ced4da #f8f9fa;
}
._orphanList_1t33b_147::-webkit-scrollbar {
  width: 8px;
}
._orphanList_1t33b_147::-webkit-scrollbar-track {
  background: #f8f9fa;
}
._orphanList_1t33b_147::-webkit-scrollbar-thumb {
  background-color: #ced4da;
  border-radius: 4px;
  border: 2px solid #f8f9fa;
}
._tableItem_1t33b_168 {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #e9ecef;
}
._tableItem_1t33b_168:last-child {
  border-bottom: none;
}
._total_1t33b_179 {
  font-weight: 600;
  background-color: #f8f9fa;
  padding: 12px 16px;
}
._tableName_1t33b_185 {
  color: #495057;
  font-size: 0.95rem;
}
._recordCount_1t33b_190 {
  font-weight: 500;
  color: #fff;
  background-color: #dc3545;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.85rem;
  min-width: 32px;
  text-align: center;
}
._warningBox_1t33b_201 {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  margin-top: 24px;
}
._infoIcon_1t33b_210 {
  color: #6c757d;
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: 3px;
}
._warningText_1t33b_217 {
  color: red;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.5;
  font-weight: 600;
}
._modalFooter_1t33b_226 {
  display: flex;
  justify-content: flex-end;
  padding: 16px 24px;
  border-top: 1px solid #e9ecef;
  gap: 12px;
  background-color: #f8f9fa;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
._btnSecondary_1t33b_238,
._btnDanger_1t33b_239 {
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.95rem;
}
._btnSecondary_1t33b_238 {
  background-color: #fff;
  color: #6c757d;
  border-color: #6c757d;
}
._btnSecondary_1t33b_238:hover {
  background-color: #f8f9fa;
  color: #5a6268;
}
._btnDanger_1t33b_239 {
  background-color: #dc3545;
  color: #fff;
}
._btnDanger_1t33b_239:hover {
  background-color: #c82333;
}
._deleteIcon_1t33b_273 {
  margin-right: 4px;
}
._tableWrapper_jkkxv_1 {
  width: 100%;
  margin-top: 1rem;
}
._tableWrapper_jkkxv_1 .p-datatable {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
}
._tableWrapper_jkkxv_1 .p-datatable .p-datatable-thead > tr > th {
  background-color: #f8fafc !important;
  color: #334155 !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding: 14px 16px !important;
}
._tableWrapper_jkkxv_1 .p-datatable .p-datatable-tbody > tr {
  background-color: #fff;
  transition: background-color 0.15s ease;
}
._tableWrapper_jkkxv_1 .p-datatable .p-datatable-tbody > tr:hover {
  background-color: #f1f5f9 !important;
}
._tableWrapper_jkkxv_1 .p-datatable .p-datatable-tbody > tr > td {
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  color: #334155 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
._tableWrapper_jkkxv_1 .p-paginator {
  background-color: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 10px 16px !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
._tableWrapper_jkkxv_1 .p-paginator .p-paginator-pages .p-paginator-page {
  border-radius: 50% !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
._tableWrapper_jkkxv_1
  .p-paginator
  .p-paginator-pages
  .p-paginator-page.p-highlight {
  background-color: #2563eb !important;
  color: #fff !important;
}
._headerContainer_jkkxv_63 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 20px;
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-bottom: none;
}
._searchSection_jkkxv_77 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._searchField_jkkxv_84 {
  position: relative;
}
._searchInput_jkkxv_88 {
  padding: 8px 12px 8px 36px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 13.5px !important;
  width: 260px !important;
  transition: all 0.2s ease !important;
  background: #f8fafc !important;
}
._searchInput_jkkxv_88:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px #2563eb26 !important;
  background: #fff !important;
}
._columnSelector_jkkxv_104 {
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 13px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
}
._columnSelector_jkkxv_104 .p-dropdown-label {
  padding: 8px 12px !important;
  font-size: 13px !important;
}
._actionSection_jkkxv_120 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._writeActions_jkkxv_127 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._actionBtn_jkkxv_133 {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  box-shadow: 0 2px 4px #0000000d !important;
  transition: all 0.2s ease !important;
  margin-bottom: 0 !important;
}
._actionBtn_jkkxv_133:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 6px #0000001a !important;
}
._exportSection_jkkxv_154 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._exportBtn_jkkxv_160 {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}
._exportBtn_jkkxv_160:hover {
  transform: translateY(-1px) !important;
}
._editBtn_jkkxv_177 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2563eb14;
  color: #2563eb !important;
  border: 1px solid rgba(37, 99, 235, 0.12);
  transition: all 0.2s ease;
  cursor: pointer;
  text-decoration: none;
}
._editBtn_jkkxv_177:hover {
  background: #2563eb;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px #2563eb33;
}
._deleteBtn_jkkxv_199 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ef444414;
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.12);
  transition: all 0.2s ease;
  cursor: pointer;
}
._deleteBtn_jkkxv_199:hover {
  background: #ef4444;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px #ef444433;
}
._extraActionBtn_jkkxv_220 {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #0d948814;
  color: #0d9488;
  border: 1px solid rgba(13, 148, 136, 0.12);
  transition: all 0.2s ease;
  cursor: pointer;
}
._extraActionBtn_jkkxv_220:hover {
  background: #0d9488;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px #0d948833;
}
@media (max-width: 768px) {
  ._headerContainer_jkkxv_63 {
    flex-direction: column;
    align-items: stretch;
  }
  ._searchSection_jkkxv_77,
  ._actionSection_jkkxv_120 {
    width: 100%;
  }
  ._searchInput_jkkxv_88 {
    width: 100% !important;
  }
  ._actionBtn_jkkxv_133,
  ._exportBtn_jkkxv_160 {
    width: 100% !important;
    justify-content: center !important;
  }
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn {
  font-weight: 600 !important;
  font-size: 11.5px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody [class*="identifierBtn"],
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-info,
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-primary {
  background: #eff6ff !important;
  color: #2563eb !important;
  border: 1px solid #bfdbfe !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody [class*="identifierBtn"]:hover,
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-info:hover,
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-primary:hover {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody [class*="identifierBtn"]:before,
._tableWrapper_jkkxv_1 .p-datatable-tbody [class*="identifierBtn"]:after {
  display: none !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody [class*="identifierBtn"] i {
  animation: none !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-success {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1px solid #bbf7d0 !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-success:hover {
  background: #16a34a !important;
  color: #fff !important;
  border-color: #16a34a !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-warning {
  background: #fffbeb !important;
  color: #d97706 !important;
  border: 1px solid #fef3c7 !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-warning:hover {
  background: #d97706 !important;
  color: #fff !important;
  border-color: #d97706 !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-danger,
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-outline-danger {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fee2e2 !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-danger:hover,
._tableWrapper_jkkxv_1 .p-datatable-tbody .btn-outline-danger:hover {
  background: #dc2626 !important;
  color: #fff !important;
  border-color: #dc2626 !important;
}
._tableWrapper_jkkxv_1 .p-datatable-tbody button[style*="width"] {
  width: auto !important;
  min-width: 90px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
}
._tableWrapper_jkkxv_1 .badge {
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  border: 1px solid transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
._tableWrapper_jkkxv_1 .badge.bg-success {
  background-color: #10b9811a !important;
  color: #059669 !important;
  border-color: #10b98133 !important;
}
._tableWrapper_jkkxv_1 .badge.bg-warning {
  background-color: #f59e0b1a !important;
  color: #d97706 !important;
  border-color: #f59e0b33 !important;
}
._tableWrapper_jkkxv_1 .badge.bg-danger {
  background-color: #ef44441a !important;
  color: #dc2626 !important;
  border-color: #ef444433 !important;
}
._identifierBtn_1xhni_2 {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 12px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px #667eea4d;
}
._identifierBtn_1xhni_2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transition: left 0.5s ease;
}
._identifierBtn_1xhni_2:hover {
  background: linear-gradient(135deg, #764ba2, #667eea);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #667eea80;
}
._identifierBtn_1xhni_2:hover:before {
  left: 100%;
}
._identifierBtn_1xhni_2:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px #667eea66;
}
._identifierBtn_1xhni_2 i {
  animation: _keyShake_1xhni_1 2s infinite;
}
@keyframes _keyShake_1xhni_1 {
  0%,
  to {
    transform: rotate(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: rotate(-3deg);
  }
  20%,
  40%,
  60%,
  80% {
    transform: rotate(3deg);
  }
}
._identifierBtnDark_1xhni_59 {
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: #00d4ff;
  border: 2px solid #00d4ff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 12px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px #00d4ff4d;
}
._identifierBtnDark_1xhni_59:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #00d4ff33;
  transform: translate(-50%, -50%);
  transition:
    width 0.5s,
    height 0.5s;
}
._identifierBtnDark_1xhni_59:hover {
  background: linear-gradient(135deg, #16213e, #0f3460);
  color: #fff;
  box-shadow: 0 0 25px #00d4ff99;
  border-color: #fff;
}
._identifierBtnDark_1xhni_59:hover:before {
  width: 300px;
  height: 300px;
}
._identifierBtnSecret_1xhni_99 {
  background: linear-gradient(135deg, #ee0979, #ff6a00);
  color: #fff;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 6px 14px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px #ee097966;
  font-size: 11px;
}
._identifierBtnSecret_1xhni_99:after {
  content: "🔒";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: right 0.3s ease;
}
._identifierBtnSecret_1xhni_99:hover {
  background: linear-gradient(135deg, #ff6a00, #ee0979);
  transform: scale(1.05);
  box-shadow: 0 5px 20px #ee097999;
}
._identifierBtnSecret_1xhni_99:hover:after {
  content: "🔓";
  right: 5px;
}
._identifierDisplay_1xhni_136 {
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: #0f8;
  font-family:
    Courier New,
    monospace;
  font-size: 18px;
  font-weight: 700;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  letter-spacing: 3px;
  border: 2px solid #00ff88;
  box-shadow: 0 0 20px #00ff884d;
  position: relative;
  overflow: hidden;
}
._identifierDisplay_1xhni_136:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 255, 136, 0.03) 2px,
    rgba(0, 255, 136, 0.03) 4px
  );
  animation: _scan_1xhni_1 8s linear infinite;
}
@keyframes _scan_1xhni_1 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(50%);
  }
}
._identifierCode_1xhni_178 {
  position: relative;
  z-index: 1;
  text-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
}
._copySecretBtn_1xhni_185 {
  background: linear-gradient(135deg, #0f8, #00d4ff);
  color: #1a1a2e;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px #00ff884d;
}
._copySecretBtn_1xhni_185:hover {
  background: linear-gradient(135deg, #00d4ff, #0f8);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #00ff8880;
  color: #1a1a2e;
}
._overlay_1xyq2_2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0006;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  animation: _fadeIn_1xyq2_1 0.2s ease-out;
}
._modal_1xyq2_14 {
  background: #fff;
  border-radius: 28px;
  width: 100%;
  max-width: 440px;
  box-shadow:
    0 10px 25px -5px #0000001a,
    0 8px 10px -6px #0000001a;
  overflow: hidden;
  animation: _slideUp_1xyq2_1 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
._header_1xyq2_24 {
  padding: 24px 24px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._title_1xyq2_31 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #1c1b1f;
  letter-spacing: -0.02em;
}
._closeIcon_1xyq2_39 {
  background: transparent;
  border: none;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  color: #49454f;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
._closeIcon_1xyq2_39:hover {
  background: #0000000d;
}
._content_1xyq2_59 {
  padding: 0 24px 24px;
}
._studentInfo_1xyq2_63 {
  margin-bottom: 24px;
  font-size: 0.875rem;
  color: #49454f;
  line-height: 1.5;
}
._highlight_1xyq2_70 {
  color: #6750a4;
  font-weight: 500;
}
._userStatusHighlight_1xyq2_75 {
  color: #37ff00;
  font-weight: 500;
}
._fieldContainer_1xyq2_81 {
  margin-bottom: 32px;
}
._label_1xyq2_85 {
  display: block;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #49454f;
}
._dropdown_1xyq2_94 {
  width: 100%;
}
._dropdown_1xyq2_94 .p-dropdown {
  border: 1px solid #79747e;
  border-radius: 4px;
  height: 56px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
._dropdown_1xyq2_94 .p-dropdown:hover {
  border-color: #1c1b1f;
}
._dropdown_1xyq2_94 .p-dropdown:focus,
._dropdown_1xyq2_94 .p-dropdown.p-focus {
  border: 2px solid #6750a4;
  box-shadow: none;
  outline: none;
}
._dropdown_1xyq2_94 .p-dropdown .p-inputtext {
  padding: 16px;
  font-size: 1rem;
  color: #1c1b1f;
}
._dropdown_1xyq2_94 .p-dropdown-panel {
  border-radius: 4px;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a;
  margin-top: 4px;
}
._dropdown_1xyq2_94 .p-dropdown-item {
  padding: 12px 16px;
  transition: background 0.2s;
}
._dropdown_1xyq2_94 .p-dropdown-item:hover {
  background: #6750a414;
}
._dropdown_1xyq2_94 .p-dropdown-item.p-highlight {
  background: #6750a41f;
  color: #6750a4;
}
._actions_1xyq2_143 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
._textButton_1xyq2_150 {
  height: 40px;
  padding: 0 12px;
  border: none;
  background: transparent;
  color: #6750a4;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  border-radius: 20px;
  transition: background 0.2s;
}
._textButton_1xyq2_150:hover {
  background: #6750a414;
}
._filledButton_1xyq2_167 {
  height: 40px;
  padding: 0 24px;
  border: none;
  background-color: #6750a4;
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: 0 1px 3px #0000001a;
  transition:
    background 0.2s,
    box-shadow 0.2s;
}
._filledButton_1xyq2_167:hover:not(:disabled) {
  background-color: #604996;
  box-shadow: 0 2px 4px #0003;
}
._filledButton_1xyq2_167:disabled {
  background-color: #e1e1e1;
  color: #9e9e9e;
  cursor: not-allowed;
  box-shadow: none;
}
._textInput_1xyq2_193 {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  font-size: 14px;
  outline: none;
  transition: all 0.2s ease;
  background-color: #fff;
}
._textInput_1xyq2_193::placeholder {
  color: #98a2b3;
  font-size: 13px;
}
._textInput_1xyq2_193:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px #6366f126;
}
._confirmOverlay_1xyq2_214 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000073;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 60px;
  z-index: 9999;
}
._confirmBox_1xyq2_225 {
  background: #fff;
  border-radius: 10px;
  padding: 18px 20px;
  width: 420px;
  max-width: 90%;
  box-shadow: 0 10px 30px #00000026;
  animation: _slideDown_1xyq2_1 0.2s ease;
}
._confirmText_1xyq2_235 {
  font-size: 14px;
  color: #1f2937;
  margin-bottom: 16px;
}
._confirmActions_1xyq2_241 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@keyframes _slideDown_1xyq2_1 {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _fadeIn_1xyq2_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_1xyq2_1 {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._statusGreen_1xyq2_279 {
  color: #198754;
  font-weight: 600;
}
._statusRed_1xyq2_284 {
  color: #dc3545;
  font-weight: 600;
}
._headerActions_1xyq2_289 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._outlineButton_1xyq2_295 {
  padding: 6px 12px;
  border: 1px solid #2563eb;
  background: #fff;
  color: #2563eb;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}
._logsOverlay_1xyq2_307 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000073;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  z-index: 9999;
}
._logsModal_1xyq2_318 {
  width: 100%;
  max-width: 1000px;
  max-height: 90vh;
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
._logsHeader_1xyq2_329 {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._logsBody_1xyq2_337 {
  padding: 12px;
  overflow: auto;
}
._logsCenter_1xyq2_342 {
  text-align: center;
  padding: 20px;
  color: #6b7280;
}
._logsError_1xyq2_348 {
  text-align: center;
  padding: 20px;
  color: #dc2626;
}
._tableWrapper_1xyq2_356 {
  width: 100%;
  overflow-x: auto;
}
._logsTable_1xyq2_361 {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
  font-size: 13px;
}
._logsTable_1xyq2_361 thead th {
  position: sticky;
  top: 0;
  background: #f3f4f6;
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  z-index: 2;
}
._logsTable_1xyq2_361 tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}
._logsTable_1xyq2_361 tbody tr:hover {
  background: #f9fafb;
}
._subText_1xyq2_390 {
  font-size: 11px;
  color: #6b7280;
}
._actionButtons_1iox9_1 {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  padding: 2px 0;
}
._actionBtn_1iox9_11 {
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
._printBtn_1iox9_23 {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
._printBtn_1iox9_23:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff;
}
._statusDone_1iox9_35 {
  background-color: #d4edda;
  color: #155724;
}
._statusPending_1iox9_40 {
  background-color: #fff3cd;
  color: #856404;
}
._modalOverlay_1iox9_45 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
._modal_1iox9_45 {
  background: #fff;
  border-radius: 8px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  box-shadow: 0 4px 6px #0000001a;
}
._modalHeader_1iox9_67 {
  padding: 16px;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: between;
  align-items: center;
}
._modalBody_1iox9_75 {
  padding: 16px;
}
._closeBtn_1iox9_79 {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
._debDetails_1iox9_86 {
  max-height: 400px;
  overflow-y: auto;
}
._studentInfo_1iox9_91 {
  padding: 12px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  margin-bottom: 12px;
}
._infoRow_1iox9_98 {
  display: flex;
  margin-bottom: 4px;
}
._infoRow_1iox9_98 strong {
  min-width: 150px;
  margin-right: 8px;
}
._errorMessage_1iox9_108 {
  color: #dc3545;
  padding: 16px;
  text-align: center;
}
@media (max-width: 768px) {
  ._actionButtons_1iox9_1 {
    gap: 2px;
  }
  ._actionBtn_1iox9_11 {
    min-width: 28px;
    height: 28px;
    padding: 3px 4px;
    font-size: 10px;
  }
} /*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}
.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}
.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid)
    var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}
.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}
.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%,
  24% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  to {
    transform: rotate(0);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scaleX(-1);
}
.fa-flip-vertical {
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
.fa-0 {
  --fa: "0";
}
.fa-1 {
  --fa: "1";
}
.fa-2 {
  --fa: "2";
}
.fa-3 {
  --fa: "3";
}
.fa-4 {
  --fa: "4";
}
.fa-5 {
  --fa: "5";
}
.fa-6 {
  --fa: "6";
}
.fa-7 {
  --fa: "7";
}
.fa-8 {
  --fa: "8";
}
.fa-9 {
  --fa: "9";
}
.fa-fill-drip {
  --fa: "";
}
.fa-arrows-to-circle {
  --fa: "";
}
.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa: "";
}
.fa-at {
  --fa: "@";
}
.fa-trash-alt,
.fa-trash-can {
  --fa: "";
}
.fa-text-height {
  --fa: "";
}
.fa-user-times,
.fa-user-xmark {
  --fa: "";
}
.fa-stethoscope {
  --fa: "";
}
.fa-comment-alt,
.fa-message {
  --fa: "";
}
.fa-info {
  --fa: "";
}
.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa: "";
}
.fa-explosion {
  --fa: "";
}
.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa: "";
}
.fa-wave-square {
  --fa: "";
}
.fa-ring {
  --fa: "";
}
.fa-building-un {
  --fa: "";
}
.fa-dice-three {
  --fa: "";
}
.fa-calendar-alt,
.fa-calendar-days {
  --fa: "";
}
.fa-anchor-circle-check {
  --fa: "";
}
.fa-building-circle-arrow-right {
  --fa: "";
}
.fa-volleyball,
.fa-volleyball-ball {
  --fa: "";
}
.fa-arrows-up-to-line {
  --fa: "";
}
.fa-sort-desc,
.fa-sort-down {
  --fa: "";
}
.fa-circle-minus,
.fa-minus-circle {
  --fa: "";
}
.fa-door-open {
  --fa: "";
}
.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa: "";
}
.fa-atom {
  --fa: "";
}
.fa-soap {
  --fa: "";
}
.fa-heart-music-camera-bolt,
.fa-icons {
  --fa: "";
}
.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa: "";
}
.fa-bridge-circle-check {
  --fa: "";
}
.fa-pump-medical {
  --fa: "";
}
.fa-fingerprint {
  --fa: "";
}
.fa-hand-point-right {
  --fa: "";
}
.fa-magnifying-glass-location,
.fa-search-location {
  --fa: "";
}
.fa-forward-step,
.fa-step-forward {
  --fa: "";
}
.fa-face-smile-beam,
.fa-smile-beam {
  --fa: "";
}
.fa-flag-checkered {
  --fa: "";
}
.fa-football,
.fa-football-ball {
  --fa: "";
}
.fa-school-circle-exclamation {
  --fa: "";
}
.fa-crop {
  --fa: "";
}
.fa-angle-double-down,
.fa-angles-down {
  --fa: "";
}
.fa-users-rectangle {
  --fa: "";
}
.fa-people-roof {
  --fa: "";
}
.fa-people-line {
  --fa: "";
}
.fa-beer,
.fa-beer-mug-empty {
  --fa: "";
}
.fa-diagram-predecessor {
  --fa: "";
}
.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa: "";
}
.fa-burn,
.fa-fire-flame-simple {
  --fa: "";
}
.fa-male,
.fa-person {
  --fa: "";
}
.fa-laptop {
  --fa: "";
}
.fa-file-csv {
  --fa: "";
}
.fa-menorah {
  --fa: "";
}
.fa-truck-plane {
  --fa: "";
}
.fa-record-vinyl {
  --fa: "";
}
.fa-face-grin-stars,
.fa-grin-stars {
  --fa: "";
}
.fa-bong {
  --fa: "";
}
.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa: "";
}
.fa-arrow-down-up-across-line {
  --fa: "";
}
.fa-spoon,
.fa-utensil-spoon {
  --fa: "";
}
.fa-jar-wheat {
  --fa: "";
}
.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa: "";
}
.fa-file-circle-exclamation {
  --fa: "";
}
.fa-circle-h,
.fa-hospital-symbol {
  --fa: "";
}
.fa-pager {
  --fa: "";
}
.fa-address-book,
.fa-contact-book {
  --fa: "";
}
.fa-strikethrough {
  --fa: "";
}
.fa-k {
  --fa: "K";
}
.fa-landmark-flag {
  --fa: "";
}
.fa-pencil,
.fa-pencil-alt {
  --fa: "";
}
.fa-backward {
  --fa: "";
}
.fa-caret-right {
  --fa: "";
}
.fa-comments {
  --fa: "";
}
.fa-file-clipboard,
.fa-paste {
  --fa: "";
}
.fa-code-pull-request {
  --fa: "";
}
.fa-clipboard-list {
  --fa: "";
}
.fa-truck-loading,
.fa-truck-ramp-box {
  --fa: "";
}
.fa-user-check {
  --fa: "";
}
.fa-vial-virus {
  --fa: "";
}
.fa-sheet-plastic {
  --fa: "";
}
.fa-blog {
  --fa: "";
}
.fa-user-ninja {
  --fa: "";
}
.fa-person-arrow-up-from-line {
  --fa: "";
}
.fa-scroll-torah,
.fa-torah {
  --fa: "";
}
.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa: "";
}
.fa-toggle-off {
  --fa: "";
}
.fa-archive,
.fa-box-archive {
  --fa: "";
}
.fa-person-drowning {
  --fa: "";
}
.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa: "";
}
.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa: "";
}
.fa-spray-can {
  --fa: "";
}
.fa-truck-monster {
  --fa: "";
}
.fa-w {
  --fa: "W";
}
.fa-earth-africa,
.fa-globe-africa {
  --fa: "";
}
.fa-rainbow {
  --fa: "";
}
.fa-circle-notch {
  --fa: "";
}
.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa: "";
}
.fa-paw {
  --fa: "";
}
.fa-cloud {
  --fa: "";
}
.fa-trowel-bricks {
  --fa: "";
}
.fa-face-flushed,
.fa-flushed {
  --fa: "";
}
.fa-hospital-user {
  --fa: "";
}
.fa-tent-arrow-left-right {
  --fa: "";
}
.fa-gavel,
.fa-legal {
  --fa: "";
}
.fa-binoculars {
  --fa: "";
}
.fa-microphone-slash {
  --fa: "";
}
.fa-box-tissue {
  --fa: "";
}
.fa-motorcycle {
  --fa: "";
}
.fa-bell-concierge,
.fa-concierge-bell {
  --fa: "";
}
.fa-pen-ruler,
.fa-pencil-ruler {
  --fa: "";
}
.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa: "";
}
.fa-mars-and-venus-burst {
  --fa: "";
}
.fa-caret-square-right,
.fa-square-caret-right {
  --fa: "";
}
.fa-cut,
.fa-scissors {
  --fa: "";
}
.fa-sun-plant-wilt {
  --fa: "";
}
.fa-toilets-portable {
  --fa: "";
}
.fa-hockey-puck {
  --fa: "";
}
.fa-table {
  --fa: "";
}
.fa-magnifying-glass-arrow-right {
  --fa: "";
}
.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa: "";
}
.fa-users-slash {
  --fa: "";
}
.fa-clover {
  --fa: "";
}
.fa-mail-reply,
.fa-reply {
  --fa: "";
}
.fa-star-and-crescent {
  --fa: "";
}
.fa-house-fire {
  --fa: "";
}
.fa-minus-square,
.fa-square-minus {
  --fa: "";
}
.fa-helicopter {
  --fa: "";
}
.fa-compass {
  --fa: "";
}
.fa-caret-square-down,
.fa-square-caret-down {
  --fa: "";
}
.fa-file-circle-question {
  --fa: "";
}
.fa-laptop-code {
  --fa: "";
}
.fa-swatchbook {
  --fa: "";
}
.fa-prescription-bottle {
  --fa: "";
}
.fa-bars,
.fa-navicon {
  --fa: "";
}
.fa-people-group {
  --fa: "";
}
.fa-hourglass-3,
.fa-hourglass-end {
  --fa: "";
}
.fa-heart-broken,
.fa-heart-crack {
  --fa: "";
}
.fa-external-link-square-alt,
.fa-square-up-right {
  --fa: "";
}
.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa: "";
}
.fa-film {
  --fa: "";
}
.fa-ruler-horizontal {
  --fa: "";
}
.fa-people-robbery {
  --fa: "";
}
.fa-lightbulb {
  --fa: "";
}
.fa-caret-left {
  --fa: "";
}
.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa: "";
}
.fa-school-circle-xmark {
  --fa: "";
}
.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa: "";
}
.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa: "";
}
.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa: "";
}
.fa-cloud-showers-heavy {
  --fa: "";
}
.fa-headphones-alt,
.fa-headphones-simple {
  --fa: "";
}
.fa-sitemap {
  --fa: "";
}
.fa-circle-dollar-to-slot,
.fa-donate {
  --fa: "";
}
.fa-memory {
  --fa: "";
}
.fa-road-spikes {
  --fa: "";
}
.fa-fire-burner {
  --fa: "";
}
.fa-flag {
  --fa: "";
}
.fa-hanukiah {
  --fa: "";
}
.fa-feather {
  --fa: "";
}
.fa-volume-down,
.fa-volume-low {
  --fa: "";
}
.fa-comment-slash {
  --fa: "";
}
.fa-cloud-sun-rain {
  --fa: "";
}
.fa-compress {
  --fa: "";
}
.fa-wheat-alt,
.fa-wheat-awn {
  --fa: "";
}
.fa-ankh {
  --fa: "";
}
.fa-hands-holding-child {
  --fa: "";
}
.fa-asterisk {
  --fa: "*";
}
.fa-check-square,
.fa-square-check {
  --fa: "";
}
.fa-peseta-sign {
  --fa: "";
}
.fa-header,
.fa-heading {
  --fa: "";
}
.fa-ghost {
  --fa: "";
}
.fa-list,
.fa-list-squares {
  --fa: "";
}
.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa: "";
}
.fa-cart-plus {
  --fa: "";
}
.fa-gamepad {
  --fa: "";
}
.fa-circle-dot,
.fa-dot-circle {
  --fa: "";
}
.fa-dizzy,
.fa-face-dizzy {
  --fa: "";
}
.fa-egg {
  --fa: "";
}
.fa-house-medical-circle-xmark {
  --fa: "";
}
.fa-campground {
  --fa: "";
}
.fa-folder-plus {
  --fa: "";
}
.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa: "";
}
.fa-paint-brush,
.fa-paintbrush {
  --fa: "";
}
.fa-lock {
  --fa: "";
}
.fa-gas-pump {
  --fa: "";
}
.fa-hot-tub,
.fa-hot-tub-person {
  --fa: "";
}
.fa-map-location,
.fa-map-marked {
  --fa: "";
}
.fa-house-flood-water {
  --fa: "";
}
.fa-tree {
  --fa: "";
}
.fa-bridge-lock {
  --fa: "";
}
.fa-sack-dollar {
  --fa: "";
}
.fa-edit,
.fa-pen-to-square {
  --fa: "";
}
.fa-car-side {
  --fa: "";
}
.fa-share-alt,
.fa-share-nodes {
  --fa: "";
}
.fa-heart-circle-minus {
  --fa: "";
}
.fa-hourglass-2,
.fa-hourglass-half {
  --fa: "";
}
.fa-microscope {
  --fa: "";
}
.fa-sink {
  --fa: "";
}
.fa-bag-shopping,
.fa-shopping-bag {
  --fa: "";
}
.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa: "";
}
.fa-mitten {
  --fa: "";
}
.fa-person-rays {
  --fa: "";
}
.fa-users {
  --fa: "";
}
.fa-eye-slash {
  --fa: "";
}
.fa-flask-vial {
  --fa: "";
}
.fa-hand,
.fa-hand-paper {
  --fa: "";
}
.fa-om {
  --fa: "";
}
.fa-worm {
  --fa: "";
}
.fa-house-circle-xmark {
  --fa: "";
}
.fa-plug {
  --fa: "";
}
.fa-chevron-up {
  --fa: "";
}
.fa-hand-spock {
  --fa: "";
}
.fa-stopwatch {
  --fa: "";
}
.fa-face-kiss,
.fa-kiss {
  --fa: "";
}
.fa-bridge-circle-xmark {
  --fa: "";
}
.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa: "";
}
.fa-chess-bishop {
  --fa: "";
}
.fa-face-grin-wink,
.fa-grin-wink {
  --fa: "";
}
.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa: "";
}
.fa-road-circle-check {
  --fa: "";
}
.fa-dice-five {
  --fa: "";
}
.fa-rss-square,
.fa-square-rss {
  --fa: "";
}
.fa-land-mine-on {
  --fa: "";
}
.fa-i-cursor {
  --fa: "";
}
.fa-stamp {
  --fa: "";
}
.fa-stairs {
  --fa: "";
}
.fa-i {
  --fa: "I";
}
.fa-hryvnia,
.fa-hryvnia-sign {
  --fa: "";
}
.fa-pills {
  --fa: "";
}
.fa-face-grin-wide,
.fa-grin-alt {
  --fa: "";
}
.fa-tooth {
  --fa: "";
}
.fa-v {
  --fa: "V";
}
.fa-bangladeshi-taka-sign {
  --fa: "";
}
.fa-bicycle {
  --fa: "";
}
.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa: "";
}
.fa-head-side-cough-slash {
  --fa: "";
}
.fa-ambulance,
.fa-truck-medical {
  --fa: "";
}
.fa-wheat-awn-circle-exclamation {
  --fa: "";
}
.fa-snowman {
  --fa: "";
}
.fa-mortar-pestle {
  --fa: "";
}
.fa-road-barrier {
  --fa: "";
}
.fa-school {
  --fa: "";
}
.fa-igloo {
  --fa: "";
}
.fa-joint {
  --fa: "";
}
.fa-angle-right {
  --fa: "";
}
.fa-horse {
  --fa: "";
}
.fa-q {
  --fa: "Q";
}
.fa-g {
  --fa: "G";
}
.fa-notes-medical {
  --fa: "";
}
.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa: "";
}
.fa-dong-sign {
  --fa: "";
}
.fa-capsules {
  --fa: "";
}
.fa-poo-bolt,
.fa-poo-storm {
  --fa: "";
}
.fa-face-frown-open,
.fa-frown-open {
  --fa: "";
}
.fa-hand-point-up {
  --fa: "";
}
.fa-money-bill {
  --fa: "";
}
.fa-bookmark {
  --fa: "";
}
.fa-align-justify {
  --fa: "";
}
.fa-umbrella-beach {
  --fa: "";
}
.fa-helmet-un {
  --fa: "";
}
.fa-bullseye {
  --fa: "";
}
.fa-bacon {
  --fa: "";
}
.fa-hand-point-down {
  --fa: "";
}
.fa-arrow-up-from-bracket {
  --fa: "";
}
.fa-folder,
.fa-folder-blank {
  --fa: "";
}
.fa-file-medical-alt,
.fa-file-waveform {
  --fa: "";
}
.fa-radiation {
  --fa: "";
}
.fa-chart-simple {
  --fa: "";
}
.fa-mars-stroke {
  --fa: "";
}
.fa-vial {
  --fa: "";
}
.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa: "";
}
.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa: "";
}
.fa-e {
  --fa: "E";
}
.fa-pen-alt,
.fa-pen-clip {
  --fa: "";
}
.fa-bridge-circle-exclamation {
  --fa: "";
}
.fa-user {
  --fa: "";
}
.fa-school-circle-check {
  --fa: "";
}
.fa-dumpster {
  --fa: "";
}
.fa-shuttle-van,
.fa-van-shuttle {
  --fa: "";
}
.fa-building-user {
  --fa: "";
}
.fa-caret-square-left,
.fa-square-caret-left {
  --fa: "";
}
.fa-highlighter {
  --fa: "";
}
.fa-key {
  --fa: "";
}
.fa-bullhorn {
  --fa: "";
}
.fa-globe {
  --fa: "";
}
.fa-synagogue {
  --fa: "";
}
.fa-person-half-dress {
  --fa: "";
}
.fa-road-bridge {
  --fa: "";
}
.fa-location-arrow {
  --fa: "";
}
.fa-c {
  --fa: "C";
}
.fa-tablet-button {
  --fa: "";
}
.fa-building-lock {
  --fa: "";
}
.fa-pizza-slice {
  --fa: "";
}
.fa-money-bill-wave {
  --fa: "";
}
.fa-area-chart,
.fa-chart-area {
  --fa: "";
}
.fa-house-flag {
  --fa: "";
}
.fa-person-circle-minus {
  --fa: "";
}
.fa-ban,
.fa-cancel {
  --fa: "";
}
.fa-camera-rotate {
  --fa: "";
}
.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa: "";
}
.fa-star {
  --fa: "";
}
.fa-repeat {
  --fa: "";
}
.fa-cross {
  --fa: "";
}
.fa-box {
  --fa: "";
}
.fa-venus-mars {
  --fa: "";
}
.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa: "";
}
.fa-expand-arrows-alt,
.fa-maximize {
  --fa: "";
}
.fa-charging-station {
  --fa: "";
}
.fa-shapes,
.fa-triangle-circle-square {
  --fa: "";
}
.fa-random,
.fa-shuffle {
  --fa: "";
}
.fa-person-running,
.fa-running {
  --fa: "";
}
.fa-mobile-retro {
  --fa: "";
}
.fa-grip-lines-vertical {
  --fa: "";
}
.fa-spider {
  --fa: "";
}
.fa-hands-bound {
  --fa: "";
}
.fa-file-invoice-dollar {
  --fa: "";
}
.fa-plane-circle-exclamation {
  --fa: "";
}
.fa-x-ray {
  --fa: "";
}
.fa-spell-check {
  --fa: "";
}
.fa-slash {
  --fa: "";
}
.fa-computer-mouse,
.fa-mouse {
  --fa: "";
}
.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa: "";
}
.fa-shop-slash,
.fa-store-alt-slash {
  --fa: "";
}
.fa-server {
  --fa: "";
}
.fa-virus-covid-slash {
  --fa: "";
}
.fa-shop-lock {
  --fa: "";
}
.fa-hourglass-1,
.fa-hourglass-start {
  --fa: "";
}
.fa-blender-phone {
  --fa: "";
}
.fa-building-wheat {
  --fa: "";
}
.fa-person-breastfeeding {
  --fa: "";
}
.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa: "";
}
.fa-venus {
  --fa: "";
}
.fa-passport {
  --fa: "";
}
.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa: "";
}
.fa-heart-pulse,
.fa-heartbeat {
  --fa: "";
}
.fa-people-carry,
.fa-people-carry-box {
  --fa: "";
}
.fa-temperature-high {
  --fa: "";
}
.fa-microchip {
  --fa: "";
}
.fa-crown {
  --fa: "";
}
.fa-weight-hanging {
  --fa: "";
}
.fa-xmarks-lines {
  --fa: "";
}
.fa-file-prescription {
  --fa: "";
}
.fa-weight,
.fa-weight-scale {
  --fa: "";
}
.fa-user-friends,
.fa-user-group {
  --fa: "";
}
.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa: "";
}
.fa-chess-knight {
  --fa: "";
}
.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa: "";
}
.fa-wheelchair {
  --fa: "";
}
.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa: "";
}
.fa-toggle-on {
  --fa: "";
}
.fa-person-walking,
.fa-walking {
  --fa: "";
}
.fa-l {
  --fa: "L";
}
.fa-fire {
  --fa: "";
}
.fa-bed-pulse,
.fa-procedures {
  --fa: "";
}
.fa-shuttle-space,
.fa-space-shuttle {
  --fa: "";
}
.fa-face-laugh,
.fa-laugh {
  --fa: "";
}
.fa-folder-open {
  --fa: "";
}
.fa-heart-circle-plus {
  --fa: "";
}
.fa-code-fork {
  --fa: "";
}
.fa-city {
  --fa: "";
}
.fa-microphone-alt,
.fa-microphone-lines {
  --fa: "";
}
.fa-pepper-hot {
  --fa: "";
}
.fa-unlock {
  --fa: "";
}
.fa-colon-sign {
  --fa: "";
}
.fa-headset {
  --fa: "";
}
.fa-store-slash {
  --fa: "";
}
.fa-road-circle-xmark {
  --fa: "";
}
.fa-user-minus {
  --fa: "";
}
.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa: "";
}
.fa-champagne-glasses,
.fa-glass-cheers {
  --fa: "";
}
.fa-clipboard {
  --fa: "";
}
.fa-house-circle-exclamation {
  --fa: "";
}
.fa-file-arrow-up,
.fa-file-upload {
  --fa: "";
}
.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa: "";
}
.fa-bath,
.fa-bathtub {
  --fa: "";
}
.fa-underline {
  --fa: "";
}
.fa-user-edit,
.fa-user-pen {
  --fa: "";
}
.fa-signature {
  --fa: "";
}
.fa-stroopwafel {
  --fa: "";
}
.fa-bold {
  --fa: "";
}
.fa-anchor-lock {
  --fa: "";
}
.fa-building-ngo {
  --fa: "";
}
.fa-manat-sign {
  --fa: "";
}
.fa-not-equal {
  --fa: "";
}
.fa-border-style,
.fa-border-top-left {
  --fa: "";
}
.fa-map-location-dot,
.fa-map-marked-alt {
  --fa: "";
}
.fa-jedi {
  --fa: "";
}
.fa-poll,
.fa-square-poll-vertical {
  --fa: "";
}
.fa-mug-hot {
  --fa: "";
}
.fa-battery-car,
.fa-car-battery {
  --fa: "";
}
.fa-gift {
  --fa: "";
}
.fa-dice-two {
  --fa: "";
}
.fa-chess-queen {
  --fa: "";
}
.fa-glasses {
  --fa: "";
}
.fa-chess-board {
  --fa: "";
}
.fa-building-circle-check {
  --fa: "";
}
.fa-person-chalkboard {
  --fa: "";
}
.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa: "";
}
.fa-hand-back-fist,
.fa-hand-rock {
  --fa: "";
}
.fa-caret-square-up,
.fa-square-caret-up {
  --fa: "";
}
.fa-cloud-showers-water {
  --fa: "";
}
.fa-bar-chart,
.fa-chart-bar {
  --fa: "";
}
.fa-hands-bubbles,
.fa-hands-wash {
  --fa: "";
}
.fa-less-than-equal {
  --fa: "";
}
.fa-train {
  --fa: "";
}
.fa-eye-low-vision,
.fa-low-vision {
  --fa: "";
}
.fa-crow {
  --fa: "";
}
.fa-sailboat {
  --fa: "";
}
.fa-window-restore {
  --fa: "";
}
.fa-plus-square,
.fa-square-plus {
  --fa: "";
}
.fa-torii-gate {
  --fa: "";
}
.fa-frog {
  --fa: "";
}
.fa-bucket {
  --fa: "";
}
.fa-image {
  --fa: "";
}
.fa-microphone {
  --fa: "";
}
.fa-cow {
  --fa: "";
}
.fa-caret-up {
  --fa: "";
}
.fa-screwdriver {
  --fa: "";
}
.fa-folder-closed {
  --fa: "";
}
.fa-house-tsunami {
  --fa: "";
}
.fa-square-nfi {
  --fa: "";
}
.fa-arrow-up-from-ground-water {
  --fa: "";
}
.fa-glass-martini-alt,
.fa-martini-glass {
  --fa: "";
}
.fa-square-binary {
  --fa: "";
}
.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa: "";
}
.fa-columns,
.fa-table-columns {
  --fa: "";
}
.fa-lemon {
  --fa: "";
}
.fa-head-side-mask {
  --fa: "";
}
.fa-handshake {
  --fa: "";
}
.fa-gem {
  --fa: "";
}
.fa-dolly,
.fa-dolly-box {
  --fa: "";
}
.fa-smoking {
  --fa: "";
}
.fa-compress-arrows-alt,
.fa-minimize {
  --fa: "";
}
.fa-monument {
  --fa: "";
}
.fa-snowplow {
  --fa: "";
}
.fa-angle-double-right,
.fa-angles-right {
  --fa: "";
}
.fa-cannabis {
  --fa: "";
}
.fa-circle-play,
.fa-play-circle {
  --fa: "";
}
.fa-tablets {
  --fa: "";
}
.fa-ethernet {
  --fa: "";
}
.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa: "";
}
.fa-chair {
  --fa: "";
}
.fa-check-circle,
.fa-circle-check {
  --fa: "";
}
.fa-circle-stop,
.fa-stop-circle {
  --fa: "";
}
.fa-compass-drafting,
.fa-drafting-compass {
  --fa: "";
}
.fa-plate-wheat {
  --fa: "";
}
.fa-icicles {
  --fa: "";
}
.fa-person-shelter {
  --fa: "";
}
.fa-neuter {
  --fa: "";
}
.fa-id-badge {
  --fa: "";
}
.fa-marker {
  --fa: "";
}
.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa: "";
}
.fa-helicopter-symbol {
  --fa: "";
}
.fa-universal-access {
  --fa: "";
}
.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa: "";
}
.fa-lari-sign {
  --fa: "";
}
.fa-volcano {
  --fa: "";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa: "";
}
.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa: "";
}
.fa-viruses {
  --fa: "";
}
.fa-square-person-confined {
  --fa: "";
}
.fa-user-tie {
  --fa: "";
}
.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa: "";
}
.fa-tent-arrow-down-to-line {
  --fa: "";
}
.fa-certificate {
  --fa: "";
}
.fa-mail-reply-all,
.fa-reply-all {
  --fa: "";
}
.fa-suitcase {
  --fa: "";
}
.fa-person-skating,
.fa-skating {
  --fa: "";
}
.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa: "";
}
.fa-camera-retro {
  --fa: "";
}
.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa: "";
}
.fa-arrow-right-to-file,
.fa-file-import {
  --fa: "";
}
.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa: "";
}
.fa-box-open {
  --fa: "";
}
.fa-scroll {
  --fa: "";
}
.fa-spa {
  --fa: "";
}
.fa-location-pin-lock {
  --fa: "";
}
.fa-pause {
  --fa: "";
}
.fa-hill-avalanche {
  --fa: "";
}
.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa: "";
}
.fa-bomb {
  --fa: "";
}
.fa-registered {
  --fa: "";
}
.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa: "";
}
.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa: "";
}
.fa-subscript {
  --fa: "";
}
.fa-diamond-turn-right,
.fa-directions {
  --fa: "";
}
.fa-burst {
  --fa: "";
}
.fa-house-laptop,
.fa-laptop-house {
  --fa: "";
}
.fa-face-tired,
.fa-tired {
  --fa: "";
}
.fa-money-bills {
  --fa: "";
}
.fa-smog {
  --fa: "";
}
.fa-crutch {
  --fa: "";
}
.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa: "";
}
.fa-palette {
  --fa: "";
}
.fa-arrows-turn-right {
  --fa: "";
}
.fa-vest {
  --fa: "";
}
.fa-ferry {
  --fa: "";
}
.fa-arrows-down-to-people {
  --fa: "";
}
.fa-seedling,
.fa-sprout {
  --fa: "";
}
.fa-arrows-alt-h,
.fa-left-right {
  --fa: "";
}
.fa-boxes-packing {
  --fa: "";
}
.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa: "";
}
.fa-group-arrows-rotate {
  --fa: "";
}
.fa-bowl-food {
  --fa: "";
}
.fa-candy-cane {
  --fa: "";
}
.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa: "";
}
.fa-cloud-bolt,
.fa-thunderstorm {
  --fa: "";
}
.fa-remove-format,
.fa-text-slash {
  --fa: "";
}
.fa-face-smile-wink,
.fa-smile-wink {
  --fa: "";
}
.fa-file-word {
  --fa: "";
}
.fa-file-powerpoint {
  --fa: "";
}
.fa-arrows-h,
.fa-arrows-left-right {
  --fa: "";
}
.fa-house-lock {
  --fa: "";
}
.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa: "";
}
.fa-children {
  --fa: "";
}
.fa-blackboard,
.fa-chalkboard {
  --fa: "";
}
.fa-user-alt-slash,
.fa-user-large-slash {
  --fa: "";
}
.fa-envelope-open {
  --fa: "";
}
.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
  --fa: "";
}
.fa-mattress-pillow {
  --fa: "";
}
.fa-guarani-sign {
  --fa: "";
}
.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa: "";
}
.fa-fire-extinguisher {
  --fa: "";
}
.fa-cruzeiro-sign {
  --fa: "";
}
.fa-greater-than-equal {
  --fa: "";
}
.fa-shield-alt,
.fa-shield-halved {
  --fa: "";
}
.fa-atlas,
.fa-book-atlas {
  --fa: "";
}
.fa-virus {
  --fa: "";
}
.fa-envelope-circle-check {
  --fa: "";
}
.fa-layer-group {
  --fa: "";
}
.fa-arrows-to-dot {
  --fa: "";
}
.fa-archway {
  --fa: "";
}
.fa-heart-circle-check {
  --fa: "";
}
.fa-house-chimney-crack,
.fa-house-damage {
  --fa: "";
}
.fa-file-archive,
.fa-file-zipper {
  --fa: "";
}
.fa-square {
  --fa: "";
}
.fa-glass-martini,
.fa-martini-glass-empty {
  --fa: "";
}
.fa-couch {
  --fa: "";
}
.fa-cedi-sign {
  --fa: "";
}
.fa-italic {
  --fa: "";
}
.fa-table-cells-column-lock {
  --fa: "";
}
.fa-church {
  --fa: "";
}
.fa-comments-dollar {
  --fa: "";
}
.fa-democrat {
  --fa: "";
}
.fa-z {
  --fa: "Z";
}
.fa-person-skiing,
.fa-skiing {
  --fa: "";
}
.fa-road-lock {
  --fa: "";
}
.fa-a {
  --fa: "A";
}
.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa: "";
}
.fa-feather-alt,
.fa-feather-pointed {
  --fa: "";
}
.fa-p {
  --fa: "P";
}
.fa-snowflake {
  --fa: "";
}
.fa-newspaper {
  --fa: "";
}
.fa-ad,
.fa-rectangle-ad {
  --fa: "";
}
.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa: "";
}
.fa-filter-circle-xmark {
  --fa: "";
}
.fa-locust {
  --fa: "";
}
.fa-sort,
.fa-unsorted {
  --fa: "";
}
.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa: "";
}
.fa-person-dress-burst {
  --fa: "";
}
.fa-money-check-alt,
.fa-money-check-dollar {
  --fa: "";
}
.fa-vector-square {
  --fa: "";
}
.fa-bread-slice {
  --fa: "";
}
.fa-language {
  --fa: "";
}
.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa: "";
}
.fa-filter {
  --fa: "";
}
.fa-question {
  --fa: "?";
}
.fa-file-signature {
  --fa: "";
}
.fa-arrows-alt,
.fa-up-down-left-right {
  --fa: "";
}
.fa-house-chimney-user {
  --fa: "";
}
.fa-hand-holding-heart {
  --fa: "";
}
.fa-puzzle-piece {
  --fa: "";
}
.fa-money-check {
  --fa: "";
}
.fa-star-half-alt,
.fa-star-half-stroke {
  --fa: "";
}
.fa-code {
  --fa: "";
}
.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa: "";
}
.fa-building-circle-exclamation {
  --fa: "";
}
.fa-magnifying-glass-chart {
  --fa: "";
}
.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa: "";
}
.fa-cubes-stacked {
  --fa: "";
}
.fa-krw,
.fa-won,
.fa-won-sign {
  --fa: "";
}
.fa-virus-covid {
  --fa: "";
}
.fa-austral-sign {
  --fa: "";
}
.fa-f {
  --fa: "F";
}
.fa-leaf {
  --fa: "";
}
.fa-road {
  --fa: "";
}
.fa-cab,
.fa-taxi {
  --fa: "";
}
.fa-person-circle-plus {
  --fa: "";
}
.fa-chart-pie,
.fa-pie-chart {
  --fa: "";
}
.fa-bolt-lightning {
  --fa: "";
}
.fa-sack-xmark {
  --fa: "";
}
.fa-file-excel {
  --fa: "";
}
.fa-file-contract {
  --fa: "";
}
.fa-fish-fins {
  --fa: "";
}
.fa-building-flag {
  --fa: "";
}
.fa-face-grin-beam,
.fa-grin-beam {
  --fa: "";
}
.fa-object-ungroup {
  --fa: "";
}
.fa-poop {
  --fa: "";
}
.fa-location-pin,
.fa-map-marker {
  --fa: "";
}
.fa-kaaba {
  --fa: "";
}
.fa-toilet-paper {
  --fa: "";
}
.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa: "";
}
.fa-eject {
  --fa: "";
}
.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa: "";
}
.fa-plane-circle-check {
  --fa: "";
}
.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa: "";
}
.fa-object-group {
  --fa: "";
}
.fa-chart-line,
.fa-line-chart {
  --fa: "";
}
.fa-mask-ventilator {
  --fa: "";
}
.fa-arrow-right {
  --fa: "";
}
.fa-map-signs,
.fa-signs-post {
  --fa: "";
}
.fa-cash-register {
  --fa: "";
}
.fa-person-circle-question {
  --fa: "";
}
.fa-h {
  --fa: "H";
}
.fa-tarp {
  --fa: "";
}
.fa-screwdriver-wrench,
.fa-tools {
  --fa: "";
}
.fa-arrows-to-eye {
  --fa: "";
}
.fa-plug-circle-bolt {
  --fa: "";
}
.fa-heart {
  --fa: "";
}
.fa-mars-and-venus {
  --fa: "";
}
.fa-home-user,
.fa-house-user {
  --fa: "";
}
.fa-dumpster-fire {
  --fa: "";
}
.fa-house-crack {
  --fa: "";
}
.fa-cocktail,
.fa-martini-glass-citrus {
  --fa: "";
}
.fa-face-surprise,
.fa-surprise {
  --fa: "";
}
.fa-bottle-water {
  --fa: "";
}
.fa-circle-pause,
.fa-pause-circle {
  --fa: "";
}
.fa-toilet-paper-slash {
  --fa: "";
}
.fa-apple-alt,
.fa-apple-whole {
  --fa: "";
}
.fa-kitchen-set {
  --fa: "";
}
.fa-r {
  --fa: "R";
}
.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa: "";
}
.fa-cube {
  --fa: "";
}
.fa-bitcoin-sign {
  --fa: "";
}
.fa-shield-dog {
  --fa: "";
}
.fa-solar-panel {
  --fa: "";
}
.fa-lock-open {
  --fa: "";
}
.fa-elevator {
  --fa: "";
}
.fa-money-bill-transfer {
  --fa: "";
}
.fa-money-bill-trend-up {
  --fa: "";
}
.fa-house-flood-water-circle-arrow-right {
  --fa: "";
}
.fa-poll-h,
.fa-square-poll-horizontal {
  --fa: "";
}
.fa-circle {
  --fa: "";
}
.fa-backward-fast,
.fa-fast-backward {
  --fa: "";
}
.fa-recycle {
  --fa: "";
}
.fa-user-astronaut {
  --fa: "";
}
.fa-plane-slash {
  --fa: "";
}
.fa-trademark {
  --fa: "";
}
.fa-basketball,
.fa-basketball-ball {
  --fa: "";
}
.fa-satellite-dish {
  --fa: "";
}
.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa: "";
}
.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa: "";
}
.fa-volume-high,
.fa-volume-up {
  --fa: "";
}
.fa-users-rays {
  --fa: "";
}
.fa-wallet {
  --fa: "";
}
.fa-clipboard-check {
  --fa: "";
}
.fa-file-audio {
  --fa: "";
}
.fa-burger,
.fa-hamburger {
  --fa: "";
}
.fa-wrench {
  --fa: "";
}
.fa-bugs {
  --fa: "";
}
.fa-rupee,
.fa-rupee-sign {
  --fa: "";
}
.fa-file-image {
  --fa: "";
}
.fa-circle-question,
.fa-question-circle {
  --fa: "";
}
.fa-plane-departure {
  --fa: "";
}
.fa-handshake-slash {
  --fa: "";
}
.fa-book-bookmark {
  --fa: "";
}
.fa-code-branch {
  --fa: "";
}
.fa-hat-cowboy {
  --fa: "";
}
.fa-bridge {
  --fa: "";
}
.fa-phone-alt,
.fa-phone-flip {
  --fa: "";
}
.fa-truck-front {
  --fa: "";
}
.fa-cat {
  --fa: "";
}
.fa-anchor-circle-exclamation {
  --fa: "";
}
.fa-truck-field {
  --fa: "";
}
.fa-route {
  --fa: "";
}
.fa-clipboard-question {
  --fa: "";
}
.fa-panorama {
  --fa: "";
}
.fa-comment-medical {
  --fa: "";
}
.fa-teeth-open {
  --fa: "";
}
.fa-file-circle-minus {
  --fa: "";
}
.fa-tags {
  --fa: "";
}
.fa-wine-glass {
  --fa: "";
}
.fa-fast-forward,
.fa-forward-fast {
  --fa: "";
}
.fa-face-meh-blank,
.fa-meh-blank {
  --fa: "";
}
.fa-parking,
.fa-square-parking {
  --fa: "";
}
.fa-house-signal {
  --fa: "";
}
.fa-bars-progress,
.fa-tasks-alt {
  --fa: "";
}
.fa-faucet-drip {
  --fa: "";
}
.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa: "";
}
.fa-ban-smoking,
.fa-smoking-ban {
  --fa: "";
}
.fa-terminal {
  --fa: "";
}
.fa-mobile-button {
  --fa: "";
}
.fa-house-medical-flag {
  --fa: "";
}
.fa-basket-shopping,
.fa-shopping-basket {
  --fa: "";
}
.fa-tape {
  --fa: "";
}
.fa-bus-alt,
.fa-bus-simple {
  --fa: "";
}
.fa-eye {
  --fa: "";
}
.fa-face-sad-cry,
.fa-sad-cry {
  --fa: "";
}
.fa-audio-description {
  --fa: "";
}
.fa-person-military-to-person {
  --fa: "";
}
.fa-file-shield {
  --fa: "";
}
.fa-user-slash {
  --fa: "";
}
.fa-pen {
  --fa: "";
}
.fa-tower-observation {
  --fa: "";
}
.fa-file-code {
  --fa: "";
}
.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa: "";
}
.fa-bus {
  --fa: "";
}
.fa-heart-circle-xmark {
  --fa: "";
}
.fa-home-lg,
.fa-house-chimney {
  --fa: "";
}
.fa-window-maximize {
  --fa: "";
}
.fa-face-frown,
.fa-frown {
  --fa: "";
}
.fa-prescription {
  --fa: "";
}
.fa-shop,
.fa-store-alt {
  --fa: "";
}
.fa-floppy-disk,
.fa-save {
  --fa: "";
}
.fa-vihara {
  --fa: "";
}
.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa: "";
}
.fa-sort-asc,
.fa-sort-up {
  --fa: "";
}
.fa-comment-dots,
.fa-commenting {
  --fa: "";
}
.fa-plant-wilt {
  --fa: "";
}
.fa-diamond {
  --fa: "";
}
.fa-face-grin-squint,
.fa-grin-squint {
  --fa: "";
}
.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa: "";
}
.fa-chart-diagram {
  --fa: "";
}
.fa-bacterium {
  --fa: "";
}
.fa-hand-pointer {
  --fa: "";
}
.fa-drum-steelpan {
  --fa: "";
}
.fa-hand-scissors {
  --fa: "";
}
.fa-hands-praying,
.fa-praying-hands {
  --fa: "";
}
.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa: "";
}
.fa-biohazard {
  --fa: "";
}
.fa-location,
.fa-location-crosshairs {
  --fa: "";
}
.fa-mars-double {
  --fa: "";
}
.fa-child-dress {
  --fa: "";
}
.fa-users-between-lines {
  --fa: "";
}
.fa-lungs-virus {
  --fa: "";
}
.fa-face-grin-tears,
.fa-grin-tears {
  --fa: "";
}
.fa-phone {
  --fa: "";
}
.fa-calendar-times,
.fa-calendar-xmark {
  --fa: "";
}
.fa-child-reaching {
  --fa: "";
}
.fa-head-side-virus {
  --fa: "";
}
.fa-user-cog,
.fa-user-gear {
  --fa: "";
}
.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa: "";
}
.fa-door-closed {
  --fa: "";
}
.fa-shield-virus {
  --fa: "";
}
.fa-dice-six {
  --fa: "";
}
.fa-mosquito-net {
  --fa: "";
}
.fa-file-fragment {
  --fa: "";
}
.fa-bridge-water {
  --fa: "";
}
.fa-person-booth {
  --fa: "";
}
.fa-text-width {
  --fa: "";
}
.fa-hat-wizard {
  --fa: "";
}
.fa-pen-fancy {
  --fa: "";
}
.fa-digging,
.fa-person-digging {
  --fa: "";
}
.fa-trash {
  --fa: "";
}
.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa: "";
}
.fa-book-medical {
  --fa: "";
}
.fa-poo {
  --fa: "";
}
.fa-quote-right,
.fa-quote-right-alt {
  --fa: "";
}
.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa: "";
}
.fa-cubes {
  --fa: "";
}
.fa-divide {
  --fa: "";
}
.fa-tenge,
.fa-tenge-sign {
  --fa: "";
}
.fa-headphones {
  --fa: "";
}
.fa-hands-holding {
  --fa: "";
}
.fa-hands-clapping {
  --fa: "";
}
.fa-republican {
  --fa: "";
}
.fa-arrow-left {
  --fa: "";
}
.fa-person-circle-xmark {
  --fa: "";
}
.fa-ruler {
  --fa: "";
}
.fa-align-left {
  --fa: "";
}
.fa-dice-d6 {
  --fa: "";
}
.fa-restroom {
  --fa: "";
}
.fa-j {
  --fa: "J";
}
.fa-users-viewfinder {
  --fa: "";
}
.fa-file-video {
  --fa: "";
}
.fa-external-link-alt,
.fa-up-right-from-square {
  --fa: "";
}
.fa-table-cells,
.fa-th {
  --fa: "";
}
.fa-file-pdf {
  --fa: "";
}
.fa-bible,
.fa-book-bible {
  --fa: "";
}
.fa-o {
  --fa: "O";
}
.fa-medkit,
.fa-suitcase-medical {
  --fa: "";
}
.fa-user-secret {
  --fa: "";
}
.fa-otter {
  --fa: "";
}
.fa-female,
.fa-person-dress {
  --fa: "";
}
.fa-comment-dollar {
  --fa: "";
}
.fa-briefcase-clock,
.fa-business-time {
  --fa: "";
}
.fa-table-cells-large,
.fa-th-large {
  --fa: "";
}
.fa-book-tanakh,
.fa-tanakh {
  --fa: "";
}
.fa-phone-volume,
.fa-volume-control-phone {
  --fa: "";
}
.fa-hat-cowboy-side {
  --fa: "";
}
.fa-clipboard-user {
  --fa: "";
}
.fa-child {
  --fa: "";
}
.fa-lira-sign {
  --fa: "";
}
.fa-satellite {
  --fa: "";
}
.fa-plane-lock {
  --fa: "";
}
.fa-tag {
  --fa: "";
}
.fa-comment {
  --fa: "";
}
.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa: "";
}
.fa-envelope {
  --fa: "";
}
.fa-angle-double-up,
.fa-angles-up {
  --fa: "";
}
.fa-paperclip {
  --fa: "";
}
.fa-arrow-right-to-city {
  --fa: "";
}
.fa-ribbon {
  --fa: "";
}
.fa-lungs {
  --fa: "";
}
.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa: "";
}
.fa-litecoin-sign {
  --fa: "";
}
.fa-border-none {
  --fa: "";
}
.fa-circle-nodes {
  --fa: "";
}
.fa-parachute-box {
  --fa: "";
}
.fa-indent {
  --fa: "";
}
.fa-truck-field-un {
  --fa: "";
}
.fa-hourglass,
.fa-hourglass-empty {
  --fa: "";
}
.fa-mountain {
  --fa: "";
}
.fa-user-doctor,
.fa-user-md {
  --fa: "";
}
.fa-circle-info,
.fa-info-circle {
  --fa: "";
}
.fa-cloud-meatball {
  --fa: "";
}
.fa-camera,
.fa-camera-alt {
  --fa: "";
}
.fa-square-virus {
  --fa: "";
}
.fa-meteor {
  --fa: "";
}
.fa-car-on {
  --fa: "";
}
.fa-sleigh {
  --fa: "";
}
.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa: "";
}
.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa: "";
}
.fa-water {
  --fa: "";
}
.fa-calendar-check {
  --fa: "";
}
.fa-braille {
  --fa: "";
}
.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa: "";
}
.fa-landmark {
  --fa: "";
}
.fa-truck {
  --fa: "";
}
.fa-crosshairs {
  --fa: "";
}
.fa-person-cane {
  --fa: "";
}
.fa-tent {
  --fa: "";
}
.fa-vest-patches {
  --fa: "";
}
.fa-check-double {
  --fa: "";
}
.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa: "";
}
.fa-money-bill-wheat {
  --fa: "";
}
.fa-cookie {
  --fa: "";
}
.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa: "";
}
.fa-hard-drive,
.fa-hdd {
  --fa: "";
}
.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa: "";
}
.fa-dumbbell {
  --fa: "";
}
.fa-list-alt,
.fa-rectangle-list {
  --fa: "";
}
.fa-tarp-droplet {
  --fa: "";
}
.fa-house-medical-circle-check {
  --fa: "";
}
.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa: "";
}
.fa-calendar-plus {
  --fa: "";
}
.fa-plane-arrival {
  --fa: "";
}
.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa: "";
}
.fa-subway,
.fa-train-subway {
  --fa: "";
}
.fa-chart-gantt {
  --fa: "";
}
.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa: "";
}
.fa-crop-alt,
.fa-crop-simple {
  --fa: "";
}
.fa-money-bill-1,
.fa-money-bill-alt {
  --fa: "";
}
.fa-left-long,
.fa-long-arrow-alt-left {
  --fa: "";
}
.fa-dna {
  --fa: "";
}
.fa-virus-slash {
  --fa: "";
}
.fa-minus,
.fa-subtract {
  --fa: "";
}
.fa-chess {
  --fa: "";
}
.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa: "";
}
.fa-plug-circle-check {
  --fa: "";
}
.fa-street-view {
  --fa: "";
}
.fa-franc-sign {
  --fa: "";
}
.fa-volume-off {
  --fa: "";
}
.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa: "";
}
.fa-cog,
.fa-gear {
  --fa: "";
}
.fa-droplet-slash,
.fa-tint-slash {
  --fa: "";
}
.fa-mosque {
  --fa: "";
}
.fa-mosquito {
  --fa: "";
}
.fa-star-of-david {
  --fa: "";
}
.fa-person-military-rifle {
  --fa: "";
}
.fa-cart-shopping,
.fa-shopping-cart {
  --fa: "";
}
.fa-vials {
  --fa: "";
}
.fa-plug-circle-plus {
  --fa: "";
}
.fa-place-of-worship {
  --fa: "";
}
.fa-grip-vertical {
  --fa: "";
}
.fa-hexagon-nodes {
  --fa: "";
}
.fa-arrow-turn-up,
.fa-level-up {
  --fa: "";
}
.fa-u {
  --fa: "U";
}
.fa-square-root-alt,
.fa-square-root-variable {
  --fa: "";
}
.fa-clock,
.fa-clock-four {
  --fa: "";
}
.fa-backward-step,
.fa-step-backward {
  --fa: "";
}
.fa-pallet {
  --fa: "";
}
.fa-faucet {
  --fa: "";
}
.fa-baseball-bat-ball {
  --fa: "";
}
.fa-s {
  --fa: "S";
}
.fa-timeline {
  --fa: "";
}
.fa-keyboard {
  --fa: "";
}
.fa-caret-down {
  --fa: "";
}
.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa: "";
}
.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa: "";
}
.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa: "";
}
.fa-plane-up {
  --fa: "";
}
.fa-piggy-bank {
  --fa: "";
}
.fa-battery-3,
.fa-battery-half {
  --fa: "";
}
.fa-mountain-city {
  --fa: "";
}
.fa-coins {
  --fa: "";
}
.fa-khanda {
  --fa: "";
}
.fa-sliders,
.fa-sliders-h {
  --fa: "";
}
.fa-folder-tree {
  --fa: "";
}
.fa-network-wired {
  --fa: "";
}
.fa-map-pin {
  --fa: "";
}
.fa-hamsa {
  --fa: "";
}
.fa-cent-sign {
  --fa: "";
}
.fa-flask {
  --fa: "";
}
.fa-person-pregnant {
  --fa: "";
}
.fa-wand-sparkles {
  --fa: "";
}
.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa: "";
}
.fa-ticket {
  --fa: "";
}
.fa-power-off {
  --fa: "";
}
.fa-long-arrow-alt-right,
.fa-right-long {
  --fa: "";
}
.fa-flag-usa {
  --fa: "";
}
.fa-laptop-file {
  --fa: "";
}
.fa-teletype,
.fa-tty {
  --fa: "";
}
.fa-diagram-next {
  --fa: "";
}
.fa-person-rifle {
  --fa: "";
}
.fa-house-medical-circle-exclamation {
  --fa: "";
}
.fa-closed-captioning {
  --fa: "";
}
.fa-hiking,
.fa-person-hiking {
  --fa: "";
}
.fa-venus-double {
  --fa: "";
}
.fa-images {
  --fa: "";
}
.fa-calculator {
  --fa: "";
}
.fa-people-pulling {
  --fa: "";
}
.fa-n {
  --fa: "N";
}
.fa-cable-car,
.fa-tram {
  --fa: "";
}
.fa-cloud-rain {
  --fa: "";
}
.fa-building-circle-xmark {
  --fa: "";
}
.fa-ship {
  --fa: "";
}
.fa-arrows-down-to-line {
  --fa: "";
}
.fa-download {
  --fa: "";
}
.fa-face-grin,
.fa-grin {
  --fa: "";
}
.fa-backspace,
.fa-delete-left {
  --fa: "";
}
.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa: "";
}
.fa-file-circle-check {
  --fa: "";
}
.fa-forward {
  --fa: "";
}
.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa: "";
}
.fa-face-meh,
.fa-meh {
  --fa: "";
}
.fa-align-center {
  --fa: "";
}
.fa-book-dead,
.fa-book-skull {
  --fa: "";
}
.fa-drivers-license,
.fa-id-card {
  --fa: "";
}
.fa-dedent,
.fa-outdent {
  --fa: "";
}
.fa-heart-circle-exclamation {
  --fa: "";
}
.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa: "";
}
.fa-calendar-week {
  --fa: "";
}
.fa-laptop-medical {
  --fa: "";
}
.fa-b {
  --fa: "B";
}
.fa-file-medical {
  --fa: "";
}
.fa-dice-one {
  --fa: "";
}
.fa-kiwi-bird {
  --fa: "";
}
.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa: "";
}
.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa: "";
}
.fa-cutlery,
.fa-utensils {
  --fa: "";
}
.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa: "";
}
.fa-mill-sign {
  --fa: "";
}
.fa-bowl-rice {
  --fa: "";
}
.fa-skull {
  --fa: "";
}
.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa: "";
}
.fa-truck-pickup {
  --fa: "";
}
.fa-long-arrow-alt-up,
.fa-up-long {
  --fa: "";
}
.fa-stop {
  --fa: "";
}
.fa-code-merge {
  --fa: "";
}
.fa-upload {
  --fa: "";
}
.fa-hurricane {
  --fa: "";
}
.fa-mound {
  --fa: "";
}
.fa-toilet-portable {
  --fa: "";
}
.fa-compact-disc {
  --fa: "";
}
.fa-file-arrow-down,
.fa-file-download {
  --fa: "";
}
.fa-caravan {
  --fa: "";
}
.fa-shield-cat {
  --fa: "";
}
.fa-bolt,
.fa-zap {
  --fa: "";
}
.fa-glass-water {
  --fa: "";
}
.fa-oil-well {
  --fa: "";
}
.fa-vault {
  --fa: "";
}
.fa-mars {
  --fa: "";
}
.fa-toilet {
  --fa: "";
}
.fa-plane-circle-xmark {
  --fa: "";
}
.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa: "";
}
.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa: "";
}
.fa-sun {
  --fa: "";
}
.fa-guitar {
  --fa: "";
}
.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa: "";
}
.fa-horse-head {
  --fa: "";
}
.fa-bore-hole {
  --fa: "";
}
.fa-industry {
  --fa: "";
}
.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa: "";
}
.fa-arrows-turn-to-dots {
  --fa: "";
}
.fa-florin-sign {
  --fa: "";
}
.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa: "";
}
.fa-less-than {
  --fa: "<";
}
.fa-angle-down {
  --fa: "";
}
.fa-car-tunnel {
  --fa: "";
}
.fa-head-side-cough {
  --fa: "";
}
.fa-grip-lines {
  --fa: "";
}
.fa-thumbs-down {
  --fa: "";
}
.fa-user-lock {
  --fa: "";
}
.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa: "";
}
.fa-anchor-circle-xmark {
  --fa: "";
}
.fa-ellipsis,
.fa-ellipsis-h {
  --fa: "";
}
.fa-chess-pawn {
  --fa: "";
}
.fa-first-aid,
.fa-kit-medical {
  --fa: "";
}
.fa-person-through-window {
  --fa: "";
}
.fa-toolbox {
  --fa: "";
}
.fa-hands-holding-circle {
  --fa: "";
}
.fa-bug {
  --fa: "";
}
.fa-credit-card,
.fa-credit-card-alt {
  --fa: "";
}
.fa-automobile,
.fa-car {
  --fa: "";
}
.fa-hand-holding-hand {
  --fa: "";
}
.fa-book-open-reader,
.fa-book-reader {
  --fa: "";
}
.fa-mountain-sun {
  --fa: "";
}
.fa-arrows-left-right-to-line {
  --fa: "";
}
.fa-dice-d20 {
  --fa: "";
}
.fa-truck-droplet {
  --fa: "";
}
.fa-file-circle-xmark {
  --fa: "";
}
.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa: "";
}
.fa-medal {
  --fa: "";
}
.fa-bed {
  --fa: "";
}
.fa-h-square,
.fa-square-h {
  --fa: "";
}
.fa-podcast {
  --fa: "";
}
.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa: "";
}
.fa-bell {
  --fa: "";
}
.fa-superscript {
  --fa: "";
}
.fa-plug-circle-xmark {
  --fa: "";
}
.fa-star-of-life {
  --fa: "";
}
.fa-phone-slash {
  --fa: "";
}
.fa-paint-roller {
  --fa: "";
}
.fa-hands-helping,
.fa-handshake-angle {
  --fa: "";
}
.fa-location-dot,
.fa-map-marker-alt {
  --fa: "";
}
.fa-file {
  --fa: "";
}
.fa-greater-than {
  --fa: ">";
}
.fa-person-swimming,
.fa-swimmer {
  --fa: "";
}
.fa-arrow-down {
  --fa: "";
}
.fa-droplet,
.fa-tint {
  --fa: "";
}
.fa-eraser {
  --fa: "";
}
.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa: "";
}
.fa-person-burst {
  --fa: "";
}
.fa-dove {
  --fa: "";
}
.fa-battery-0,
.fa-battery-empty {
  --fa: "";
}
.fa-socks {
  --fa: "";
}
.fa-inbox {
  --fa: "";
}
.fa-section {
  --fa: "";
}
.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa: "";
}
.fa-envelope-open-text {
  --fa: "";
}
.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa: "";
}
.fa-wine-bottle {
  --fa: "";
}
.fa-chess-rook {
  --fa: "";
}
.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa: "";
}
.fa-dharmachakra {
  --fa: "";
}
.fa-hotdog {
  --fa: "";
}
.fa-blind,
.fa-person-walking-with-cane {
  --fa: "";
}
.fa-drum {
  --fa: "";
}
.fa-ice-cream {
  --fa: "";
}
.fa-heart-circle-bolt {
  --fa: "";
}
.fa-fax {
  --fa: "";
}
.fa-paragraph {
  --fa: "";
}
.fa-check-to-slot,
.fa-vote-yea {
  --fa: "";
}
.fa-star-half {
  --fa: "";
}
.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa: "";
}
.fa-chain,
.fa-link {
  --fa: "";
}
.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa: "";
}
.fa-tree-city {
  --fa: "";
}
.fa-play {
  --fa: "";
}
.fa-font {
  --fa: "";
}
.fa-table-cells-row-lock {
  --fa: "";
}
.fa-rupiah-sign {
  --fa: "";
}
.fa-magnifying-glass,
.fa-search {
  --fa: "";
}
.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa: "";
}
.fa-diagnoses,
.fa-person-dots-from-line {
  --fa: "";
}
.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa: "";
}
.fa-naira-sign {
  --fa: "";
}
.fa-cart-arrow-down {
  --fa: "";
}
.fa-walkie-talkie {
  --fa: "";
}
.fa-file-edit,
.fa-file-pen {
  --fa: "";
}
.fa-receipt {
  --fa: "";
}
.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa: "";
}
.fa-suitcase-rolling {
  --fa: "";
}
.fa-person-circle-exclamation {
  --fa: "";
}
.fa-chevron-down {
  --fa: "";
}
.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa: "";
}
.fa-skull-crossbones {
  --fa: "";
}
.fa-code-compare {
  --fa: "";
}
.fa-list-dots,
.fa-list-ul {
  --fa: "";
}
.fa-school-lock {
  --fa: "";
}
.fa-tower-cell {
  --fa: "";
}
.fa-down-long,
.fa-long-arrow-alt-down {
  --fa: "";
}
.fa-ranking-star {
  --fa: "";
}
.fa-chess-king {
  --fa: "";
}
.fa-person-harassing {
  --fa: "";
}
.fa-brazilian-real-sign {
  --fa: "";
}
.fa-landmark-alt,
.fa-landmark-dome {
  --fa: "";
}
.fa-arrow-up {
  --fa: "";
}
.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa: "";
}
.fa-shrimp {
  --fa: "";
}
.fa-list-check,
.fa-tasks {
  --fa: "";
}
.fa-jug-detergent {
  --fa: "";
}
.fa-circle-user,
.fa-user-circle {
  --fa: "";
}
.fa-user-shield {
  --fa: "";
}
.fa-wind {
  --fa: "";
}
.fa-car-burst,
.fa-car-crash {
  --fa: "";
}
.fa-y {
  --fa: "Y";
}
.fa-person-snowboarding,
.fa-snowboarding {
  --fa: "";
}
.fa-shipping-fast,
.fa-truck-fast {
  --fa: "";
}
.fa-fish {
  --fa: "";
}
.fa-user-graduate {
  --fa: "";
}
.fa-adjust,
.fa-circle-half-stroke {
  --fa: "";
}
.fa-clapperboard {
  --fa: "";
}
.fa-circle-radiation,
.fa-radiation-alt {
  --fa: "";
}
.fa-baseball,
.fa-baseball-ball {
  --fa: "";
}
.fa-jet-fighter-up {
  --fa: "";
}
.fa-diagram-project,
.fa-project-diagram {
  --fa: "";
}
.fa-copy {
  --fa: "";
}
.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa: "";
}
.fa-hand-sparkles {
  --fa: "";
}
.fa-grip,
.fa-grip-horizontal {
  --fa: "";
}
.fa-share-from-square,
.fa-share-square {
  --fa: "";
}
.fa-child-combatant,
.fa-child-rifle {
  --fa: "";
}
.fa-gun {
  --fa: "";
}
.fa-phone-square,
.fa-square-phone {
  --fa: "";
}
.fa-add,
.fa-plus {
  --fa: "+";
}
.fa-expand {
  --fa: "";
}
.fa-computer {
  --fa: "";
}
.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa: "";
}
.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa: "";
}
.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa: "";
}
.fa-peso-sign {
  --fa: "";
}
.fa-building-shield {
  --fa: "";
}
.fa-baby {
  --fa: "";
}
.fa-users-line {
  --fa: "";
}
.fa-quote-left,
.fa-quote-left-alt {
  --fa: "";
}
.fa-tractor {
  --fa: "";
}
.fa-trash-arrow-up,
.fa-trash-restore {
  --fa: "";
}
.fa-arrow-down-up-lock {
  --fa: "";
}
.fa-lines-leaning {
  --fa: "";
}
.fa-ruler-combined {
  --fa: "";
}
.fa-copyright {
  --fa: "";
}
.fa-equals {
  --fa: "=";
}
.fa-blender {
  --fa: "";
}
.fa-teeth {
  --fa: "";
}
.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa: "";
}
.fa-map {
  --fa: "";
}
.fa-rocket {
  --fa: "";
}
.fa-photo-film,
.fa-photo-video {
  --fa: "";
}
.fa-folder-minus {
  --fa: "";
}
.fa-hexagon-nodes-bolt {
  --fa: "";
}
.fa-store {
  --fa: "";
}
.fa-arrow-trend-up {
  --fa: "";
}
.fa-plug-circle-minus {
  --fa: "";
}
.fa-sign,
.fa-sign-hanging {
  --fa: "";
}
.fa-bezier-curve {
  --fa: "";
}
.fa-bell-slash {
  --fa: "";
}
.fa-tablet,
.fa-tablet-android {
  --fa: "";
}
.fa-school-flag {
  --fa: "";
}
.fa-fill {
  --fa: "";
}
.fa-angle-up {
  --fa: "";
}
.fa-drumstick-bite {
  --fa: "";
}
.fa-holly-berry {
  --fa: "";
}
.fa-chevron-left {
  --fa: "";
}
.fa-bacteria {
  --fa: "";
}
.fa-hand-lizard {
  --fa: "";
}
.fa-notdef {
  --fa: "";
}
.fa-disease {
  --fa: "";
}
.fa-briefcase-medical {
  --fa: "";
}
.fa-genderless {
  --fa: "";
}
.fa-chevron-right {
  --fa: "";
}
.fa-retweet {
  --fa: "";
}
.fa-car-alt,
.fa-car-rear {
  --fa: "";
}
.fa-pump-soap {
  --fa: "";
}
.fa-video-slash {
  --fa: "";
}
.fa-battery-2,
.fa-battery-quarter {
  --fa: "";
}
.fa-radio {
  --fa: "";
}
.fa-baby-carriage,
.fa-carriage-baby {
  --fa: "";
}
.fa-traffic-light {
  --fa: "";
}
.fa-thermometer {
  --fa: "";
}
.fa-vr-cardboard {
  --fa: "";
}
.fa-hand-middle-finger {
  --fa: "";
}
.fa-percent,
.fa-percentage {
  --fa: "%";
}
.fa-truck-moving {
  --fa: "";
}
.fa-glass-water-droplet {
  --fa: "";
}
.fa-display {
  --fa: "";
}
.fa-face-smile,
.fa-smile {
  --fa: "";
}
.fa-thumb-tack,
.fa-thumbtack {
  --fa: "";
}
.fa-trophy {
  --fa: "";
}
.fa-person-praying,
.fa-pray {
  --fa: "";
}
.fa-hammer {
  --fa: "";
}
.fa-hand-peace {
  --fa: "";
}
.fa-rotate,
.fa-sync-alt {
  --fa: "";
}
.fa-spinner {
  --fa: "";
}
.fa-robot {
  --fa: "";
}
.fa-peace {
  --fa: "";
}
.fa-cogs,
.fa-gears {
  --fa: "";
}
.fa-warehouse {
  --fa: "";
}
.fa-arrow-up-right-dots {
  --fa: "";
}
.fa-splotch {
  --fa: "";
}
.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa: "";
}
.fa-dice-four {
  --fa: "";
}
.fa-sim-card {
  --fa: "";
}
.fa-transgender,
.fa-transgender-alt {
  --fa: "";
}
.fa-mercury {
  --fa: "";
}
.fa-arrow-turn-down,
.fa-level-down {
  --fa: "";
}
.fa-person-falling-burst {
  --fa: "";
}
.fa-award {
  --fa: "";
}
.fa-ticket-alt,
.fa-ticket-simple {
  --fa: "";
}
.fa-building {
  --fa: "";
}
.fa-angle-double-left,
.fa-angles-left {
  --fa: "";
}
.fa-qrcode {
  --fa: "";
}
.fa-clock-rotate-left,
.fa-history {
  --fa: "";
}
.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa: "";
}
.fa-arrow-right-from-file,
.fa-file-export {
  --fa: "";
}
.fa-shield,
.fa-shield-blank {
  --fa: "";
}
.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa: "";
}
.fa-comment-nodes {
  --fa: "";
}
.fa-house-medical {
  --fa: "";
}
.fa-golf-ball,
.fa-golf-ball-tee {
  --fa: "";
}
.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa: "";
}
.fa-house-chimney-window {
  --fa: "";
}
.fa-pen-nib {
  --fa: "";
}
.fa-tent-arrow-turn-left {
  --fa: "";
}
.fa-tents {
  --fa: "";
}
.fa-magic,
.fa-wand-magic {
  --fa: "";
}
.fa-dog {
  --fa: "";
}
.fa-carrot {
  --fa: "";
}
.fa-moon {
  --fa: "";
}
.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa: "";
}
.fa-cheese {
  --fa: "";
}
.fa-yin-yang {
  --fa: "";
}
.fa-music {
  --fa: "";
}
.fa-code-commit {
  --fa: "";
}
.fa-temperature-low {
  --fa: "";
}
.fa-biking,
.fa-person-biking {
  --fa: "";
}
.fa-broom {
  --fa: "";
}
.fa-shield-heart {
  --fa: "";
}
.fa-gopuram {
  --fa: "";
}
.fa-earth-oceania,
.fa-globe-oceania {
  --fa: "";
}
.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa: "";
}
.fa-hashtag {
  --fa: "#";
}
.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa: "";
}
.fa-oil-can {
  --fa: "";
}
.fa-t {
  --fa: "T";
}
.fa-hippo {
  --fa: "";
}
.fa-chart-column {
  --fa: "";
}
.fa-infinity {
  --fa: "";
}
.fa-vial-circle-check {
  --fa: "";
}
.fa-person-arrow-down-to-line {
  --fa: "";
}
.fa-voicemail {
  --fa: "";
}
.fa-fan {
  --fa: "";
}
.fa-person-walking-luggage {
  --fa: "";
}
.fa-arrows-alt-v,
.fa-up-down {
  --fa: "";
}
.fa-cloud-moon-rain {
  --fa: "";
}
.fa-calendar {
  --fa: "";
}
.fa-trailer {
  --fa: "";
}
.fa-bahai,
.fa-haykal {
  --fa: "";
}
.fa-sd-card {
  --fa: "";
}
.fa-dragon {
  --fa: "";
}
.fa-shoe-prints {
  --fa: "";
}
.fa-circle-plus,
.fa-plus-circle {
  --fa: "";
}
.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa: "";
}
.fa-hand-holding {
  --fa: "";
}
.fa-plug-circle-exclamation {
  --fa: "";
}
.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa: "";
}
.fa-clone {
  --fa: "";
}
.fa-person-walking-arrow-loop-left {
  --fa: "";
}
.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa: "";
}
.fa-fire-alt,
.fa-fire-flame-curved {
  --fa: "";
}
.fa-tornado {
  --fa: "";
}
.fa-file-circle-plus {
  --fa: "";
}
.fa-book-quran,
.fa-quran {
  --fa: "";
}
.fa-anchor {
  --fa: "";
}
.fa-border-all {
  --fa: "";
}
.fa-angry,
.fa-face-angry {
  --fa: "";
}
.fa-cookie-bite {
  --fa: "";
}
.fa-arrow-trend-down {
  --fa: "";
}
.fa-feed,
.fa-rss {
  --fa: "";
}
.fa-draw-polygon {
  --fa: "";
}
.fa-balance-scale,
.fa-scale-balanced {
  --fa: "";
}
.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa: "";
}
.fa-shower {
  --fa: "";
}
.fa-desktop,
.fa-desktop-alt {
  --fa: "";
}
.fa-m {
  --fa: "M";
}
.fa-table-list,
.fa-th-list {
  --fa: "";
}
.fa-comment-sms,
.fa-sms {
  --fa: "";
}
.fa-book {
  --fa: "";
}
.fa-user-plus {
  --fa: "";
}
.fa-check {
  --fa: "";
}
.fa-battery-4,
.fa-battery-three-quarters {
  --fa: "";
}
.fa-house-circle-check {
  --fa: "";
}
.fa-angle-left {
  --fa: "";
}
.fa-diagram-successor {
  --fa: "";
}
.fa-truck-arrow-right {
  --fa: "";
}
.fa-arrows-split-up-and-left {
  --fa: "";
}
.fa-fist-raised,
.fa-hand-fist {
  --fa: "";
}
.fa-cloud-moon {
  --fa: "";
}
.fa-briefcase {
  --fa: "";
}
.fa-person-falling {
  --fa: "";
}
.fa-image-portrait,
.fa-portrait {
  --fa: "";
}
.fa-user-tag {
  --fa: "";
}
.fa-rug {
  --fa: "";
}
.fa-earth-europe,
.fa-globe-europe {
  --fa: "";
}
.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa: "";
}
.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa: "";
}
.fa-baht-sign {
  --fa: "";
}
.fa-book-open {
  --fa: "";
}
.fa-book-journal-whills,
.fa-journal-whills {
  --fa: "";
}
.fa-handcuffs {
  --fa: "";
}
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa: "";
}
.fa-database {
  --fa: "";
}
.fa-mail-forward,
.fa-share {
  --fa: "";
}
.fa-bottle-droplet {
  --fa: "";
}
.fa-mask-face {
  --fa: "";
}
.fa-hill-rockslide {
  --fa: "";
}
.fa-exchange-alt,
.fa-right-left {
  --fa: "";
}
.fa-paper-plane {
  --fa: "";
}
.fa-road-circle-exclamation {
  --fa: "";
}
.fa-dungeon {
  --fa: "";
}
.fa-align-right {
  --fa: "";
}
.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa: "";
}
.fa-life-ring {
  --fa: "";
}
.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa: "";
}
.fa-calendar-day {
  --fa: "";
}
.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa: "";
}
.fa-arrows-up-down,
.fa-arrows-v {
  --fa: "";
}
.fa-face-grimace,
.fa-grimace {
  --fa: "";
}
.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa: "";
}
.fa-level-down-alt,
.fa-turn-down {
  --fa: "";
}
.fa-person-walking-arrow-right {
  --fa: "";
}
.fa-envelope-square,
.fa-square-envelope {
  --fa: "";
}
.fa-dice {
  --fa: "";
}
.fa-bowling-ball {
  --fa: "";
}
.fa-brain {
  --fa: "";
}
.fa-band-aid,
.fa-bandage {
  --fa: "";
}
.fa-calendar-minus {
  --fa: "";
}
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa: "";
}
.fa-gifts {
  --fa: "";
}
.fa-hotel {
  --fa: "";
}
.fa-earth-asia,
.fa-globe-asia {
  --fa: "";
}
.fa-id-card-alt,
.fa-id-card-clip {
  --fa: "";
}
.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa: "";
}
.fa-thumbs-up {
  --fa: "";
}
.fa-user-clock {
  --fa: "";
}
.fa-allergies,
.fa-hand-dots {
  --fa: "";
}
.fa-file-invoice {
  --fa: "";
}
.fa-window-minimize {
  --fa: "";
}
.fa-coffee,
.fa-mug-saucer {
  --fa: "";
}
.fa-brush {
  --fa: "";
}
.fa-file-half-dashed {
  --fa: "";
}
.fa-mask {
  --fa: "";
}
.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa: "";
}
.fa-ruler-vertical {
  --fa: "";
}
.fa-user-alt,
.fa-user-large {
  --fa: "";
}
.fa-train-tram {
  --fa: "";
}
.fa-user-nurse {
  --fa: "";
}
.fa-syringe {
  --fa: "";
}
.fa-cloud-sun {
  --fa: "";
}
.fa-stopwatch-20 {
  --fa: "";
}
.fa-square-full {
  --fa: "";
}
.fa-magnet {
  --fa: "";
}
.fa-jar {
  --fa: "";
}
.fa-note-sticky,
.fa-sticky-note {
  --fa: "";
}
.fa-bug-slash {
  --fa: "";
}
.fa-arrow-up-from-water-pump {
  --fa: "";
}
.fa-bone {
  --fa: "";
}
.fa-table-cells-row-unlock {
  --fa: "";
}
.fa-user-injured {
  --fa: "";
}
.fa-face-sad-tear,
.fa-sad-tear {
  --fa: "";
}
.fa-plane {
  --fa: "";
}
.fa-tent-arrows-down {
  --fa: "";
}
.fa-exclamation {
  --fa: "!";
}
.fa-arrows-spin {
  --fa: "";
}
.fa-print {
  --fa: "";
}
.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa: "";
}
.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa: "$";
}
.fa-x {
  --fa: "X";
}
.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa: "";
}
.fa-users-cog,
.fa-users-gear {
  --fa: "";
}
.fa-person-military-pointing {
  --fa: "";
}
.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa: "";
}
.fa-umbrella {
  --fa: "";
}
.fa-trowel {
  --fa: "";
}
.fa-d {
  --fa: "D";
}
.fa-stapler {
  --fa: "";
}
.fa-masks-theater,
.fa-theater-masks {
  --fa: "";
}
.fa-kip-sign {
  --fa: "";
}
.fa-hand-point-left {
  --fa: "";
}
.fa-handshake-alt,
.fa-handshake-simple {
  --fa: "";
}
.fa-fighter-jet,
.fa-jet-fighter {
  --fa: "";
}
.fa-share-alt-square,
.fa-square-share-nodes {
  --fa: "";
}
.fa-barcode {
  --fa: "";
}
.fa-plus-minus {
  --fa: "";
}
.fa-video,
.fa-video-camera {
  --fa: "";
}
.fa-graduation-cap,
.fa-mortar-board {
  --fa: "";
}
.fa-hand-holding-medical {
  --fa: "";
}
.fa-person-circle-check {
  --fa: "";
}
.fa-level-up-alt,
.fa-turn-up {
  --fa: "";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),
    url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype");
}
.fa-brands,
.fab {
  font-weight: 400;
}
.fa-monero {
  --fa: "";
}
.fa-hooli {
  --fa: "";
}
.fa-yelp {
  --fa: "";
}
.fa-cc-visa {
  --fa: "";
}
.fa-lastfm {
  --fa: "";
}
.fa-shopware {
  --fa: "";
}
.fa-creative-commons-nc {
  --fa: "";
}
.fa-aws {
  --fa: "";
}
.fa-redhat {
  --fa: "";
}
.fa-yoast {
  --fa: "";
}
.fa-cloudflare {
  --fa: "";
}
.fa-ups {
  --fa: "";
}
.fa-pixiv {
  --fa: "";
}
.fa-wpexplorer {
  --fa: "";
}
.fa-dyalog {
  --fa: "";
}
.fa-bity {
  --fa: "";
}
.fa-stackpath {
  --fa: "";
}
.fa-buysellads {
  --fa: "";
}
.fa-first-order {
  --fa: "";
}
.fa-modx {
  --fa: "";
}
.fa-guilded {
  --fa: "";
}
.fa-vnv {
  --fa: "";
}
.fa-js-square,
.fa-square-js {
  --fa: "";
}
.fa-microsoft {
  --fa: "";
}
.fa-qq {
  --fa: "";
}
.fa-orcid {
  --fa: "";
}
.fa-java {
  --fa: "";
}
.fa-invision {
  --fa: "";
}
.fa-creative-commons-pd-alt {
  --fa: "";
}
.fa-centercode {
  --fa: "";
}
.fa-glide-g {
  --fa: "";
}
.fa-drupal {
  --fa: "";
}
.fa-jxl {
  --fa: "";
}
.fa-dart-lang {
  --fa: "";
}
.fa-hire-a-helper {
  --fa: "";
}
.fa-creative-commons-by {
  --fa: "";
}
.fa-unity {
  --fa: "";
}
.fa-whmcs {
  --fa: "";
}
.fa-rocketchat {
  --fa: "";
}
.fa-vk {
  --fa: "";
}
.fa-untappd {
  --fa: "";
}
.fa-mailchimp {
  --fa: "";
}
.fa-css3-alt {
  --fa: "";
}
.fa-reddit-square,
.fa-square-reddit {
  --fa: "";
}
.fa-vimeo-v {
  --fa: "";
}
.fa-contao {
  --fa: "";
}
.fa-square-font-awesome {
  --fa: "";
}
.fa-deskpro {
  --fa: "";
}
.fa-brave {
  --fa: "";
}
.fa-sistrix {
  --fa: "";
}
.fa-instagram-square,
.fa-square-instagram {
  --fa: "";
}
.fa-battle-net {
  --fa: "";
}
.fa-the-red-yeti {
  --fa: "";
}
.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa: "";
}
.fa-edge {
  --fa: "";
}
.fa-threads {
  --fa: "";
}
.fa-napster {
  --fa: "";
}
.fa-snapchat-square,
.fa-square-snapchat {
  --fa: "";
}
.fa-google-plus-g {
  --fa: "";
}
.fa-artstation {
  --fa: "";
}
.fa-markdown {
  --fa: "";
}
.fa-sourcetree {
  --fa: "";
}
.fa-google-plus {
  --fa: "";
}
.fa-diaspora {
  --fa: "";
}
.fa-foursquare {
  --fa: "";
}
.fa-stack-overflow {
  --fa: "";
}
.fa-github-alt {
  --fa: "";
}
.fa-phoenix-squadron {
  --fa: "";
}
.fa-pagelines {
  --fa: "";
}
.fa-algolia {
  --fa: "";
}
.fa-red-river {
  --fa: "";
}
.fa-creative-commons-sa {
  --fa: "";
}
.fa-safari {
  --fa: "";
}
.fa-google {
  --fa: "";
}
.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa: "";
}
.fa-atlassian {
  --fa: "";
}
.fa-linkedin-in {
  --fa: "";
}
.fa-digital-ocean {
  --fa: "";
}
.fa-nimblr {
  --fa: "";
}
.fa-chromecast {
  --fa: "";
}
.fa-evernote {
  --fa: "";
}
.fa-hacker-news {
  --fa: "";
}
.fa-creative-commons-sampling {
  --fa: "";
}
.fa-adversal {
  --fa: "";
}
.fa-creative-commons {
  --fa: "";
}
.fa-watchman-monitoring {
  --fa: "";
}
.fa-fonticons {
  --fa: "";
}
.fa-weixin {
  --fa: "";
}
.fa-shirtsinbulk {
  --fa: "";
}
.fa-codepen {
  --fa: "";
}
.fa-git-alt {
  --fa: "";
}
.fa-lyft {
  --fa: "";
}
.fa-rev {
  --fa: "";
}
.fa-windows {
  --fa: "";
}
.fa-wizards-of-the-coast {
  --fa: "";
}
.fa-square-viadeo,
.fa-viadeo-square {
  --fa: "";
}
.fa-meetup {
  --fa: "";
}
.fa-centos {
  --fa: "";
}
.fa-adn {
  --fa: "";
}
.fa-cloudsmith {
  --fa: "";
}
.fa-opensuse {
  --fa: "";
}
.fa-pied-piper-alt {
  --fa: "";
}
.fa-dribbble-square,
.fa-square-dribbble {
  --fa: "";
}
.fa-codiepie {
  --fa: "";
}
.fa-node {
  --fa: "";
}
.fa-mix {
  --fa: "";
}
.fa-steam {
  --fa: "";
}
.fa-cc-apple-pay {
  --fa: "";
}
.fa-scribd {
  --fa: "";
}
.fa-debian {
  --fa: "";
}
.fa-openid {
  --fa: "";
}
.fa-instalod {
  --fa: "";
}
.fa-files-pinwheel {
  --fa: "";
}
.fa-expeditedssl {
  --fa: "";
}
.fa-sellcast {
  --fa: "";
}
.fa-square-twitter,
.fa-twitter-square {
  --fa: "";
}
.fa-r-project {
  --fa: "";
}
.fa-delicious {
  --fa: "";
}
.fa-freebsd {
  --fa: "";
}
.fa-vuejs {
  --fa: "";
}
.fa-accusoft {
  --fa: "";
}
.fa-ioxhost {
  --fa: "";
}
.fa-fonticons-fi {
  --fa: "";
}
.fa-app-store {
  --fa: "";
}
.fa-cc-mastercard {
  --fa: "";
}
.fa-itunes-note {
  --fa: "";
}
.fa-golang {
  --fa: "";
}
.fa-kickstarter,
.fa-square-kickstarter {
  --fa: "";
}
.fa-grav {
  --fa: "";
}
.fa-weibo {
  --fa: "";
}
.fa-uncharted {
  --fa: "";
}
.fa-firstdraft {
  --fa: "";
}
.fa-square-youtube,
.fa-youtube-square {
  --fa: "";
}
.fa-wikipedia-w {
  --fa: "";
}
.fa-rendact,
.fa-wpressr {
  --fa: "";
}
.fa-angellist {
  --fa: "";
}
.fa-galactic-republic {
  --fa: "";
}
.fa-nfc-directional {
  --fa: "";
}
.fa-skype {
  --fa: "";
}
.fa-joget {
  --fa: "";
}
.fa-fedora {
  --fa: "";
}
.fa-stripe-s {
  --fa: "";
}
.fa-meta {
  --fa: "";
}
.fa-laravel {
  --fa: "";
}
.fa-hotjar {
  --fa: "";
}
.fa-bluetooth-b {
  --fa: "";
}
.fa-square-letterboxd {
  --fa: "";
}
.fa-sticker-mule {
  --fa: "";
}
.fa-creative-commons-zero {
  --fa: "";
}
.fa-hips {
  --fa: "";
}
.fa-css {
  --fa: "";
}
.fa-behance {
  --fa: "";
}
.fa-reddit {
  --fa: "";
}
.fa-discord {
  --fa: "";
}
.fa-chrome {
  --fa: "";
}
.fa-app-store-ios {
  --fa: "";
}
.fa-cc-discover {
  --fa: "";
}
.fa-wpbeginner {
  --fa: "";
}
.fa-confluence {
  --fa: "";
}
.fa-shoelace {
  --fa: "";
}
.fa-mdb {
  --fa: "";
}
.fa-dochub {
  --fa: "";
}
.fa-accessible-icon {
  --fa: "";
}
.fa-ebay {
  --fa: "";
}
.fa-amazon {
  --fa: "";
}
.fa-unsplash {
  --fa: "";
}
.fa-yarn {
  --fa: "";
}
.fa-square-steam,
.fa-steam-square {
  --fa: "";
}
.fa-500px {
  --fa: "";
}
.fa-square-vimeo,
.fa-vimeo-square {
  --fa: "";
}
.fa-asymmetrik {
  --fa: "";
}
.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa: "";
}
.fa-gratipay {
  --fa: "";
}
.fa-apple {
  --fa: "";
}
.fa-hive {
  --fa: "";
}
.fa-gitkraken {
  --fa: "";
}
.fa-keybase {
  --fa: "";
}
.fa-apple-pay {
  --fa: "";
}
.fa-padlet {
  --fa: "";
}
.fa-amazon-pay {
  --fa: "";
}
.fa-github-square,
.fa-square-github {
  --fa: "";
}
.fa-stumbleupon {
  --fa: "";
}
.fa-fedex {
  --fa: "";
}
.fa-phoenix-framework {
  --fa: "";
}
.fa-shopify {
  --fa: "";
}
.fa-neos {
  --fa: "";
}
.fa-square-threads {
  --fa: "";
}
.fa-hackerrank {
  --fa: "";
}
.fa-researchgate {
  --fa: "";
}
.fa-swift {
  --fa: "";
}
.fa-angular {
  --fa: "";
}
.fa-speakap {
  --fa: "";
}
.fa-angrycreative {
  --fa: "";
}
.fa-y-combinator {
  --fa: "";
}
.fa-empire {
  --fa: "";
}
.fa-envira {
  --fa: "";
}
.fa-google-scholar {
  --fa: "";
}
.fa-gitlab-square,
.fa-square-gitlab {
  --fa: "";
}
.fa-studiovinari {
  --fa: "";
}
.fa-pied-piper {
  --fa: "";
}
.fa-wordpress {
  --fa: "";
}
.fa-product-hunt {
  --fa: "";
}
.fa-firefox {
  --fa: "";
}
.fa-linode {
  --fa: "";
}
.fa-goodreads {
  --fa: "";
}
.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa: "";
}
.fa-jsfiddle {
  --fa: "";
}
.fa-sith {
  --fa: "";
}
.fa-themeisle {
  --fa: "";
}
.fa-page4 {
  --fa: "";
}
.fa-hashnode {
  --fa: "";
}
.fa-react {
  --fa: "";
}
.fa-cc-paypal {
  --fa: "";
}
.fa-squarespace {
  --fa: "";
}
.fa-cc-stripe {
  --fa: "";
}
.fa-creative-commons-share {
  --fa: "";
}
.fa-bitcoin {
  --fa: "";
}
.fa-keycdn {
  --fa: "";
}
.fa-opera {
  --fa: "";
}
.fa-itch-io {
  --fa: "";
}
.fa-umbraco {
  --fa: "";
}
.fa-galactic-senate {
  --fa: "";
}
.fa-ubuntu {
  --fa: "";
}
.fa-draft2digital {
  --fa: "";
}
.fa-stripe {
  --fa: "";
}
.fa-houzz {
  --fa: "";
}
.fa-gg {
  --fa: "";
}
.fa-dhl {
  --fa: "";
}
.fa-pinterest-square,
.fa-square-pinterest {
  --fa: "";
}
.fa-xing {
  --fa: "";
}
.fa-blackberry {
  --fa: "";
}
.fa-creative-commons-pd {
  --fa: "";
}
.fa-playstation {
  --fa: "";
}
.fa-quinscape {
  --fa: "";
}
.fa-less {
  --fa: "";
}
.fa-blogger-b {
  --fa: "";
}
.fa-opencart {
  --fa: "";
}
.fa-vine {
  --fa: "";
}
.fa-signal-messenger {
  --fa: "";
}
.fa-paypal {
  --fa: "";
}
.fa-gitlab {
  --fa: "";
}
.fa-typo3 {
  --fa: "";
}
.fa-reddit-alien {
  --fa: "";
}
.fa-yahoo {
  --fa: "";
}
.fa-dailymotion {
  --fa: "";
}
.fa-affiliatetheme {
  --fa: "";
}
.fa-pied-piper-pp {
  --fa: "";
}
.fa-bootstrap {
  --fa: "";
}
.fa-odnoklassniki {
  --fa: "";
}
.fa-nfc-symbol {
  --fa: "";
}
.fa-mintbit {
  --fa: "";
}
.fa-ethereum {
  --fa: "";
}
.fa-speaker-deck {
  --fa: "";
}
.fa-creative-commons-nc-eu {
  --fa: "";
}
.fa-patreon {
  --fa: "";
}
.fa-avianex {
  --fa: "";
}
.fa-ello {
  --fa: "";
}
.fa-gofore {
  --fa: "";
}
.fa-bimobject {
  --fa: "";
}
.fa-brave-reverse {
  --fa: "";
}
.fa-facebook-f {
  --fa: "";
}
.fa-google-plus-square,
.fa-square-google-plus {
  --fa: "";
}
.fa-web-awesome {
  --fa: "";
}
.fa-mandalorian {
  --fa: "";
}
.fa-first-order-alt {
  --fa: "";
}
.fa-osi {
  --fa: "";
}
.fa-google-wallet {
  --fa: "";
}
.fa-d-and-d-beyond {
  --fa: "";
}
.fa-periscope {
  --fa: "";
}
.fa-fulcrum {
  --fa: "";
}
.fa-cloudscale {
  --fa: "";
}
.fa-forumbee {
  --fa: "";
}
.fa-mizuni {
  --fa: "";
}
.fa-schlix {
  --fa: "";
}
.fa-square-xing,
.fa-xing-square {
  --fa: "";
}
.fa-bandcamp {
  --fa: "";
}
.fa-wpforms {
  --fa: "";
}
.fa-cloudversify {
  --fa: "";
}
.fa-usps {
  --fa: "";
}
.fa-megaport {
  --fa: "";
}
.fa-magento {
  --fa: "";
}
.fa-spotify {
  --fa: "";
}
.fa-optin-monster {
  --fa: "";
}
.fa-fly {
  --fa: "";
}
.fa-square-bluesky {
  --fa: "";
}
.fa-aviato {
  --fa: "";
}
.fa-itunes {
  --fa: "";
}
.fa-cuttlefish {
  --fa: "";
}
.fa-blogger {
  --fa: "";
}
.fa-flickr {
  --fa: "";
}
.fa-viber {
  --fa: "";
}
.fa-soundcloud {
  --fa: "";
}
.fa-digg {
  --fa: "";
}
.fa-tencent-weibo {
  --fa: "";
}
.fa-letterboxd {
  --fa: "";
}
.fa-symfony {
  --fa: "";
}
.fa-maxcdn {
  --fa: "";
}
.fa-etsy {
  --fa: "";
}
.fa-facebook-messenger {
  --fa: "";
}
.fa-audible {
  --fa: "";
}
.fa-think-peaks {
  --fa: "";
}
.fa-bilibili {
  --fa: "";
}
.fa-erlang {
  --fa: "";
}
.fa-x-twitter {
  --fa: "";
}
.fa-cotton-bureau {
  --fa: "";
}
.fa-dashcube {
  --fa: "";
}
.fa-42-group,
.fa-innosoft {
  --fa: "";
}
.fa-stack-exchange {
  --fa: "";
}
.fa-elementor {
  --fa: "";
}
.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa: "";
}
.fa-creative-commons-nd {
  --fa: "";
}
.fa-palfed {
  --fa: "";
}
.fa-superpowers {
  --fa: "";
}
.fa-resolving {
  --fa: "";
}
.fa-xbox {
  --fa: "";
}
.fa-square-web-awesome-stroke {
  --fa: "";
}
.fa-searchengin {
  --fa: "";
}
.fa-tiktok {
  --fa: "";
}
.fa-facebook-square,
.fa-square-facebook {
  --fa: "";
}
.fa-renren {
  --fa: "";
}
.fa-linux {
  --fa: "";
}
.fa-glide {
  --fa: "";
}
.fa-linkedin {
  --fa: "";
}
.fa-hubspot {
  --fa: "";
}
.fa-deploydog {
  --fa: "";
}
.fa-twitch {
  --fa: "";
}
.fa-flutter {
  --fa: "";
}
.fa-ravelry {
  --fa: "";
}
.fa-mixer {
  --fa: "";
}
.fa-lastfm-square,
.fa-square-lastfm {
  --fa: "";
}
.fa-vimeo {
  --fa: "";
}
.fa-mendeley {
  --fa: "";
}
.fa-uniregistry {
  --fa: "";
}
.fa-figma {
  --fa: "";
}
.fa-creative-commons-remix {
  --fa: "";
}
.fa-cc-amazon-pay {
  --fa: "";
}
.fa-dropbox {
  --fa: "";
}
.fa-instagram {
  --fa: "";
}
.fa-cmplid {
  --fa: "";
}
.fa-upwork {
  --fa: "";
}
.fa-facebook {
  --fa: "";
}
.fa-gripfire {
  --fa: "";
}
.fa-jedi-order {
  --fa: "";
}
.fa-uikit {
  --fa: "";
}
.fa-fort-awesome-alt {
  --fa: "";
}
.fa-phabricator {
  --fa: "";
}
.fa-ussunnah {
  --fa: "";
}
.fa-earlybirds {
  --fa: "";
}
.fa-trade-federation {
  --fa: "";
}
.fa-autoprefixer {
  --fa: "";
}
.fa-whatsapp {
  --fa: "";
}
.fa-square-upwork {
  --fa: "";
}
.fa-slideshare {
  --fa: "";
}
.fa-google-play {
  --fa: "";
}
.fa-viadeo {
  --fa: "";
}
.fa-line {
  --fa: "";
}
.fa-google-drive {
  --fa: "";
}
.fa-servicestack {
  --fa: "";
}
.fa-simplybuilt {
  --fa: "";
}
.fa-bitbucket {
  --fa: "";
}
.fa-imdb {
  --fa: "";
}
.fa-deezer {
  --fa: "";
}
.fa-raspberry-pi {
  --fa: "";
}
.fa-jira {
  --fa: "";
}
.fa-docker {
  --fa: "";
}
.fa-screenpal {
  --fa: "";
}
.fa-bluetooth {
  --fa: "";
}
.fa-gitter {
  --fa: "";
}
.fa-d-and-d {
  --fa: "";
}
.fa-microblog {
  --fa: "";
}
.fa-cc-diners-club {
  --fa: "";
}
.fa-gg-circle {
  --fa: "";
}
.fa-pied-piper-hat {
  --fa: "";
}
.fa-kickstarter-k {
  --fa: "";
}
.fa-yandex {
  --fa: "";
}
.fa-readme {
  --fa: "";
}
.fa-html5 {
  --fa: "";
}
.fa-sellsy {
  --fa: "";
}
.fa-square-web-awesome {
  --fa: "";
}
.fa-sass {
  --fa: "";
}
.fa-wirsindhandwerk,
.fa-wsh {
  --fa: "";
}
.fa-buromobelexperte {
  --fa: "";
}
.fa-salesforce {
  --fa: "";
}
.fa-octopus-deploy {
  --fa: "";
}
.fa-medapps {
  --fa: "";
}
.fa-ns8 {
  --fa: "";
}
.fa-pinterest-p {
  --fa: "";
}
.fa-apper {
  --fa: "";
}
.fa-fort-awesome {
  --fa: "";
}
.fa-waze {
  --fa: "";
}
.fa-bluesky {
  --fa: "";
}
.fa-cc-jcb {
  --fa: "";
}
.fa-snapchat,
.fa-snapchat-ghost {
  --fa: "";
}
.fa-fantasy-flight-games {
  --fa: "";
}
.fa-rust {
  --fa: "";
}
.fa-wix {
  --fa: "";
}
.fa-behance-square,
.fa-square-behance {
  --fa: "";
}
.fa-supple {
  --fa: "";
}
.fa-webflow {
  --fa: "";
}
.fa-rebel {
  --fa: "";
}
.fa-css3 {
  --fa: "";
}
.fa-staylinked {
  --fa: "";
}
.fa-kaggle {
  --fa: "";
}
.fa-space-awesome {
  --fa: "";
}
.fa-deviantart {
  --fa: "";
}
.fa-cpanel {
  --fa: "";
}
.fa-goodreads-g {
  --fa: "";
}
.fa-git-square,
.fa-square-git {
  --fa: "";
}
.fa-square-tumblr,
.fa-tumblr-square {
  --fa: "";
}
.fa-trello {
  --fa: "";
}
.fa-creative-commons-nc-jp {
  --fa: "";
}
.fa-get-pocket {
  --fa: "";
}
.fa-perbyte {
  --fa: "";
}
.fa-grunt {
  --fa: "";
}
.fa-weebly {
  --fa: "";
}
.fa-connectdevelop {
  --fa: "";
}
.fa-leanpub {
  --fa: "";
}
.fa-black-tie {
  --fa: "";
}
.fa-themeco {
  --fa: "";
}
.fa-python {
  --fa: "";
}
.fa-android {
  --fa: "";
}
.fa-bots {
  --fa: "";
}
.fa-free-code-camp {
  --fa: "";
}
.fa-hornbill {
  --fa: "";
}
.fa-js {
  --fa: "";
}
.fa-ideal {
  --fa: "";
}
.fa-git {
  --fa: "";
}
.fa-dev {
  --fa: "";
}
.fa-sketch {
  --fa: "";
}
.fa-yandex-international {
  --fa: "";
}
.fa-cc-amex {
  --fa: "";
}
.fa-uber {
  --fa: "";
}
.fa-github {
  --fa: "";
}
.fa-php {
  --fa: "";
}
.fa-alipay {
  --fa: "";
}
.fa-youtube {
  --fa: "";
}
.fa-skyatlas {
  --fa: "";
}
.fa-firefox-browser {
  --fa: "";
}
.fa-replyd {
  --fa: "";
}
.fa-suse {
  --fa: "";
}
.fa-jenkins {
  --fa: "";
}
.fa-twitter {
  --fa: "";
}
.fa-rockrms {
  --fa: "";
}
.fa-pinterest {
  --fa: "";
}
.fa-buffer {
  --fa: "";
}
.fa-npm {
  --fa: "";
}
.fa-yammer {
  --fa: "";
}
.fa-btc {
  --fa: "";
}
.fa-dribbble {
  --fa: "";
}
.fa-stumbleupon-circle {
  --fa: "";
}
.fa-internet-explorer {
  --fa: "";
}
.fa-stubber {
  --fa: "";
}
.fa-telegram,
.fa-telegram-plane {
  --fa: "";
}
.fa-old-republic {
  --fa: "";
}
.fa-odysee {
  --fa: "";
}
.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa: "";
}
.fa-node-js {
  --fa: "";
}
.fa-edge-legacy {
  --fa: "";
}
.fa-slack,
.fa-slack-hash {
  --fa: "";
}
.fa-medrt {
  --fa: "";
}
.fa-usb {
  --fa: "";
}
.fa-tumblr {
  --fa: "";
}
.fa-vaadin {
  --fa: "";
}
.fa-quora {
  --fa: "";
}
.fa-square-x-twitter {
  --fa: "";
}
.fa-reacteurope {
  --fa: "";
}
.fa-medium,
.fa-medium-m {
  --fa: "";
}
.fa-amilia {
  --fa: "";
}
.fa-mixcloud {
  --fa: "";
}
.fa-flipboard {
  --fa: "";
}
.fa-viacoin {
  --fa: "";
}
.fa-critical-role {
  --fa: "";
}
.fa-sitrox {
  --fa: "";
}
.fa-discourse {
  --fa: "";
}
.fa-joomla {
  --fa: "";
}
.fa-mastodon {
  --fa: "";
}
.fa-airbnb {
  --fa: "";
}
.fa-wolf-pack-battalion {
  --fa: "";
}
.fa-buy-n-large {
  --fa: "";
}
.fa-gulp {
  --fa: "";
}
.fa-creative-commons-sampling-plus {
  --fa: "";
}
.fa-strava {
  --fa: "";
}
.fa-ember {
  --fa: "";
}
.fa-canadian-maple-leaf {
  --fa: "";
}
.fa-teamspeak {
  --fa: "";
}
.fa-pushed {
  --fa: "";
}
.fa-wordpress-simple {
  --fa: "";
}
.fa-nutritionix {
  --fa: "";
}
.fa-wodu {
  --fa: "";
}
.fa-google-pay {
  --fa: "";
}
.fa-intercom {
  --fa: "";
}
.fa-zhihu {
  --fa: "";
}
.fa-korvue {
  --fa: "";
}
.fa-pix {
  --fa: "";
}
.fa-steam-symbol {
  --fa: "";
}
:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),
    url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype");
}
.fa-regular,
.far {
  font-weight: 400;
}
:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src:
    url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),
    url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype");
}
.fa-solid,
.fas {
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src:
    url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),
    url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src:
    url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),
    url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src:
    url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),
    url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src:
    url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),
    url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src:
    url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),
    url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src:
    url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),
    url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype");
  unicode-range:
    u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e,
    u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094,
    u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7,
    u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src:
    url(/assets/fa-v4compatibility-C9RhG_FT.woff2) format("woff2"),
    url(/assets/fa-v4compatibility-CCth-dXg.ttf) format("truetype");
  unicode-range:
    u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090,
    u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b,
    u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163,
    u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
._overlay_9wbge_6 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0a288c;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: _fadeIn_9wbge_1 0.2s ease;
}
@keyframes _fadeIn_9wbge_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modal_9wbge_25 {
  background: #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  box-shadow:
    0 0 0 1px #6352d214,
    0 24px 64px #6352d22e,
    0 4px 12px #00000014;
  animation: _slideUp_9wbge_1 0.28s cubic-bezier(0.34, 1.3, 0.64, 1);
  overflow: hidden;
  font-family:
    DM Sans,
    sans-serif;
}
@keyframes _slideUp_9wbge_1 {
  0% {
    opacity: 0;
    transform: translateY(32px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._header_9wbge_45 {
  background: linear-gradient(135deg, #5b47e0, #7c5cfc);
  padding: 24px 28px 20px;
  position: relative;
}
._headerTop_9wbge_51 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
._iconWrap_9wbge_57 {
  width: 44px;
  height: 44px;
  background: #ffffff2e;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
._closeBtn_9wbge_68 {
  width: 34px;
  height: 34px;
  background: #ffffff26;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}
._closeBtn_9wbge_68:hover {
  background: #ffffff47;
}
._headerTitle_9wbge_85 {
  font-family: Syne, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 14px 0 2px;
  letter-spacing: -0.3px;
}
._headerSub_9wbge_94 {
  font-size: 13px;
  color: #ffffffb8;
  font-weight: 400;
}
._consultantChip_9wbge_101 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff26;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  padding: 5px 14px 5px 8px;
  margin-top: 16px;
}
._avatar_9wbge_112 {
  width: 26px;
  height: 26px;
  background: #fff;
  color: #5b47e0;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Syne, sans-serif;
}
._consultantName_9wbge_126 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
._body_9wbge_133 {
  padding: 24px 28px 28px;
}
._oldCommCard_9wbge_138 {
  background: linear-gradient(135deg, #f6f4ff, #ede9ff);
  border: 1.5px solid #d6ceff;
  border-radius: 14px;
  padding: 16px 20px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}
._oldCommIcon_9wbge_149 {
  width: 40px;
  height: 40px;
  background: #5b47e0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
._oldCommLabel_9wbge_161 {
  font-size: 11px;
  font-weight: 600;
  color: #8b80c0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 2px;
}
._oldCommValue_9wbge_170 {
  font-family: Syne, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #3d2eb0;
  line-height: 1;
}
._oldCommValue_9wbge_170 span {
  font-size: 14px;
  font-weight: 500;
  color: #7c70b8;
  margin-left: 2px;
}
._noCommBadge_9wbge_185 {
  display: inline-block;
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffc107;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
}
._label_9wbge_197 {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #3d3560;
  margin-bottom: 8px;
  letter-spacing: 0.1px;
}
._inputWrap_9wbge_206 {
  position: relative;
}
._inputWrap_9wbge_206 input {
  width: 100%;
  border: 1.5px solid #d8d3f0;
  border-radius: 12px;
  padding: 13px 48px 13px 16px;
  font-size: 15px;
  font-family:
    DM Sans,
    sans-serif;
  font-weight: 500;
  color: #1a1535;
  background: #faf9ff;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    background 0.2s;
  -moz-appearance: textfield;
}
._inputWrap_9wbge_206 input::-webkit-outer-spin-button,
._inputWrap_9wbge_206 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._inputWrap_9wbge_206 input:focus {
  border-color: #5b47e0;
  background: #fff;
  box-shadow: 0 0 0 4px #5b47e01a;
}
._inputWrap_9wbge_206 input._error_9wbge_237 {
  border-color: #e53e3e;
  box-shadow: 0 0 0 4px #e53e3e14;
}
._percentSign_9wbge_242 {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 700;
  color: #5b47e0;
  pointer-events: none;
}
._hint_9wbge_253 {
  font-size: 12px;
  color: #9e96c8;
  margin-top: 7px;
}
._errorMsg_9wbge_259 {
  font-size: 12px;
  color: #e53e3e;
  margin-top: 6px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
._arrowPreview_9wbge_270 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #f8f7ff;
  border: 1.5px dashed #c4baee;
  border-radius: 12px;
  padding: 14px 20px;
  margin-top: 18px;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}
._arrowPreview_9wbge_270._visible_9wbge_285 {
  opacity: 1;
  transform: translateY(0);
}
._previewOld_9wbge_290 {
  text-align: center;
}
._previewLabel_9wbge_294 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #9e96c8;
  margin-bottom: 2px;
}
._previewVal_9wbge_303 {
  font-family: Syne, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #3d2eb0;
}
._arrowIcon_9wbge_310 {
  font-size: 22px;
  color: #7c5cfc;
}
._previewNew_9wbge_315 ._previewVal_9wbge_303 {
  color: #15803d;
}
._footer_9wbge_320 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
._btnCancel_9wbge_326 {
  flex: 1;
  padding: 13px;
  border: 1.5px solid #d8d3f0;
  border-radius: 12px;
  background: #fff;
  color: #5b47e0;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s;
}
._btnCancel_9wbge_326:hover {
  background: #f6f4ff;
  border-color: #5b47e0;
}
._btnSave_9wbge_344 {
  flex: 2;
  padding: 13px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #5b47e0, #7c5cfc);
  color: #fff;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 16px #5b47e059;
  transition:
    filter 0.15s,
    transform 0.1s;
}
._btnSave_9wbge_344:hover {
  filter: brightness(1.08);
}
._btnSave_9wbge_344:active {
  transform: scale(0.98);
}
._btnSave_9wbge_344:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}
._toast_9wbge_371 {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translate(-50%) translateY(80px);
  background: #1a1535;
  color: #fff;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: 50px;
  box-shadow: 0 8px 32px #00000040;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  white-space: nowrap;
}
._toast_9wbge_371._show_9wbge_393 {
  opacity: 1;
  transform: translate(-50%) translateY(0);
}
._pageWrapper_1i63i_4 {
  padding: 20px;
}
._formCard_1i63i_12 {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 1px 5px #0000001a;
  margin-bottom: 40px;
}
._heading_1i63i_20 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #4b3d6b;
}
._formGrid_1i63i_31 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
._formGroup_1i63i_37 label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #333;
}
._formGroup_1i63i_37 input[type="text"],
._formGroup_1i63i_37 input[type="email"],
._formGroup_1i63i_37 input[type="file"] {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fafafa;
}
._submitBtn_1i63i_58 {
  margin-top: 20px;
  background: #03a9f4;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}
._submitBtn_1i63i_58:hover {
  background: #0288d1;
}
._bulkCard_1i63i_78 {
  background: #fff;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000012;
  text-align: center;
  margin-top: 40px;
}
._bulkHeading_1i63i_87 {
  font-size: 22px;
  font-weight: 600;
  color: #4b3d6b;
  margin-bottom: 20px;
}
._templateBtn_1i63i_98 {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
._templateBtn_1i63i_98:hover {
  background: #e9e9e9;
}
._uploadWrapper_1i63i_118 {
  margin-top: 25px;
  text-align: left;
}
._uploadLabel_1i63i_123 {
  font-weight: 600;
  font-size: 15px;
}
._uploadInput_1i63i_128 {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  background: #fafafa;
}
._noteText_1i63i_137 {
  display: block;
  margin-top: 5px;
  color: #777;
  font-size: 13px;
}
._uploadBtn_1i63i_148 {
  margin-top: 18px;
  background: #007bff;
  color: #fff;
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  width: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: 0.2s;
}
._uploadBtn_1i63i_148:hover {
  background: #005dc1;
}
@media (max-width: 992px) {
  ._formGrid_1i63i_31 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  ._formGrid_1i63i_31 {
    grid-template-columns: 1fr;
  }
}
._filterSection_nfnwr_1 {
  background: #fffffff2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 32px #0000001a;
  position: relative;
}
._filterIntro_nfnwr_11 {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #667eea1a, #764ba21a);
  border-radius: 12px;
  border: 2px dashed #667eea;
  position: relative;
  overflow: hidden;
}
._filterIntro_nfnwr_11 h3 {
  color: #667eea;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
}
._card-body_nfnwr_33._filterIntro_nfnwr_11 h3 {
  text-decoration: none !important;
  border-bottom: none !important;
}
._filterIntro_nfnwr_11 p {
  color: #666;
  font-size: 1rem;
  position: relative;
  z-index: 1;
}
._filterButtons_nfnwr_45 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
._filterBtn_nfnwr_52,
._filterDropdown_nfnwr_52 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: #ffffffe6;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  color: #666;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: auto;
  justify-content: center;
}
._filterBtn_nfnwr_52:before,
._filterDropdown_nfnwr_52:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: left 0.5s;
}
._filterBtn_nfnwr_52:hover:before,
._filterDropdown_nfnwr_52:hover:before {
  left: 100%;
}
._filterBtn_nfnwr_52:hover,
._filterDropdown_nfnwr_52:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px #00000026;
}
._filterBtn_nfnwr_52._Admitted_nfnwr_91 {
  border-color: #10b981;
  color: #10b981;
}
._filterBtn_nfnwr_52._Admitted_nfnwr_91:hover,
._filterBtn_nfnwr_52._Admitted_nfnwr_91._active_nfnwr_96 {
  background: #10b981;
  color: #fff;
  box-shadow: 0 8px 25px #10b9814d;
}
._filterBtn_nfnwr_52._Registered_nfnwr_102 {
  border-color: #3b82f6;
  color: #3b82f6;
}
._filterBtn_nfnwr_52._Registered_nfnwr_102:hover,
._filterBtn_nfnwr_52._Registered_nfnwr_102._active_nfnwr_96 {
  background: #3b82f6;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
._filterBtn_nfnwr_52._Rejected_nfnwr_113 {
  border-color: #f63b3b;
  color: #f63b3b;
}
._filterBtn_nfnwr_52._Rejected_nfnwr_113:hover,
._filterBtn_nfnwr_52._Rejected_nfnwr_113._active_nfnwr_96 {
  background: #f63b3b;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
._filterBtn_nfnwr_52._Pending_nfnwr_123 {
  border-color: #f6bb3b;
  color: #f6bb3b;
  font-size: 13px;
}
._filterBtn_nfnwr_52._Pending_nfnwr_123:hover,
._filterBtn_nfnwr_52._Pending_nfnwr_123._active_nfnwr_96 {
  background: #f6bb3b;
  color: #fff;
  box-shadow: 0 8px 25px #3b82f64d;
}
._filterBtn_nfnwr_52._Total_nfnwr_135 {
  border-color: #8b5cf6;
  color: #8b5cf6;
}
._filterBtn_nfnwr_52._Total_nfnwr_135:hover,
._filterBtn_nfnwr_52._Total_nfnwr_135._active_nfnwr_96 {
  background: #8b5cf6;
  color: #fff;
  box-shadow: 0 8px 25px #8b5cf64d;
}
._filterBtn_nfnwr_52._active_nfnwr_96,
._filterDropdown_nfnwr_52._active_nfnwr_96 {
  animation: _activeButton_nfnwr_1 0.5s ease;
}
._btnOutlineViolet_nfnwr_150 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: #ffffffe6;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  color: #8b5cf6;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-width: 180px;
  justify-content: center;
}
._btnOutlineViolet_nfnwr_150:hover,
._btnOutlineViolet_nfnwr_150:focus {
  color: #fff;
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}
@media (max-width: 575.98px) {
  ._filterBtn_nfnwr_52 {
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  ._filterBtn_nfnwr_52 {
    font-size: 1rem;
    padding: 1rem;
  }
}
@media print {
  body {
    background: #fff !important;
  }
  body * {
    visibility: hidden !important;
  }
  .printArea,
  .printArea * {
    visibility: visible !important;
  }
  .printArea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .noPrint {
    display: none !important;
  }
  .card {
    box-shadow: none !important;
    margin: 0 !important;
  }
}
._modalOverlay_1amig_2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0009;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  animation: _fadeIn_1amig_1 0.2s ease-out;
}
@keyframes _fadeIn_1amig_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._lockModal_1amig_27 {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px #0003;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  animation: _modalSlideIn_1amig_1 0.3s ease-out;
  border: 1px solid rgba(82, 57, 236, 0.1);
}
@keyframes _modalSlideIn_1amig_1 {
  0% {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._modalHeader_1amig_51 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e9ecef;
  background: linear-gradient(135deg, #5239ec0d, #669edf0d);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
._modalTitle_1amig_62 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--primary_color, #5239ec);
  display: flex;
  align-items: center;
}
._closeButton_1amig_71 {
  background: transparent;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: var(--color_gray_lighter, #cbcbd3);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
  line-height: 1;
}
._closeButton_1amig_71:hover {
  color: var(--primary_color, #5239ec);
  background-color: #5239ec1a;
}
._modalBody_1amig_93 {
  padding: 24px;
}
._alertWarning_1amig_97 {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  background: linear-gradient(135deg, #ffc1071a, #ffc1070d);
  border: 2px solid rgba(255, 193, 7, 0.3);
  color: #856404;
}
._warningContent_1amig_108 {
  flex: 1;
}
._alertTitle_1amig_112 {
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 1.1rem;
  color: #856404;
}
._alertMessage_1amig_119 {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #856404;
}
._alertMessage_1amig_119 strong {
  color: #dc3545;
  font-weight: 700;
}
._warningIcon_1amig_130 {
  margin-right: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  color: #ffc107;
}
._warningBox_1amig_137 {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background: linear-gradient(135deg, #5239ec14, #669edf0d);
  border-radius: 8px;
  border-left: 4px solid var(--primary_color, #5239ec);
}
._infoIcon_1amig_146 {
  color: var(--primary_color, #5239ec);
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 1.1rem;
}
._warningText_1amig_154 {
  color: var(--color_gray, #4b3c5c);
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.6;
}
._warningText_1amig_154 strong {
  color: var(--primary_color, #5239ec);
  font-weight: 700;
}
._modalFooter_1amig_167 {
  display: flex;
  justify-content: flex-end;
  padding: 20px 24px;
  border-top: 1px solid #e9ecef;
  gap: 12px;
  background-color: #f8f9fa;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
._btnCancel_1amig_179,
._btnConfirm_1amig_180 {
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  letter-spacing: 0.02rem;
}
._btnCancel_1amig_179 {
  background-color: #fff;
  color: var(--color_gray, #4b3c5c);
  border: 2px solid var(--color_gray_lighter, #cbcbd3);
}
._btnCancel_1amig_179:hover {
  background-color: #f8f9fa;
  border-color: var(--color_gray, #4b3c5c);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #0000001a;
}
._btnConfirm_1amig_180 {
  background: var(--primary_btn_color, var(--gradient-style1));
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
  color: #fff !important;
  box-shadow: 0 4px 12px #5239ec4d;
}
._btnConfirm_1amig_180:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #5239ec66;
  color: #fff !important;
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
  background-size: 200% 200%;
  animation: _gradient_1amig_1 3s ease infinite;
}
._btnConfirm_1amig_180:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px #5239ec4d;
}
@keyframes _gradient_1amig_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
._pageTitle_zmkkp_2 {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color_gray, #4b3c5c);
  margin-bottom: 1.5rem;
}
._searchCard_zmkkp_10 {
  background: #fffffff2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  margin-bottom: 2rem;
  box-shadow: 0 8px 32px #00000014;
  border: none;
  overflow: hidden;
}
._searchCardHeader_zmkkp_20 {
  background: #fff !important;
  border-bottom: 1px solid #f0ebf7;
  padding: 1.1rem 1.5rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
}
._searchCardHeader_zmkkp_20:hover {
  background: #faf8fd !important;
}
._searchCardTitle_zmkkp_35 {
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--color_gray, #4b3c5c);
  margin: 0;
}
._chevronIcon_zmkkp_42 {
  color: var(--primary_color, #5239ec);
  font-size: 0.95rem;
  transition: transform 0.3s ease;
}
._searchCardBody_zmkkp_48 {
  padding: 1.5rem;
}
._formLabel_zmkkp_53 {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--color_gray, #4b3c5c);
  margin-bottom: 0.4rem;
}
._formLabel_zmkkp_53 span {
  display: contents;
  color: #dc3545;
  margin-right: 2px;
}
._formSelect_zmkkp_67 {
  border: 1px solid var(--color_gray_lighter, #cbcbd3);
  border-radius: 8px;
  font-size: 0.9rem;
  color: var(--color_gray, #4b3c5c);
  padding: 0.5rem 0.75rem;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
._formSelect_zmkkp_67:focus {
  border-color: var(--primary_color, #5239ec);
  box-shadow: 0 0 0 3px #5239ec1f;
}
._searchBtn_zmkkp_82 {
  background: var(--gradient-style1, linear-gradient(45deg, #5239ec, #669edf));
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.6rem 2rem;
  letter-spacing: 0.04rem;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
._searchBtn_zmkkp_82:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #5239ec4d;
  color: #fff;
}
._uploadRow_zmkkp_101 {
  margin-top: 1.25rem !important;
}
._uploadCard_zmkkp_105 {
  background: linear-gradient(135deg, #f7f5ff, #f5faff);
  border: 1px solid rgba(82, 57, 236, 0.16);
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 8px 24px #28167814;
}
._uploadCardHeader_zmkkp_113 {
  margin-bottom: 0.8rem;
}
._uploadBadge_zmkkp_117 {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  color: #5239ec;
  background: #5239ec1f;
  padding: 0.24rem 0.55rem;
  border-radius: 999px;
}
._uploadHint_zmkkp_128 {
  margin: 0.55rem 0 0;
  color: #5f5078;
  font-size: 0.88rem;
}
._hiddenFileInput_zmkkp_134 {
  display: none;
}
._creativeDropzone_zmkkp_138 {
  border: 2px dashed rgba(82, 57, 236, 0.35);
  border-radius: 12px;
  background: #fff;
  padding: 1.25rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
._creativeDropzone_zmkkp_138:hover {
  border-color: #5239ec;
  background: #fcfbff;
  box-shadow: 0 8px 20px #5239ec1f;
  transform: translateY(-1px);
}
._uploadIconWrap_zmkkp_155 {
  width: 48px;
  height: 48px;
  margin: 0 auto 0.55rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #5239ec, #669edf);
  color: #fff;
  font-size: 1.2rem;
}
._dropzoneTitle_zmkkp_168 {
  margin: 0;
  font-weight: 700;
  color: #433069;
}
._dropzoneMeta_zmkkp_174 {
  margin: 0.35rem 0 0;
  font-size: 0.82rem;
  color: #7b6d96;
}
._filePreview_zmkkp_180 {
  margin-top: 0.8rem;
  border: 1px solid #dfe9dc;
  border-radius: 10px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.55rem 0.7rem;
  gap: 0.6rem;
  flex-wrap: wrap;
}
._fileNameWrap_zmkkp_193 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
._fileNameText_zmkkp_200 {
  font-size: 0.88rem;
  color: #2f3a4d;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._fileRemoveBtn_zmkkp_209 {
  border: none;
  background: #dc35451a;
  color: #dc3545;
  font-size: 0.78rem;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.34rem 0.62rem;
}
._fileRemoveBtn_zmkkp_209:hover {
  background: #dc354529;
}
._uploadActionRow_zmkkp_223 {
  margin-top: 0.9rem;
}
._uploadBtn_zmkkp_227 {
  background: linear-gradient(45deg, #0ea769, #1ec6a2);
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.55rem 1.35rem;
  transition: all 0.2s ease;
}
._uploadBtn_zmkkp_227 i {
  margin-right: 0.45rem;
}
._uploadBtn_zmkkp_227:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px #0ea7693d;
  color: #fff;
}
._uploadBtn_zmkkp_227:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
._modalOverlay_zmkkp_253 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #19122d73;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  padding: 1rem;
}
._warningModalCard_zmkkp_264 {
  width: 100%;
  max-width: 480px;
  background: #fff;
  border-radius: 16px;
  padding: 1.2rem 1.1rem;
  box-shadow: 0 20px 40px #110c243d;
  border: 1px solid #f0e7ff;
  text-align: center;
}
._warningIconBox_zmkkp_275 {
  width: 58px;
  height: 58px;
  margin: 0 auto 0.8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fff2d8, #ffe8b8);
  color: #d48a00;
  font-size: 1.4rem;
}
._warningModalTitle_zmkkp_288 {
  margin: 0;
  color: #2f204f;
  font-weight: 700;
}
._warningModalText_zmkkp_294 {
  margin: 0.7rem 0 0;
  color: #615579;
  font-size: 0.91rem;
}
._warningModalActions_zmkkp_300 {
  margin-top: 1rem;
  display: flex;
  gap: 0.65rem;
  justify-content: center;
}
._cancelModalBtn_zmkkp_307 {
  background: #f2eef8;
  border: 1px solid #dfd4f4;
  color: #4a3a6a;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.5rem 1.05rem;
}
._cancelModalBtn_zmkkp_307:hover:not(:disabled) {
  background: #ece5f9;
}
._confirmModalBtn_zmkkp_320 {
  background: linear-gradient(45deg, #5239ec, #669edf);
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.5rem 1.05rem;
}
._confirmModalBtn_zmkkp_320:hover:not(:disabled) {
  box-shadow: 0 8px 18px #5239ec42;
  color: #fff;
}
._courseInfo_zmkkp_335 {
  background: linear-gradient(135deg, #5239ec0f, #669edf0f);
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border-left: 4px solid var(--primary_color, #5239ec);
}
._courseInfo_zmkkp_335 p {
  font-size: 0.88rem;
  color: var(--color_gray, #4b3c5c);
  margin-bottom: 0.3rem;
}
._courseInfo_zmkkp_335 strong {
  color: var(--dark-color, #002147);
}
._warningText_zmkkp_354 {
  text-align: center;
  color: #dc3545;
  font-size: 0.82rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
._marksTable_zmkkp_363 {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px #0000000f;
}
._marksTable_zmkkp_363 table {
  margin-bottom: 0;
}
._marksTable_zmkkp_363 thead tr {
  background: linear-gradient(135deg, #f4f6f9, #eef1f6);
}
._marksTable_zmkkp_363 thead th {
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--color_gray, #4b3c5c);
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  padding: 0.85rem 0.75rem;
  border-bottom: 2px solid #e0e0e0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
._sortableTh_zmkkp_391 {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition:
    background 0.2s ease,
    color 0.2s ease;
  position: relative;
}
._sortableTh_zmkkp_391:hover {
  background: #5239ec14 !important;
  color: var(--primary_color, #5239ec);
}
._sortIcon_zmkkp_403 {
  margin-left: 6px;
  font-size: 0.72rem;
  color: var(--color_gray_lighter, #cbcbd3);
  transition: color 0.2s ease;
  vertical-align: middle;
}
._sortableTh_zmkkp_391:hover ._sortIcon_zmkkp_403 {
  color: var(--primary_color, #5239ec);
}
._sortIconActive_zmkkp_415 {
  color: var(--primary_color, #5239ec) !important;
}
._marksTable_zmkkp_363 tbody td {
  font-size: 0.88rem;
  color: var(--color_gray, #4b3c5c);
  padding: 0.7rem 0.75rem;
  text-align: left;
  vertical-align: middle;
}
._marksTable_zmkkp_363 tbody tr:hover {
  background-color: #5239ec08;
}
._marksTable_zmkkp_363 tbody tr:nth-child(2n) {
  background-color: #faf8fd;
}
._marksTable_zmkkp_363 tbody tr:nth-child(2n):hover {
  background-color: #5239ec0d;
}
._marksDropdown_zmkkp_440 {
  border: 2px solid var(--color_gray_lighter, #cbcbd3);
  border-radius: 8px;
  font-size: 0.88rem;
  color: var(--color_gray, #4b3c5c);
  padding: 0.4rem 0.6rem;
  text-align: center;
  min-width: 120px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  cursor: pointer;
  background-color: #fff;
}
._marksDropdown_zmkkp_440:focus {
  border-color: var(--primary_color, #5239ec);
  box-shadow: 0 0 0 3px #5239ec1f;
  outline: none;
}
._marksDropdownEmpty_zmkkp_459 {
  border-color: #dc3545;
}
._marksDropdownFilled_zmkkp_463 {
  border-color: #10b981;
  background-color: #f0fdf4;
}
._marksDropdownAbsent_zmkkp_468 {
  border-color: #f59e0b;
  background-color: #fffbeb;
  color: #b45309;
}
._saveBtn_zmkkp_475 {
  background: var(--primary_btn_color, var(--gradient-style1));
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
  border: none;
  border-radius: 8px;
  color: #fff !important;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.75rem 2.2rem !important;
  letter-spacing: 0.02rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px #5239ec40;
}
._btn-sm_zmkkp_490._saveBtn_zmkkp_475,
._saveBtn_zmkkp_475._btn-sm_zmkkp_490 {
  padding: 0.75rem 2rem !important;
  font-size: 0.9rem;
}
._saveBtn_zmkkp_475:hover:not(:disabled),
._btn-sm_zmkkp_490._saveBtn_zmkkp_475:hover:not(:disabled),
._saveBtn_zmkkp_475._btn-sm_zmkkp_490:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #5239ec59;
  color: #fff !important;
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  ) !important;
  background-size: 200% 200%;
  animation: _gradient_zmkkp_1 3s ease infinite;
}
._saveBtn_zmkkp_475:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 4px 12px #5239ec40;
}
._saveBtn_zmkkp_475:disabled,
._btn-sm_zmkkp_490._saveBtn_zmkkp_475:disabled,
._saveBtn_zmkkp_475._btn-sm_zmkkp_490:disabled {
  background: var(--color_gray_lighter, #cbcbd3) !important;
  cursor: not-allowed;
  color: #fff !important;
  opacity: 0.7;
  transform: none;
  box-shadow: none;
}
._saveBtn_zmkkp_475:focus,
._btn-sm_zmkkp_490._saveBtn_zmkkp_475:focus,
._saveBtn_zmkkp_475._btn-sm_zmkkp_490:focus {
  color: #fff !important;
  box-shadow: 0 0 0 3px #5239ec40;
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  ) !important;
}
._saveBtn_zmkkp_475 i {
  margin-right: 0.5rem;
}
@keyframes _gradient_zmkkp_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
._lockBtn_zmkkp_550 {
  background: var(--primary_btn_color, var(--gradient-style1));
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
  border: none;
  border-radius: 8px;
  color: #fff !important;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.75rem 2.2rem;
  letter-spacing: 0.02rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px #5239ec40;
}
._lockBtn_zmkkp_550:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #5239ec59;
  color: #fff !important;
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
  background-size: 200% 200%;
  animation: _gradient_zmkkp_1 3s ease infinite;
}
._lockBtn_zmkkp_550:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 4px 12px #5239ec40;
}
._lockBtn_zmkkp_550:disabled {
  background: var(--color_gray_lighter, #cbcbd3) !important;
  cursor: not-allowed;
  color: #fff !important;
  opacity: 0.7;
  transform: none;
  box-shadow: none;
}
._lockBtn_zmkkp_550:focus {
  color: #fff !important;
  box-shadow: 0 0 0 3px #5239ec40;
}
._lockBtn_zmkkp_550 i {
  margin-right: 0.5rem;
}
._tableSearchBar_zmkkp_597 {
  background: #fff;
  border: 1px solid #f0ebf7;
  border-radius: 10px;
  padding: 0.8rem 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px #0000000a;
}
._tableScroll_zmkkp_607 {
  max-height: 480px;
  overflow-y: auto;
}
._tableScroll_zmkkp_607 thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(135deg, #f4f6f9, #eef1f6);
}
._tableScroll_zmkkp_607::-webkit-scrollbar {
  width: 6px;
}
._tableScroll_zmkkp_607::-webkit-scrollbar-track {
  background: #f4f6f9;
  border-radius: 3px;
}
._tableScroll_zmkkp_607::-webkit-scrollbar-thumb {
  background: var(--color_gray_lighter, #cbcbd3);
  border-radius: 3px;
}
._tableScroll_zmkkp_607::-webkit-scrollbar-thumb:hover {
  background: var(--primary_color, #5239ec);
}
._warningBlink_zmkkp_637 {
  text-align: center;
  font-weight: 600;
  color: #b02a37;
  background: #fff5f5;
  padding: 10px 14px;
  border-radius: 10px;
  margin-top: 12px;
  font-size: 0.95rem;
  border: 1px solid #f5c2c7;
  animation: _pulseWarning_zmkkp_1 1.8s ease-in-out infinite;
  transform: translateY(0);
  animation:
    _pulseWarning_zmkkp_1 1.8s ease-in-out infinite,
    _floatWarn_zmkkp_1 3s ease-in-out infinite;
}
@keyframes _floatWarn_zmkkp_1 {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes _pulseWarning_zmkkp_1 {
  0% {
    box-shadow: 0 0 #dc354566;
  }
  70% {
    box-shadow: 0 0 0 8px #dc354500;
  }
  to {
    box-shadow: 0 0 #dc354500;
  }
}
._alertBanner_5ea6b_2 {
  background: #dc3545;
  color: #fff;
  padding: 0.55rem 1rem;
  border-radius: 6px;
  margin-bottom: 1.2rem;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._alertBanner_5ea6b_2 i {
  font-size: 0.95rem;
}
._selectRow_5ea6b_20 {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.2rem;
  flex-wrap: wrap;
}
._selectGroup_5ea6b_28 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._selectLabel_5ea6b_34 {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--color_gray, #4b3c5c);
  white-space: nowrap;
}
._selectDropdown_5ea6b_41 {
  border: 1px solid var(--color_gray_lighter, #cbcbd3);
  border-radius: 6px;
  font-size: 0.85rem;
  color: var(--color_gray, #4b3c5c);
  padding: 0.4rem 0.65rem;
  min-width: 280px;
}
._selectDropdownSmall_5ea6b_50 {
  border: 1px solid var(--color_gray_lighter, #cbcbd3);
  border-radius: 6px;
  font-size: 0.85rem;
  color: var(--color_gray, #4b3c5c);
  padding: 0.4rem 0.65rem;
  min-width: 60px;
  width: 80px;
}
._tabBtn_5ea6b_61 {
  background: var(--gradient-style1, linear-gradient(45deg, #5239ec, #669edf));
  border: none;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.5rem 1.2rem;
  margin-bottom: 0;
  cursor: default;
  display: inline-block;
}
._sheetContainer_5ea6b_75 {
  background: #fff;
  border: 2px solid #8b0000;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 4px 16px #0000000f;
  margin-bottom: 0;
}
._uniHeader_5ea6b_85 {
  text-align: center;
  padding: 1rem 1rem 0.6rem;
  border-bottom: 1px solid #ddd;
}
._uniName_5ea6b_91 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #002147;
  margin: 0;
}
._uniAddress_5ea6b_98 {
  font-size: 0.75rem;
  color: #555;
  margin: 0.15rem 0;
  font-weight: 500;
}
._uniProgramme_5ea6b_105 {
  font-size: 0.78rem;
  font-weight: 700;
  color: #002147;
  margin: 0.2rem 0 0;
}
._studentInfo_5ea6b_113 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #ddd;
}
._infoLeft_5ea6b_119 {
  border-right: 1px solid #ddd;
}
._infoRow_5ea6b_123 {
  display: flex;
  border-bottom: 1px solid #eee;
  font-size: 0.8rem;
  min-height: 30px;
}
._infoRow_5ea6b_123:last-child {
  border-bottom: none;
}
._infoLabel_5ea6b_134 {
  font-weight: 700;
  color: #002147;
  padding: 0.35rem 0.7rem;
  min-width: 120px;
  background: #f9f9fb;
  font-size: 0.78rem;
  display: flex;
  align-items: center;
}
._infoValue_5ea6b_145 {
  padding: 0.35rem 0.7rem;
  color: #333;
  flex: 1;
  font-size: 0.78rem;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
}
._marksTable_5ea6b_157 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
._marksTable_5ea6b_157 thead {
  background: #f4f6f9;
}
._marksTable_5ea6b_157 th {
  font-weight: 700;
  color: #002147;
  padding: 0.55rem 0.4rem;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 0.74rem;
  white-space: nowrap;
}
._marksTable_5ea6b_157 td {
  padding: 0.45rem 0.4rem;
  text-align: center;
  border: 1px solid #ddd;
  color: #333;
  vertical-align: middle;
  font-size: 0.8rem;
}
._marksTable_5ea6b_157 tbody tr:nth-child(2n) {
  background-color: #fafafa;
}
._courseCodeCell_5ea6b_190 {
  font-weight: 600;
  color: #002147;
  font-size: 0.74rem;
  line-height: 1.35;
  text-align: left !important;
  padding-left: 0.6rem !important;
}
._courseCodeSub_5ea6b_199 {
  font-size: 0.68rem;
  color: #888;
  font-weight: 400;
}
._courseNameCell_5ea6b_205 {
  text-align: left !important;
  font-weight: 500;
  padding-left: 0.7rem !important;
  text-transform: uppercase;
  font-size: 0.78rem;
}
._failMark_5ea6b_213 {
  color: #dc3545;
  font-weight: 600;
}
._totalRow_5ea6b_218 {
  background: #f4f6f9 !important;
}
._totalRow_5ea6b_218 td {
  font-weight: 700;
  color: #002147;
  border-top: 2px solid #8b0000;
  font-size: 0.82rem;
}
._resultFooter_5ea6b_230 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
._resultBtn_5ea6b_235 {
  border: none;
  font-weight: 700;
  font-size: 0.88rem;
  padding: 0.7rem 1rem;
  color: #fff;
  text-align: center;
  cursor: default;
}
._sgpaBtn_5ea6b_245 {
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    var(--secondary_color, #669edf) 100%
  );
}
._cgpaBtn_5ea6b_249 {
  background: linear-gradient(
    45deg,
    var(--primary_color, #5239ec) 0%,
    #7ab5e8 100%
  );
}
._percentBtn_5ea6b_253 {
  background: linear-gradient(
    45deg,
    #4a7fd4 0%,
    var(--secondary_color, #669edf) 100%
  );
}
._resultPassBtn_5ea6b_257 {
  background: linear-gradient(45deg, #10b981, #059669);
}
._resultFailBtn_5ea6b_261 {
  background: linear-gradient(45deg, #dc3545, #c82333);
}
.sm-container {
  padding: 1.5rem;
  font-family:
    Inter,
    -apple-system,
    sans-serif;
}
.sm-cards-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  max-width: 1400px;
}
.sm-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #f3e8ff, #ede9fe);
  border: 1px solid #f0f2f5;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px #00000005;
  position: relative;
  overflow: hidden;
}
.sm-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.sm-card:hover:before {
  transform: scaleY(1);
}
.sm-card:hover {
  transform: translate(4px);
  box-shadow: 0 8px 16px -6px #00000014;
  border-color: #e4e7eb;
  background: #fafbfc;
}
.sm-card-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #fff;
  transition: all 0.3s ease;
}
.sm-card:hover .sm-card-icon {
  transform: scale(1.02);
}
.sm-icon-blue {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 4px 8px #3b82f633;
}
.sm-icon-purple {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  box-shadow: 0 4px 8px #8b5cf633;
}
.sm-card-content {
  flex: 1;
  text-align: left;
}
.sm-card-content h3 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  letter-spacing: -0.2px;
  line-height: 1.4;
}
.sm-card-content p {
  margin: 0.25rem 0 0;
  font-size: 0.7rem;
  color: #6b7280;
}
.sm-card-arrow {
  color: #d1d5db;
  font-size: 0.75rem;
  transition: all 0.3s ease;
  margin-left: auto;
}
.sm-card:hover .sm-card-arrow {
  color: #3b82f6;
  transform: translate(3px);
}
@keyframes smSlideIn {
  0% {
    opacity: 0;
    transform: translate(-15px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.sm-card.pastel-blue {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.sm-card.pastel-purple {
  background: #f5f3ff;
  border-color: #ddd6fe;
}
.sm-card.gradient-border {
  border: 1px solid transparent;
  background-clip: padding-box;
}
.sm-card.gradient-border:hover {
  border-color: transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, #3b82f6, #8b5cf6) border-box;
}
.sm-card.glass {
  background: #fffffff2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(59, 130, 246, 0.1);
}
@media (max-width: 1200px) {
  .sm-cards-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 900px) {
  .sm-cards-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .sm-card {
    padding: 0.875rem 1rem;
  }
  .sm-card-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 1rem;
  }
  .sm-card-content h3 {
    font-size: 0.85rem;
  }
}
@media (max-width: 640px) {
  .sm-container {
    padding: 1rem;
  }
  .sm-cards-list {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .sm-card {
    padding: 0.875rem 1rem;
  }
  .sm-card-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 0.95rem;
  }
  .sm-card-content h3 {
    font-size: 0.85rem;
  }
}
.eligibility-master-container {
  padding: 1.5rem;
  font-family: Inter, sans-serif;
}
.fade-in-animation {
  animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.premium-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px #0000000d;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.premium-card:hover {
  box-shadow: 0 15px 50px #00000014;
}
.premium-card-header {
  background: linear-gradient(135deg, #f8f9fa, #fff);
  padding: 2rem 2.5rem;
  border-bottom: 1px solid #f0f2f5;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.header-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.8rem;
  box-shadow: 0 8px 20px #764ba24d;
}
.header-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2d3748;
}
.header-subtitle {
  margin: 0;
  margin-top: 0.25rem;
  color: #718096;
  font-size: 0.95rem;
}
.premium-card-body {
  padding: 2.5rem;
}
.custom-label {
  color: #4a5568;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  letter-spacing: 0.3px;
}
.custom-dropdown,
.custom-multiselect {
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}
.custom-dropdown:not(.p-disabled):hover,
.custom-multiselect:not(.p-disabled):hover {
  border-color: #a0aec0 !important;
}
.custom-dropdown.p-focus,
.custom-multiselect.p-focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px #667eea26 !important;
}
.p-multiselect .p-multiselect-label.p-placeholder {
  color: #a0aec0;
}
.p-multiselect-token {
  background: #ebf4ff !important;
  color: #4c51bf !important;
  border-radius: 6px !important;
}
.action-buttons-container {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}
.custom-btn-primary {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px #764ba240;
}
.custom-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px #764ba259;
  color: #fff;
}
.custom-btn-clear {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.custom-btn-clear:hover {
  background: #f1f5f9;
  color: #475569;
  border-color: #cbd5e1;
}
.card {
  clear: both;
  display: block;
  width: 100%;
  background-color: #f8f9fa !important;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 1rem !important;
  overflow: visible;
}
.card.mb-3 .d-flex.justify-content-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.card.mb-3 .btn-outline-danger {
  flex-shrink: 0;
  background: transparent;
  border-color: #dc3545;
  color: #dc3545;
}
.card.mb-3 .btn-outline-danger:hover {
  background: #dc3545;
  color: #fff;
}
.card.mb-3 .row.g-3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
  width: calc(100% + 1rem);
}
.card.mb-3 .row.g-3 > [class*="col-"] {
  padding: 0 0.5rem;
}
.btn-outline-primary.mt-2 {
  display: inline-flex;
  align-items: center;
  clear: both;
  margin-top: 0.75rem !important;
  margin-bottom: 1rem;
  background: #fff;
  border: 1px dashed #667eea;
  color: #667eea;
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
}
.btn-outline-primary.mt-2:hover {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  border: 1px solid transparent;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
.col-12.d-flex.align-items-center.mt-4 {
  clear: both;
  margin-top: 1.5rem !important;
  padding-top: 0.5rem;
}
.session-expansion-panel {
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, #f8f9ff, #f0f4ff, #faf5ff);
  border-top: 2px solid rgba(102, 126, 234, 0.15);
  animation: panelSlideDown 0.3s ease-out;
}
@keyframes panelSlideDown {
  0% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
  }
}
.session-expansion-header {
  font-size: 0.9rem;
  font-weight: 700;
  color: #4c51bf;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.session-cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.session-card {
  display: flex;
  align-items: stretch;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px #667eea1a;
  border: 1px solid rgba(102, 126, 234, 0.12);
  transition: all 0.25s ease;
  min-width: 180px;
}
.session-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px #667eea33;
}
.session-card-indicator {
  width: 5px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #667eea, #764ba2);
}
.session-card-content {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.9rem;
}
.session-card-index {
  font-size: 0.7rem;
  font-weight: 800;
  color: #667eea;
  background: #667eea14;
  padding: 0.15rem 0.45rem;
  border-radius: 5px;
}
.session-card-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: #2d3748;
  white-space: nowrap;
}
.session-count-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem 0.85rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
.session-count-badge.has-sessions {
  background: linear-gradient(135deg, #667eea1f, #764ba21a);
  color: #4c51bf;
  border: 1px solid rgba(102, 126, 234, 0.2);
}
.session-count-badge.no-sessions {
  background: #f1f5f9;
  color: #94a3b8;
  border: 1px solid #e2e8f0;
}
.status-badge.active {
  background: #d1fae5;
  color: #065f46;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
.status-badge.inactive {
  background: #fee2e2;
  color: #991b1b;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
.text-warning,
svg[data-icon="exclamation-triangle"],
.fa-exclamation-triangle,
.p-dialog .p-dialog-header svg,
.p-dialog .p-dialog-content svg {
  color: #ffc107 !important;
}
@media (max-width: 768px) {
  .premium-card-body {
    padding: 1.5rem;
  }
  .card.mb-3 .d-flex.justify-content-between {
    flex-direction: column;
    align-items: stretch;
  }
  .card.mb-3 .btn-outline-danger {
    align-self: flex-end;
  }
  .session-card {
    min-width: 100%;
  }
  .session-card-name {
    white-space: normal;
  }
  .action-buttons-container {
    justify-content: center;
  }
}
.new-card {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  padding: 18px;
  border-radius: 18px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow:
    0 10px 25px #6366f14d,
    0 4px 12px #8b5cf633;
  transition: all 0.35s ease;
}
.new-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 20px 45px #6366f166,
    0 10px 20px #8b5cf647;
}
.sa-label {
  font-size: 11px;
  font-weight: 800;
  color: #4e73df;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
  display: block;
  text-transform: uppercase;
  text-align: left;
}
.sa-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #a3b1cc;
  font-size: 14px;
  z-index: 10;
}
.sa-modern-input {
  padding-left: 40px !important;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #e3e6f0;
  font-size: 14px;
}
.sa-page-content {
  background-color: #fff;
}
.sa-form {
  margin-bottom: 50px;
}
.sa-btn-clear {
  height: 45px;
  border-radius: 8px;
}
.sa-btn-search {
  height: 50px;
  border-radius: 8px;
  font-weight: 700;
  min-width: 220px;
  background-color: #4e73df;
  border: none;
  color: #fff;
}
.sa-table-container {
  margin-bottom: 50px;
}
.sa-btn-assign {
  height: 44px;
  border-radius: 8px;
  font-weight: 700;
  min-width: 140px;
}
.sa-modal-overlay {
  background-color: #0000008c;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 1050;
}
.sa-modal-content {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px #0000004d;
}
.sa-modal-header {
  background: linear-gradient(135deg, #4e73df, #224abe);
  border-bottom: none;
  padding: 18px 24px;
}
.sa-modal-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sa-modal-title-icon {
  font-size: 20px;
  color: #ffffffd9;
}
.sa-modal-header .modal-title {
  color: #fff;
  font-weight: 700;
  font-size: 17px;
}
.sa-modal-body {
  padding: 24px;
  max-height: 65vh;
  overflow-y: auto;
  text-align: left;
}
.sa-modal-footer {
  border-top: 1px solid #e3e6f0;
  padding: 16px 24px;
  background: #f8f9fc;
}
.sa-summary-badge {
  display: flex;
  align-items: center;
  gap: 0;
  background: linear-gradient(135deg, #f0f4ff, #e8ecf8);
  border: 1px solid #d1d9f0;
  border-radius: 10px;
  padding: 12px 20px;
}
.sa-summary-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: #5a5c69;
  flex: 1;
  justify-content: center;
}
.sa-summary-item i {
  color: #4e73df;
  font-size: 14px;
}
.sa-summary-item strong {
  color: #2e3a59;
  font-size: 15px;
}
.sa-summary-divider {
  width: 1px;
  height: 28px;
  background: #c5cde0;
  margin: 0 16px;
}
.sa-details-card {
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.sa-details-header {
  background: linear-gradient(135deg, #f8f9fc, #edf0f7);
  padding: 12px 18px;
  font-size: 12px;
  font-weight: 700;
  color: #4e73df;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-bottom: 1px solid #e3e6f0;
  text-align: left;
}
.sa-details-body {
  padding: 16px 18px;
}
.sa-detail-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  text-align: left;
}
.sa-detail-label {
  font-size: 10.5px;
  font-weight: 700;
  color: #858796;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sa-detail-value {
  font-size: 14px;
  font-weight: 600;
  color: #2e3a59;
}
.sa-code-badge {
  font-family:
    Courier New,
    Courier,
    monospace;
  background: #f0f2f8;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12.5px;
  display: inline-block;
  width: fit-content;
}
.sa-type-badge {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}
.sa-type-normal {
  background: #e8f5e9;
  color: #2e7d32;
}
.sa-type-special {
  background: #fff3e0;
  color: #e65100;
}
.sa-multiselect-wrapper {
  position: relative;
}
.sa-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 8px 14px;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  cursor: pointer;
  background: #fff;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.sa-multiselect-trigger:hover {
  border-color: #b7c2e0;
}
.sa-multiselect-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
}
.sa-multiselect-placeholder {
  color: #a3b1cc;
  font-size: 14px;
}
.sa-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #4e73df, #3b5ec4);
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  animation: sa-tagIn 0.2s ease;
}
@keyframes sa-tagIn {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.sa-tag-remove {
  cursor: pointer;
  font-size: 10px;
  opacity: 0.75;
  transition: opacity 0.15s;
}
.sa-tag-remove:hover {
  opacity: 1;
}
.sa-multiselect-arrow {
  color: #a3b1cc;
  font-size: 12px;
  transition: transform 0.2s;
  margin-left: 8px;
  flex-shrink: 0;
}
.sa-arrow-up {
  transform: rotate(180deg);
}
.sa-multiselect-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  box-shadow: 0 8px 24px #0000001f;
  z-index: 100;
  max-height: 200px;
  overflow-y: auto;
  animation: sa-dropIn 0.15s ease;
}
@keyframes sa-dropIn {
  0% {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sa-multiselect-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  font-size: 13.5px;
  color: #2e3a59;
  transition: background 0.15s;
  margin: 0;
}
.sa-multiselect-option:hover {
  background: #f0f4ff;
}
.sa-multiselect-option input[type="checkbox"] {
  accent-color: #4e73df;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.sa-multiselect-empty {
  padding: 16px;
  text-align: center;
  color: #a3b1cc;
  font-size: 13px;
}
.sa-textarea {
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  font-size: 14px;
  padding: 12px 14px;
  resize: vertical;
  transition: border-color 0.2s;
}
.sa-textarea:focus {
  border-color: #4e73df;
  box-shadow: 0 0 0 3px #4e73df1f;
}
.sa-btn-apply {
  font-weight: 700;
  border-radius: 8px;
  min-width: 180px;
  height: 44px;
}
.sa-stats-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.sa-stat-card {
  flex: 1;
  min-width: 160px;
  padding: 1rem 1.25rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  border: 1px solid #f0f2f5;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px #0000000a;
}
.sa-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #00000014;
}
.sa-stat-card.total {
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
}
.sa-stat-card.pending {
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
}
.sa-stat-card.approved {
  background: linear-gradient(135deg, #ecfdf5, #d1fae5);
}
.sa-stat-card.rejected {
  background: linear-gradient(135deg, #fef2f2, #fecaca);
}
.sa-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #fff;
}
.sa-stat-card.total .sa-stat-icon {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}
.sa-stat-card.pending .sa-stat-icon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}
.sa-stat-card.approved .sa-stat-icon {
  background: linear-gradient(135deg, #10b981, #059669);
}
.sa-stat-card.rejected .sa-stat-icon {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.sa-stat-info h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}
.sa-stat-info p {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sa-checkbox {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  background: #fff;
  vertical-align: middle;
}
.sa-checkbox:checked {
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  border-color: #7c3aed;
}
.sa-checkbox:checked:after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.sa-checkbox:hover {
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px #7c3aed1a;
}
.sa-checkbox:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sa-checkbox.indeterminate {
  background: linear-gradient(135deg, #a78bfa, #8b5cf6);
  border-color: #8b5cf6;
}
.sa-checkbox.indeterminate:after {
  content: "−";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.sa-student-name {
  font-weight: 600;
  color: #1f2937;
}
.sa-batch-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.6rem;
  background: linear-gradient(135deg, #ede9fe, #ddd6fe);
  color: #6d28d9;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}
.sa-scholarship-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 0.4rem;
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  color: #fff;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
}
.sa-inner-wrapper {
  overflow: hidden;
  animation: saSlideDown 0.3s ease;
  padding: 0.25rem 0;
}
@keyframes saSlideDown {
  0% {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}
.sa-inner-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.sa-inner-table thead th {
  padding: 0.6rem 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #7c3aed;
  background: linear-gradient(135deg, #f5f3ff, #ede9fe);
  border-bottom: 1px solid #ddd6fe;
  text-align: left;
}
.sa-inner-table tbody td {
  padding: 0.6rem 1rem;
  font-size: 0.82rem;
  color: #4b5563;
  border-bottom: 1px solid #f0ecf9;
  background: transparent;
}
.sa-inner-table tbody tr:last-child td {
  border-bottom: none;
}
.sa-inner-table tbody tr:hover {
  background: #f0ecf9;
}
.sa-status {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.65rem;
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.sa-status.pending {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}
.sa-status.approved {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.sa-status.rejected {
  background: #fecaca;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
.sa-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.sa-status.pending .sa-status-dot {
  background: #f59e0b;
}
.sa-status.approved .sa-status-dot {
  background: #10b981;
}
.sa-status.rejected .sa-status-dot {
  background: #ef4444;
}
.sa-remark-text {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6b7280;
  font-style: italic;
  font-size: 0.8rem;
}
.sa-percentage {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e40af;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 700;
}
.sa-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.sa-action-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.sa-remark-input {
  padding: 0.5rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.85rem;
  width: 280px;
  transition: all 0.2s ease;
  background: #fff;
}
.sa-remark-input:focus {
  outline: none;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px #8b5cf61f;
}
.sa-selected-count {
  font-size: 0.8rem;
  color: #6b7280;
  padding: 0.4rem 0.75rem;
  background: #f3f4f6;
  border-radius: 20px;
  font-weight: 500;
}
.sa-selected-count strong {
  color: #7c3aed;
}
.sa-action-buttons {
  display: flex;
  gap: 0.6rem;
}
.sa-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 1.25rem;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.2px;
}
.sa-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
.sa-btn-approve {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  box-shadow: 0 2px 8px #10b98140;
}
.sa-btn-approve:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #10b98159;
}
.sa-btn-reject {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  box-shadow: 0 2px 8px #ef444440;
}
.sa-btn-reject:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #ef444459;
}
.sa-status-filter {
  padding: 0.5rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.85rem;
  background: #fff;
  color: #374151;
  cursor: pointer;
  min-width: 130px;
}
.sa-status-filter:focus {
  outline: none;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px #8b5cf61f;
}
.sa-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0000008c;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1060;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  animation: saFadeIn 0.2s ease;
}
@keyframes saFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sa-modal {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px #0003;
  width: 100%;
  max-width: 480px;
  animation: saModalSlide 0.3s ease;
  overflow: hidden;
}
@keyframes saModalSlide {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.sa-modal-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sa-modal-header h3 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2937;
}
.sa-modal-close {
  background: none;
  border: none;
  font-size: 1.4rem;
  color: #9ca3af;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s;
}
.sa-modal-close:hover {
  background: #f3f4f6;
  color: #374151;
}
.sa-modal-body {
  padding: 1.5rem;
  text-align: center;
}
.sa-modal-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 1.75rem;
}
.sa-modal-icon.approve {
  background: #d1fae5;
  color: #059669;
}
.sa-modal-icon.reject {
  background: #fecaca;
  color: #dc2626;
}
.sa-modal-body p {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  color: #374151;
  line-height: 1.5;
}
.sa-modal-count {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: #f9fafb;
  border-radius: 8px;
  display: inline-block;
}
.sa-modal-count strong {
  color: #7c3aed;
}
.sa-modal-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: flex-end;
  gap: 0.6rem;
  background: #fafbfc;
}
.sa-btn-cancel {
  padding: 0.5rem 1.25rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.sa-btn-cancel:hover {
  background: #f3f4f6;
}
.sa-btn-confirm {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s;
}
.sa-btn-confirm.approve {
  background: linear-gradient(135deg, #10b981, #059669);
}
.sa-btn-confirm.approve:hover {
  box-shadow: 0 4px 12px #10b98159;
}
.sa-btn-confirm.reject {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.sa-btn-confirm.reject:hover {
  box-shadow: 0 4px 12px #ef444459;
}
.sa-modal-input-container {
  margin: 1.25rem 0;
  text-align: left;
}
.sa-modal-remark-input {
  width: 100%;
  background: #f9fafb;
}
.sa-glowing-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
  animation: saGlowPulse 2s infinite alternate;
}
.sa-glowing-icon {
  font-size: 1.1rem;
  color: #ef4444;
}
@keyframes saGlowPulse {
  0% {
    box-shadow: 0 0 4px #ef444433;
    border-color: #fca5a5;
  }
  to {
    box-shadow: 0 0 12px #ef444499;
    border-color: #ef4444;
  }
}
@media (max-width: 768px) {
  .sa-stats-row {
    flex-direction: column;
  }
  .sa-action-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .sa-remark-input {
    width: 100%;
  }
  .sa-action-buttons {
    justify-content: stretch;
  }
  .sa-action-buttons .sa-btn {
    flex: 1;
    justify-content: center;
  }
}
._container_2g060_1 {
  padding: 2rem;
  max-width: 800px;
  margin: 0 auto;
  font-family: Inter, sans-serif;
}
._header_2g060_8 {
  margin-bottom: 2rem;
  text-align: center;
}
._title_2g060_13 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.5rem;
}
._subtitle_2g060_20 {
  color: #64748b;
  font-size: 0.95rem;
}
._card_2g060_25 {
  background: #fff;
  border-radius: 12px;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -1px #0000000f;
  padding: 2rem;
}
._formGroup_2g060_32 {
  margin-bottom: 1.5rem;
}
._formRow_2g060_36 {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
._formCol_2g060_42 {
  flex: 1;
}
._label_2g060_46 {
  display: block;
  font-weight: 600;
  color: #334155;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
._input_2g060_54 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.95rem;
  color: #1e293b;
  transition: all 0.2s ease;
  background-color: #f8fafc;
}
._input_2g060_54:focus {
  outline: none;
  border-color: #3b82f6;
  background-color: #fff;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._divider_2g060_72 {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 2rem 0;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}
._divider_2g060_72:before,
._divider_2g060_72:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #e2e8f0;
}
._divider_2g060_72:before {
  margin-right: 1rem;
}
._divider_2g060_72:after {
  margin-left: 1rem;
}
._btnContainer_2g060_98 {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
._submitBtn_2g060_104 {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-weight: 600;
  padding: 0.75rem 2.5rem;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px #3b82f64d;
}
._submitBtn_2g060_104:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 8px -1px #3b82f666;
}
._submitBtn_2g060_104:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
._messageContainer_2g060_129 {
  margin-top: 1.5rem;
  padding: 1rem;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
}
._successMessage_2g060_137 {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
._errorMessage_2g060_143 {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
._progressContainer_2g060_150 {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, #f0f4ff, #e8f0fe);
  border: 1px solid #c7d2fe;
  border-radius: 10px;
  animation: _progressFadeIn_2g060_1 0.3s ease;
}
@keyframes _progressFadeIn_2g060_1 {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._progressHeader_2g060_164 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
._progressLabel_2g060_171 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #3730a3;
  display: flex;
  align-items: center;
}
._progressCount_2g060_179 {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6366f1;
  background: #6366f11a;
  padding: 2px 10px;
  border-radius: 12px;
}
._progressBarTrack_2g060_188 {
  width: 100%;
  height: 10px;
  background: #e0e7ff;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
._progressBarFill_2g060_197 {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #a78bfa);
  border-radius: 6px;
  transition: width 0.4s ease;
  position: relative;
  background-size: 200% 100%;
  animation: _progressShimmer_2g060_1 1.5s ease infinite;
}
@keyframes _progressShimmer_2g060_1 {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
._progressStats_2g060_212 {
  display: flex;
  gap: 1.25rem;
  font-size: 0.8rem;
  font-weight: 600;
}
._progressStatSuccess_2g060_219 {
  color: #16a34a;
  display: flex;
  align-items: center;
  gap: 4px;
}
._progressStatFailed_2g060_226 {
  color: #dc2626;
  display: flex;
  align-items: center;
  gap: 4px;
}
._wrapper_17z8e_2 {
  margin: 0 auto;
}
._header_17z8e_7 {
  margin-bottom: 2rem;
  text-align: center;
}
._title_17z8e_12 {
  font-size: 2.5rem;
  font-weight: 800;
  background: linear-gradient(135deg, #1e40af, #3b82f6, #6366f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.75rem;
  letter-spacing: -0.025em;
}
._subtitle_17z8e_23 {
  color: #64748b;
  font-size: 1.125rem;
  font-weight: 500;
  max-width: 600px;
  margin: 0 auto;
}
._filterSection_17z8e_32 {
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -1px #0000000f,
    0 0 0 1px #0000000d;
  border: 1px solid #e2e8f0;
  padding: 2rem;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
._filterSection_17z8e_32:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
}
._filterHeader_17z8e_56 {
  margin-bottom: 2rem;
  text-align: center;
}
._filterTitle_17z8e_61 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
._filterIcon_17z8e_71 {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.75rem;
  color: #3b82f6;
}
._filterSubtitle_17z8e_78 {
  color: #64748b;
  font-size: 1rem;
  line-height: 1.5;
}
._filterButtons_17z8e_84 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 768px) {
  ._filterButtons_17z8e_84 {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
}
._filterButton_17z8e_84 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  border: 2px solid transparent;
  border-radius: 12px;
  background: #fff;
  color: #64748b;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
._filterButton_17z8e_84:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: left 0.5s;
}
._filterButton_17z8e_84:hover:before {
  left: 100%;
}
._filterButton_17z8e_84:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -8px #0003;
}
._filterButtonIcon_17z8e_135 {
  height: 2rem;
  width: 2rem;
  margin-bottom: 0.75rem;
  transition: transform 0.3s ease;
}
._filterButton_17z8e_84:hover ._filterButtonIcon_17z8e_135 {
  transform: scale(1.1);
}
._filterButtonText_17z8e_146 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._filterApproved_17z8e_153 {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  border-color: #10b981;
}
._filterApproved_17z8e_153._active_17z8e_159,
._filterApproved_17z8e_153:hover {
  background: linear-gradient(135deg, #059669, #047857);
  box-shadow: 0 8px 25px -8px #10b98166;
}
._filterRejected_17z8e_165 {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  border-color: #ef4444;
}
._filterRejected_17z8e_165._active_17z8e_159,
._filterRejected_17z8e_165:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  box-shadow: 0 8px 25px -8px #ef444466;
}
._filterPending_17z8e_177 {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff;
  border-color: #f59e0b;
}
._filterPending_17z8e_177._active_17z8e_159,
._filterPending_17z8e_177:hover {
  background: linear-gradient(135deg, #d97706, #b45309);
  box-shadow: 0 8px 25px -8px #f59e0b66;
}
._filterTotal_17z8e_189 {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  border-color: #6366f1;
}
._filterTotal_17z8e_189._active_17z8e_159,
._filterTotal_17z8e_189:hover {
  background: linear-gradient(135deg, #4f46e5, #4338ca);
  box-shadow: 0 8px 25px -8px #6366f166;
}
._tableSection_17z8e_202 {
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -1px #0000000f;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
._tableControls_17z8e_212 {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
._searchBox_17z8e_223 {
  flex: 1;
  max-width: 400px;
}
._searchContainer_17z8e_228 {
  position: relative;
  display: flex;
  align-items: center;
}
._searchIcon_17z8e_234 {
  position: absolute;
  left: 12px;
  height: 1.25rem;
  width: 1.25rem;
  color: #6b7280;
  z-index: 1;
}
._searchInput_17z8e_243 {
  width: 100%;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  background: #fff;
}
._searchInput_17z8e_243:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._exportButtons_17z8e_259 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
._exportBtn_17z8e_265 {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px #3b82f633;
}
._exportBtn_17z8e_265:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #3b82f64d;
}
._exportIcon_17z8e_286 {
  height: 1rem;
  width: 1rem;
  margin-right: 0.5rem;
}
._tableWrapper_17z8e_293 {
  padding: 1.5rem;
}
._tableHeader_17z8e_297 {
  padding: 1rem 0;
  border-bottom: 2px solid #e2e8f0;
  margin-bottom: 1rem;
}
._tableHeader_17z8e_297 h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}
._dataTable_17z8e_310 {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
._dataTable_17z8e_310 ._p-datatable-header_17z8e_317 {
  background: transparent;
  border: none;
  padding: 0;
}
._dataTable_17z8e_310 ._p-datatable-thead_17z8e_323 > tr > th {
  background: #f8fafc;
  color: #374151;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #e2e8f0;
  padding: 1rem 0.75rem;
}
._dataTable_17z8e_310 ._p-datatable-tbody_17z8e_334 > tr {
  transition: background-color 0.2s ease;
}
._dataTable_17z8e_310 ._p-datatable-tbody_17z8e_334 > tr:hover {
  background: #f8fafc;
}
._dataTable_17z8e_310 ._p-datatable-tbody_17z8e_334 > tr > td {
  padding: 1rem 0.75rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
._dataTable_17z8e_310 ._p-paginator_17z8e_348 {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 1rem;
}
._actionButtons_17z8e_355 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._actionBtn_17z8e_361 {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
._actionIcon_17z8e_375 {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.25rem;
}
._approveBtn_17z8e_381 {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
}
._approveBtn_17z8e_381:hover {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-1px);
}
._rejectBtn_17z8e_391 {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
}
._rejectBtn_17z8e_391:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  transform: translateY(-1px);
}
._printBtn_17z8e_401 {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
}
._printBtn_17z8e_401:hover {
  background: linear-gradient(135deg, #4f46e5, #4338ca);
  transform: translateY(-1px);
}
._noAction_17z8e_411 {
  color: #9ca3af;
  font-style: italic;
  font-size: 0.875rem;
}
._statusBadge_17z8e_418 {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._statusApproved_17z8e_429 {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
._statusRejected_17z8e_435 {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
._statusPending_17z8e_441 {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fed7aa;
}
._monoFont_17z8e_448 {
  font-family:
    Monaco,
    Menlo,
    Ubuntu Mono,
    monospace;
  font-size: 0.8rem;
  background: #f1f5f9;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}
._capitalize_17z8e_456 {
  text-transform: capitalize;
  font-weight: 600;
}
._modalOverlay_17z8e_462 {
  position: fixed;
  top: 61px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0009;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
  animation: _fadeIn_17z8e_1 0.2s ease-out;
}
._modal_17z8e_462 {
  background: #fff;
  border-radius: 16px;
  box-shadow:
    0 20px 25px -5px #0000001a,
    0 10px 10px -5px #0000000a;
  width: 100%;
  max-width: 600px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _slideUp_17z8e_1 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes _fadeIn_17z8e_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_17z8e_1 {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._modalHeader_17z8e_509 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  flex-shrink: 0;
}
._modalTitle_17z8e_519 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b;
}
._closeButton_17z8e_525 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: #e2e8f0;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._closeButton_17z8e_525:hover {
  background: #cbd5e1;
  color: #475569;
}
._closeIcon_17z8e_544 {
  height: 1rem;
  width: 1rem;
}
._modalBody_17z8e_549 {
  padding: 1rem 1.5rem;
  overflow-y: auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
._modalBody_17z8e_549::-webkit-scrollbar {
  width: 6px;
}
._modalBody_17z8e_549::-webkit-scrollbar-track {
  background: transparent;
}
._modalBody_17z8e_549::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 3px;
}
._paymentDetails_17z8e_572 {
  background: #f8fafc;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #e2e8f0;
}
._detailRow_17z8e_580 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e2e8f0;
}
._detailRow_17z8e_580:last-child {
  border-bottom: none;
}
._detailLabel_17z8e_592 {
  font-weight: 600;
  color: #374151;
  font-size: 0.875rem;
}
._detailValue_17z8e_598 {
  color: #1f2937;
  font-weight: 500;
  text-align: right;
  max-width: 60%;
  word-break: break-word;
}
._amountDisplay_17z8e_606 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border-radius: 12px;
  border: 1px solid #bbf7d0;
  margin-bottom: 1.5rem;
}
._amountLabel_17z8e_617 {
  font-weight: 600;
  color: #166534;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._amountValue_17z8e_625 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #15803d;
  font-family:
    Monaco,
    Menlo,
    Ubuntu Mono,
    monospace;
}
._warningMessage_17z8e_632 {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  background: linear-gradient(135deg, #fef7cd, #fef3c7);
  border-radius: 8px;
  border-left: 4px solid #f59e0b;
  margin-bottom: 1.5rem;
}
._warningIcon_17z8e_642 {
  height: 1.25rem;
  width: 1.25rem;
  color: #d97706;
  margin-right: 0.75rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
._warningContent_17z8e_651 {
  flex: 1;
}
._warningTitle_17z8e_655 {
  font-weight: 600;
  color: #92400e;
  margin-bottom: 0.25rem;
}
._warningText_17z8e_661 {
  color: #a16207;
  font-size: 0.875rem;
}
._inputGroup_17z8e_666 {
  margin-bottom: 1.5rem;
}
._inputLabel_17z8e_670 {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
._input_17z8e_666 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  font-family:
    Monaco,
    Menlo,
    Ubuntu Mono,
    monospace;
}
._input_17z8e_666:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._input_17z8e_666::placeholder {
  color: #9ca3af;
}
._select_17z8e_698 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1f2937;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.875rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
._select_17z8e_698:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._select_17z8e_698:hover {
  border-color: #cbd5e1;
}
._errorText_17z8e_728 {
  color: #dc2626;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  font-weight: 500;
}
._modalFooter_17z8e_735 {
  display: flex;
  gap: 1rem;
  padding: 0.75rem 1.5rem;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
}
._cancelBtn_17z8e_744 {
  flex: 1;
  padding: 0.875rem 1.5rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelBtn_17z8e_744:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}
._approveModalBtn_17z8e_761 {
  flex: 1;
  padding: 0.875rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._approveModalBtn_17z8e_761:hover:not(:disabled) {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #10b9814d;
}
._approveModalBtn_17z8e_761:disabled {
  background: #d1d5db;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
@media (max-width: 768px) {
  ._container_17z8e_788 {
    padding: 1rem;
  }
  ._modalOverlay_17z8e_462 {
    padding: 0.5rem;
    align-items: flex-end;
  }
  ._modal_17z8e_462 {
    max-height: 90vh;
    border-radius: 16px 16px 0 0;
  }
  ._modalHeader_17z8e_509 {
    padding: 0.625rem 1rem;
  }
  ._modalTitle_17z8e_519 {
    font-size: 1.05rem;
  }
  ._warningMessage_17z8e_632 {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
  }
  ._warningTitle_17z8e_655 {
    font-size: 0.8125rem;
  }
  ._warningText_17z8e_661 {
    font-size: 0.75rem;
  }
  ._amountDisplay_17z8e_606 {
    flex-direction: column;
    text-align: center;
    gap: 0.2rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }
  ._amountValue_17z8e_625 {
    font-size: 1.25rem;
  }
  ._paymentDetails_17z8e_572 {
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }
  ._detailLabel_17z8e_592 {
    font-size: 0.8125rem;
  }
  ._detailValue_17z8e_598 {
    font-size: 0.8125rem;
    text-align: left;
    max-width: 100%;
  }
  ._title_17z8e_12 {
    font-size: 2rem;
  }
  ._filterSection_17z8e_32,
  ._tableSection_17z8e_202 {
    padding: 1.5rem;
    border-radius: 12px;
  }
  ._tableControls_17z8e_212 {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  ._searchBox_17z8e_223 {
    max-width: none;
  }
  ._exportButtons_17z8e_259 {
    justify-content: center;
  }
  ._modalBody_17z8e_549 {
    padding: 0.75rem;
  }
  ._inputGroup_17z8e_666 {
    margin-bottom: 0.875rem;
  }
  ._inputLabel_17z8e_670 {
    font-size: 0.8125rem;
    margin-bottom: 0.375rem;
  }
  ._select_17z8e_698,
  ._input_17z8e_666 {
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem;
  }
  ._modalFooter_17z8e_735 {
    flex-direction: column;
    padding: 0.625rem 1rem;
    gap: 0.5rem;
  }
  ._cancelBtn_17z8e_744,
  ._approveModalBtn_17z8e_761 {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
  ._detailRow_17z8e_580 {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.25rem;
  }
}
@media (max-width: 480px) {
  ._actionButtons_17z8e_355 {
    flex-direction: column;
  }
  ._actionBtn_17z8e_361 {
    justify-content: center;
    width: 100%;
  }
  ._modalOverlay_17z8e_462 {
    padding: 0;
  }
  ._modal_17z8e_462 {
    max-width: 100%;
    max-height: 95vh;
    border-radius: 12px 12px 0 0;
  }
  ._modalHeader_17z8e_509,
  ._modalBody_17z8e_549,
  ._modalFooter_17z8e_735 {
    padding: 0.5rem 0.75rem;
  }
  ._paymentDetails_17z8e_572 {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._detailRow_17z8e_580 {
    padding: 0.375rem 0;
  }
  ._amountDisplay_17z8e_606 {
    padding: 0.625rem;
    margin-bottom: 0.5rem;
  }
  ._warningMessage_17z8e_632 {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._inputGroup_17z8e_666 {
    margin-bottom: 0.75rem;
  }
  ._tableWrapper_17z8e_293 {
    padding: 1rem;
  }
}
._deleteBtn_17z8e_977 {
  background-color: #500008;
  color: #fff;
}
._deleteBtn_17z8e_977:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #10b9814d;
  background-color: #500008;
}
._consultantFilterWrap_17z8e_989 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
._toggleGroup_17z8e_996 {
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #4f46e5;
  flex-shrink: 0;
  height: 34px;
}
._toggleBtn_17z8e_1005 {
  padding: 0 0.7rem;
  font-size: 0.78rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  line-height: 32px;
}
._toggleBtnActive_17z8e_1016 {
  background-color: #4f46e5;
  color: #fff;
}
._toggleBtnInactive_17z8e_1021 {
  background-color: #fff;
  color: #4f46e5;
}
._toggleBtnInactive_17z8e_1021:hover {
  background-color: #eef2ff;
}
._consultantDropdown_17z8e_1030 {
  min-width: 200px;
  max-width: 260px;
  font-size: 0.84rem;
  flex: 1 1 auto;
}
@media (max-width: 992px) {
  ._consultantFilterWrap_17z8e_989 {
    gap: 0.4rem;
  }
  ._consultantDropdown_17z8e_1030 {
    min-width: 170px;
    max-width: 220px;
  }
}
@media (max-width: 768px) {
  ._consultantFilterWrap_17z8e_989 {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
  }
  ._toggleGroup_17z8e_996 {
    height: 30px;
  }
  ._toggleBtn_17z8e_1005 {
    font-size: 0.72rem;
    padding: 0 0.55rem;
    line-height: 28px;
  }
  ._consultantDropdown_17z8e_1030 {
    min-width: 150px;
    max-width: 200px;
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  ._consultantFilterWrap_17z8e_989 {
    width: 100%;
    justify-content: stretch;
  }
  ._toggleGroup_17z8e_996 {
    flex-shrink: 0;
  }
  ._consultantDropdown_17z8e_1030 {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 0;
  }
}
._statCard_j7hb7_1 {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 20px #00000014;
  border: 1px solid #f0f0f0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._statCard_j7hb7_1:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px #0000001f;
}
._statHeader_j7hb7_22 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
._statTitle_j7hb7_29 {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
._statIcon_j7hb7_38 {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
._statIcon_j7hb7_38:hover {
  transform: scale(1.05) rotate(5deg);
}
._statValue_j7hb7_53 {
  font-size: 48px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1;
  margin-top: auto;
}
._topAccent_j7hb7_61 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
}
._form_10m3y_1 {
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
._paymentContainer_10m3y_7 {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px #0000001a;
}
._paymentTable_10m3y_14 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
._paymentTable_10m3y_14 th {
  background-color: #f5f5f5;
  padding: 12px 15px;
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
  color: #333;
}
._paymentTable_10m3y_14 td {
  padding: 12px 15px;
  border-bottom: 1px solid #eee;
  color: #555;
}
._paymentTable_10m3y_14 tbody tr:hover {
  background-color: #f9f9f9;
}
._checkbox_10m3y_39 {
  margin-right: 8px;
  transform: scale(1.2);
}
._checkboxLabel_10m3y_44 {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
._noData_10m3y_49 {
  text-align: center;
  color: #999;
  font-style: italic;
  padding: 40px !important;
}
._totalRow_10m3y_56 {
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 4px;
}
._totalAmount_10m3y_66 {
  color: #007bff;
  font-weight: 700;
}
._payButton_10m3y_71 {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
  margin-left: auto;
}
._payButton_10m3y_71:hover {
  background-color: #0056b3;
}
._payButton_10m3y_71:active {
  transform: translateY(1px);
}
._payButton_10m3y_71:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  ._paymentContainer_10m3y_7 {
    padding: 10px;
  }
  ._paymentTable_10m3y_14 {
    font-size: 14px;
  }
  ._paymentTable_10m3y_14 th,
  ._paymentTable_10m3y_14 td {
    padding: 8px 10px;
  }
  ._totalRow_10m3y_56 {
    font-size: 16px;
    text-align: center;
  }
  ._payButton_10m3y_71 {
    width: 100%;
    margin-left: 0;
  }
}
._financeDashboard_1vm56_1 {
  min-height: calc(100vh - 135px);
  padding: 24px;
  background-color: #f8fafc;
}
._dashboardHeader_1vm56_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 16px;
  gap: 16px;
  flex-wrap: wrap;
}
._dashboardTitle_1vm56_19 {
  font-size: 26px;
  line-height: 1.2;
  color: #0f172a;
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
._dashboardSubtitle_1vm56_28 {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  font-weight: 400;
}
._dashboardHeaderRight_1vm56_35 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
._dashboardDateTime_1vm56_42 {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  background: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 1px 3px #00000005;
  white-space: nowrap;
}
._nationalitySwitch_1vm56_54 {
  display: inline-flex;
  background-color: #f1f5f9;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 999px;
  padding: 3px;
  position: relative;
  gap: 2px;
  align-items: center;
}
._switchBtn_1vm56_65 {
  background: transparent;
  border: none;
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
._switchBtn_1vm56_65:hover:not(:disabled):not(._active_1vm56_82) {
  color: #0f172a;
}
._switchBtn_1vm56_65._active_1vm56_82 {
  background-color: #fff;
  color: #4f46e5;
  box-shadow:
    0 1px 3px #00000014,
    0 1px 2px #0000000a;
}
._switchBtn_1vm56_65:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._universitySelect_1vm56_97 {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
._universitySelect_1vm56_97:focus {
  outline: none;
  border-color: #4caf50;
  box-shadow: 0 0 0 2px #4caf501a;
}
._cardsSection_1vm56_115 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
._summaryCard_1vm56_122 {
  grid-column: span 4;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-left: 4px solid var(--financeCard-accentColor, #cbd5e1);
  border-radius: 16px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
._summaryCard_1vm56_122:hover {
  transform: translateY(-4px);
  box-shadow:
    0 20px 25px -5px #0000000f,
    0 10px 10px -5px #00000005;
  border-color: var(--financeCard-hoverBorder);
  border-left-color: var(--financeCard-hoverBorder);
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    var(--financeCard-hoverGlow) 100%
  );
}
._summaryCard_1vm56_122:nth-child(1) {
  --financeCard-accentColor: #4f46e5;
  --financeCard-hoverGlow: rgba(79, 70, 229, 0.05);
  --financeCard-hoverBorder: #4f46e5;
}
._summaryCard_1vm56_122:nth-child(2) {
  --financeCard-accentColor: #10b981;
  --financeCard-hoverGlow: rgba(16, 185, 129, 0.05);
  --financeCard-hoverBorder: #10b981;
}
._summaryCard_1vm56_122:nth-child(3) {
  --financeCard-accentColor: #3b82f6;
  --financeCard-hoverGlow: rgba(59, 130, 246, 0.05);
  --financeCard-hoverBorder: #3b82f6;
}
._cardHeader_1vm56_164 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
  position: relative;
}
._cardContent_1vm56_172 {
  flex: 1;
}
._cardHeader_1vm56_164 h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._count_1vm56_185 {
  font-size: 34px;
  font-weight: 800;
  color: #0f172a;
  margin: 12px 0;
  line-height: 1;
  letter-spacing: -0.03em;
}
._countAnimated_1vm56_194 {
  animation: _countUp_1vm56_1 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes _countUp_1vm56_1 {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._badgePay_1vm56_209 {
  font-size: 11px;
  color: #475569;
  font-weight: 700;
  background-color: #f1f5f9;
  padding: 4px 10px;
  border-radius: 999px;
  display: inline-block;
}
._cardIcon_1vm56_219 {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: #f1f5f9;
  color: #64748b;
  margin-left: 20px;
  flex-shrink: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
._summaryCard_1vm56_122:hover ._cardIcon_1vm56_219 {
  background: var(--financeCard-hoverBorder);
  color: #fff;
  transform: scale(1.05);
}
._chartsSection_1vm56_241 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
._chartCard_1vm56_247 {
  grid-column: span 6;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 16px;
  padding: 20px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  ._chartsSection_1vm56_241 {
    grid-template-columns: repeat(12, 1fr);
  }
  ._chartCard_1vm56_247 {
    grid-column: span 12;
  }
}
@media (max-width: 900px) {
  ._summaryCard_1vm56_122 {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  ._financeDashboard_1vm56_1 {
    padding: 15px;
  }
  ._cardsSection_1vm56_115 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  ._cardHeader_1vm56_164 {
    padding: 15px;
  }
  ._count_1vm56_185 {
    font-size: 28px;
  }
  ._cardIcon_1vm56_219 {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-left: 15px;
  }
  ._chartsSection_1vm56_241 {
    gap: 15px;
  }
  ._chartContainer_1vm56_302 {
    height: 300px;
    padding: 10px;
  }
}
@media (max-width: 576px) {
  ._cardHeader_1vm56_164 {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  ._cardIcon_1vm56_219 {
    margin-left: 0;
    margin-bottom: 10px;
  }
  ._chartsSection_1vm56_241 {
    grid-template-columns: 1fr;
  }
  ._chartContainer_1vm56_302 {
    height: 280px;
  }
}
._formControl_1vm56_330 {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
._chartContainer_1vm56_302:empty:after {
  content: "Loading chart...";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #6c757d;
  font-style: italic;
}
._chartContainer_1vm56_302::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
._chartContainer_1vm56_302::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
._chartContainer_1vm56_302::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}
._chartContainer_1vm56_302::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
._fullscreenContainer_1vm56_378 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fffffff2;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
._fullscreenHeader_1vm56_391 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
._fullscreenTitle_1vm56_400 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
._fullscreenCloseBtn_1vm56_407 {
  padding: 8px 16px;
  background: #ff4757;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
}
._fullscreenCloseBtn_1vm56_407:hover {
  background: #ff3838;
}
._fullscreenCloseBtn_1vm56_407:active {
  background: #ee2737;
}
._fullscreenChartContainer_1vm56_430 {
  flex: 1;
  width: 100%;
  min-height: 0;
}
._fullscreenBtn_1vm56_436 {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  box-shadow: 0 1px 3px #00000005;
}
._fullscreenBtn_1vm56_436:hover {
  color: #4f46e5;
  border-color: #cbd5e1;
  background-color: #f8fafc;
  box-shadow: 0 4px 6px -1px #0000000d;
}
._fullscreenBtn_1vm56_436:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes _shimmer_72ftm_12 {
  0% {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
._shimmerWrapper_72ftm_12 {
  position: relative;
  overflow: hidden;
}
._shimmerBox_72ftm_18 {
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0);
  background-size: 1000px 100%;
  animation: _shimmer_72ftm_12 1.5s infinite;
  border-radius: 4px;
}
._shimmerTitle_72ftm_31 {
  height: 20px;
  width: 60%;
  margin-bottom: 15px;
}
._shimmerAmount_72ftm_37 {
  height: 32px;
  width: 80%;
  margin-bottom: 10px;
}
._shimmerBadge_72ftm_43 {
  height: 16px;
  width: 50%;
}
._shimmerIcon_72ftm_48 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
._shimmerSelect_72ftm_55 {
  height: 40px;
  width: 200px;
}
._shimmerChartContainer_72ftm_61 {
  height: 400px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._shimmerChartContent_72ftm_72 {
  width: 90%;
  height: 90%;
}
._card_z7aw9_1 {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px #0000000d;
  margin: 2rem;
}
._header_z7aw9_9 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
._header_z7aw9_9 h2 {
  color: #004080;
  margin-bottom: 0.5rem;
}
._header_z7aw9_9 p {
  margin: 0.25rem 0;
  color: #333;
}
._photoSignature_z7aw9_28 {
  text-align: center;
  min-width: 160px;
}
._photoSignature_z7aw9_28 img {
  width: 130px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 2px 4px #0000001a;
}
._photoSignature_z7aw9_28 > div {
  margin-bottom: 15px;
}
._photoSignature_z7aw9_28 > div:last-child {
  margin-bottom: 0;
}
._sectionTitle_z7aw9_52 {
  border-left: 5px solid #0072e3;
  padding-left: 10px;
  color: #004080;
  margin-top: 30px;
  font-size: 1.5em;
  font-weight: 500;
}
._infoRow_z7aw9_62 {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
}
._label_z7aw9_71 {
  font-weight: 500;
  color: #333;
  min-width: 200px;
  padding: 12px 16px;
  background-color: #f5f5f5;
  border-right: 1px solid #e9ecef;
}
._value_z7aw9_80 {
  flex: 1;
  padding: 12px 16px;
  background-color: #fff;
}
._value_z7aw9_80 a {
  color: #1976d2;
  text-decoration: none;
  font-weight: 500;
}
._value_z7aw9_80 a:hover {
  text-decoration: underline;
}
._declarationText_z7aw9_98 {
  line-height: 1.6;
  color: #555;
  font-style: italic;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #28a745;
}
._actions_z7aw9_109 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}
._btnSecondary_z7aw9_118,
._btnPrint_z7aw9_119 {
  color: #fff;
  padding: 12px 25px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
._btnSecondary_z7aw9_118 {
  background: #6c757d;
}
._btnPrint_z7aw9_119 {
  background: #e5b44a;
}
._btnSecondary_z7aw9_118:hover,
._btnPrint_z7aw9_119:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0003;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  ._card_z7aw9_1 {
    margin: 1rem;
    padding: 1rem;
  }
  ._header_z7aw9_9 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  ._photoSignature_z7aw9_28 {
    margin-top: 1rem;
  }
  ._infoRow_z7aw9_62 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._label_z7aw9_71 {
    min-width: 100%;
    border-right: none;
    border-bottom: 1px solid #e9ecef;
  }
  ._actions_z7aw9_109 {
    flex-direction: column;
    align-items: center;
  }
  ._btnSecondary_z7aw9_118,
  ._btnPrint_z7aw9_119 {
    width: 100%;
    justify-content: center;
  }
}
._btnPrimary_z7aw9_190 {
  background: #e5870b;
  float: right;
  color: #fff;
  padding: 12px 25px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
._enrollmentDashboard_108w4_1 {
  min-height: calc(100vh - 135px);
  padding: 24px;
  background-color: #f8fafc;
}
._dashboardHeader_108w4_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 16px;
  gap: 16px;
  flex-wrap: wrap;
}
._dashboardTitle_108w4_19 {
  font-size: 26px;
  line-height: 1.2;
  color: #0f172a;
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
._dashboardSubtitle_108w4_28 {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  font-weight: 400;
}
._dashboardHeaderRight_108w4_35 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
._dashboardDateTime_108w4_42 {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  background: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 1px 3px #00000005;
  white-space: nowrap;
}
._cardsSection_108w4_55 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
._summaryCard_108w4_62 {
  grid-column: span 4;
  background: #fff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  border-left: 4px solid var(--card-accentColor, #cbd5e1);
  border-radius: 16px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  cursor: pointer;
}
._summaryCard_108w4_62:hover {
  transform: translateY(-4px);
  box-shadow:
    0 20px 25px -5px #0000000f,
    0 10px 10px -5px #00000005;
  border-color: var(--card-hoverBorder);
  border-left-color: var(--card-hoverBorder);
  background: linear-gradient(145deg, #ffffff 0%, var(--card-hoverGlow) 100%);
}
._summaryCard_108w4_62:nth-child(1) {
  --card-accentColor: #00c6ff;
  --card-hoverGlow: rgba(0, 198, 255, 0.05);
  --card-hoverBorder: #00c6ff;
}
._summaryCard_108w4_62:nth-child(2) {
  --card-accentColor: #10b981;
  --card-hoverGlow: rgba(16, 185, 129, 0.05);
  --card-hoverBorder: #10b981;
}
._summaryCard_108w4_62:nth-child(3) {
  --card-accentColor: #ef5350;
  --card-hoverGlow: rgba(239, 83, 80, 0.05);
  --card-hoverBorder: #ef5350;
}
._summaryCard_108w4_62:nth-child(4) {
  --card-accentColor: #7e57c2;
  --card-hoverGlow: rgba(126, 87, 194, 0.05);
  --card-hoverBorder: #7e57c2;
}
._summaryCard_108w4_62:nth-child(5) {
  --card-accentColor: #ffa726;
  --card-hoverGlow: rgba(255, 167, 38, 0.05);
  --card-hoverBorder: #ffa726;
}
._summaryCard_108w4_62:nth-child(6) {
  --card-accentColor: #26a69a;
  --card-hoverGlow: rgba(38, 166, 154, 0.05);
  --card-hoverBorder: #26a69a;
}
._cardHeader_108w4_123 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
  position: relative;
}
._cardContent_108w4_131 {
  flex: 1;
}
._cardHeader_108w4_123 h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._count_108w4_144 {
  font-size: 34px;
  font-weight: 800;
  color: #0f172a;
  margin: 8px 0 0;
  line-height: 1;
  letter-spacing: -0.03em;
}
._countAnimated_108w4_153 {
  animation: _countUp_108w4_1 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes _countUp_108w4_1 {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._cardIcon_108w4_168 {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: #f1f5f9;
  color: #64748b;
  margin-left: 20px;
  flex-shrink: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
._summaryCard_108w4_62:hover ._cardIcon_108w4_168 {
  background: var(--card-hoverBorder);
  color: #fff;
  transform: scale(1.05);
}
@media (max-width: 1200px) {
  ._summaryCard_108w4_62 {
    grid-column: span 6;
  }
}
@media (max-width: 768px) {
  ._summaryCard_108w4_62 {
    grid-column: span 12;
  }
  ._enrollmentDashboard_108w4_1 {
    padding: 16px;
  }
  ._count_108w4_144 {
    font-size: 28px;
  }
}
._ncx-shell_1w61e_1 {
  display: flex;
  color: #0f172a;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial;
}
._ncx-sidebar_1w61e_8 {
  width: 248px;
  background: #fff;
  border-right: 1px solid #e5e7eb;
  padding: 20px 16px;
  position: sticky;
  top: 0;
  height: 100vh;
}
._ncx-brand_1w61e_18 {
  font-weight: 700;
  font-size: 18px;
  color: #0f172a;
  margin-bottom: 16px;
}
._ncx-nav_1w61e_25 {
  display: grid;
  gap: 6px;
}
._ncx-navItem_1w61e_30 {
  color: #334155;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 10px;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
._ncx-navItem_1w61e_30:hover {
  background: #f1f5f9;
  color: #0f172a;
}
._ncx-active_1w61e_43 {
  background: #e6f2ff;
  color: #1d4ed8;
}
._ncx-main_1w61e_49 {
  flex: 1;
  min-width: 0;
  transition: margin-right 0.35s ease;
}
._ncx-mainShift_1w61e_55 {
  margin-right: 360px;
}
._ncx-topbar_1w61e_60 {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 5;
}
._ncx-breadcrumb_1w61e_73 ol {
  list-style: none;
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0;
  color: #475569;
  font-size: 14px;
}
._ncx-breadcrumb_1w61e_73 a {
  color: #1d4ed8;
  text-decoration: none;
}
._ncx-topActions_1w61e_88 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
._ncx-primaryBtn_1w61e_95,
._ncx-secondaryBtn_1w61e_96 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.02s ease,
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}
._ncx-primaryBtn_1w61e_95:active,
._ncx-secondaryBtn_1w61e_96:active {
  transform: translateY(1px);
}
._ncx-primaryBtn_1w61e_95 {
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  border-color: #1d4ed8;
}
._ncx-primaryBtn_1w61e_95:hover {
  filter: brightness(1.05);
}
._ncx-secondaryBtn_1w61e_96 {
  background: #fff;
  color: #0f172a;
  border-color: #e5e7eb;
}
._ncx-secondaryBtn_1w61e_96:hover {
  background: #f8fafc;
}
._ncx-heroCard_1w61e_133 {
  margin: 24px;
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 12px 24px #0284c726;
}
._ncx-heroBadge_1w61e_142 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff24;
  color: #e0f2fe;
  border: 1px solid rgba(255, 255, 255, 0.24);
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  margin-bottom: 8px;
}
._ncx-heroTitle_1w61e_155 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}
._ncx-heroDesc_1w61e_162 {
  margin: 8px 0 0;
  color: #f0f9ff;
}
._ncx-contentGrid_1w61e_168 {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  padding: 0 24px 48px;
}
._ncx-contentGridFull_1w61e_175 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 0 24px 48px;
}
._ncx-card_1w61e_183 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 8px 20px #0f172a0a;
}
._ncx-cardHeader_1w61e_191 {
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
}
._ncx-grid2_1w61e_198 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
._ncx-grid3_1w61e_204 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
._ncx-field_1w61e_210 {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}
._ncx-field_1w61e_210 label {
  color: #334155;
  font-weight: 600;
  font-size: 14px;
}
._ncx-req_1w61e_222 {
  color: #ef4444;
}
._ncx-input_1w61e_226,
._ncx-select_1w61e_227,
._ncx-textarea_1w61e_228 {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
._ncx-input_1w61e_226::placeholder,
._ncx-textarea_1w61e_228::placeholder {
  color: #94a3b8;
}
._ncx-input_1w61e_226:focus,
._ncx-select_1w61e_227:focus,
._ncx-textarea_1w61e_228:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 4px #2563eb26;
}
._ncx-divider_1w61e_253 {
  height: 1px;
  background: #e5e7eb;
  margin: 12px 0 8px;
}
._ncx-dropzone_1w61e_260 {
  border: 1.5px dashed #cbd5e1;
  border-radius: 14px;
  background: #f8fafc;
  padding: 18px;
  cursor: pointer;
  transition:
    background-color 0.2s,
    border-color 0.2s;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._ncx-dropzone_1w61e_260:hover {
  background: #f1f5f9;
  border-color: #93c5fd;
}
._ncx-hiddenInput_1w61e_278 {
  display: none;
}
._ncx-dropContent_1w61e_282 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #0f172a;
}
._ncx-dropContent_1w61e_282 svg {
  color: #2563eb;
}
._ncx-link_1w61e_293 {
  color: #1d4ed8;
  text-decoration: underline;
}
._ncx-subtle_1w61e_298 {
  color: #64748b;
  font-size: 12px;
}
._ncx-filePreview_1w61e_304 {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  align-items: center;
  gap: 12px;
  width: 100%;
}
._ncx-thumb_1w61e_312 {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
}
._ncx-pdfBadge_1w61e_321 {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background: #0ea5e9;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  letter-spacing: 1px;
}
._ncx-fileMeta_1w61e_333 {
  min-width: 0;
}
._ncx-fileName_1w61e_337 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #0f172a;
}
._ncx-removeBtn_1w61e_345 {
  border: 1px solid #fecaca;
  background: #fff5f5;
  color: #b91c1c;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
}
._ncx-removeBtn_1w61e_345:hover {
  background: #ffe4e6;
}
._ncx-switch_1w61e_359 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 0 6px;
  background: #f8fafc;
  min-width: 88px;
  cursor: pointer;
  width: 120px;
  height: 28px;
  justify-self: start;
  align-self: start;
  box-sizing: border-box;
}
._ncx-switchSm_1w61e_377 {
  width: 120px;
  height: 28px;
  gap: 6px;
  padding: 0 6px;
}
._ncx-switchKnob_1w61e_385 {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px #0f172a0a;
  transform: translateY(-50%);
  transition: left 0.25s ease;
}
._ncx-switchOn_1w61e_400 ._ncx-switchKnob_1w61e_385,
._ncx-switchOn_1w61e_400._ncx-switchSm_1w61e_377 ._ncx-switchKnob_1w61e_385 {
  left: calc(100% - 26px);
}
._ncx-switchLabel_1w61e_407 {
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #065f46;
  pointer-events: none;
}
._ncx-switchOn_1w61e_400 {
  background: #dcfce7;
  border-color: #86efac;
}
._ncx-tips_1w61e_432 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
}
._ncx-tipsHeader_1w61e_439 {
  font-weight: 700;
  margin-bottom: 10px;
}
._ncx-tipItem_1w61e_444 {
  background: #ecfeff;
  border: 1px solid #bae6fd;
  color: #0c4a6e;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  margin-bottom: 10px;
}
._ncx-actions_1w61e_455 {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
._ncx-sidePanel_1w61e_463 {
  position: fixed;
  right: 0;
  top: 0;
  width: 360px;
  height: 100dvh;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  transform: translate(100%);
  transition: transform 0.35s ease;
  box-shadow: -8px 0 24px #0f172a0f;
  z-index: 6;
}
._ncx-sidePanelOpen_1w61e_477 {
  transform: translate(0);
}
._ncx-sidePanelHeader_1w61e_481 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
._ncx-sidePanelTitle_1w61e_489 {
  font-weight: 800;
  color: #0f172a;
}
._ncx-sidePanelBadge_1w61e_494 {
  padding: 6px 10px;
  background: #eef2ff;
  color: #3730a3;
  font-weight: 700;
  border-radius: 999px;
  border: 1px solid #e0e7ff;
}
._ncx-sidePanelBody_1w61e_503 {
  padding: 16px;
  display: grid;
  gap: 16px;
}
._ncx-sideBlock_1w61e_509 {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
}
._ncx-sideBlockTitle_1w61e_516 {
  font-weight: 700;
  margin-bottom: 8px;
}
._ncx-sideList_1w61e_521 {
  margin: 0;
  padding-left: 18px;
  color: #334155;
}
._ncx-templatePills_1w61e_527 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._ncx-pill_1w61e_533 {
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1e40af;
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 1080px) {
  ._ncx-contentGrid_1w61e_168 {
    grid-template-columns: 1fr;
  }
  ._ncx-tips_1w61e_432 {
    position: static;
  }
}
@media (max-width: 860px) {
  ._ncx-sidebar_1w61e_8 {
    display: none;
  }
  ._ncx-heroCard_1w61e_133 {
    margin: 16px;
  }
  ._ncx-contentGrid_1w61e_168 {
    padding: 0 16px 32px;
  }
  ._ncx-grid2_1w61e_198,
  ._ncx-grid3_1w61e_204 {
    grid-template-columns: 1fr;
  }
  ._ncx-mainShift_1w61e_55 {
    margin-right: 0;
  }
  ._ncx-sidePanel_1w61e_463 {
    width: 88%;
  }
}
._ncx-collapsibleHeader_1w61e_578 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
._ncx-collapseBtn_1w61e_586 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #0f172a;
  cursor: pointer;
}
._ncx-collapseBtn_1w61e_586:hover {
  background: #f8fafc;
}
._ncx-caret_1w61e_602 {
  transition: transform 0.2s ease;
  transform: rotate(0);
}
._ncx-caretOpen_1w61e_607 {
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
._ncx-collapsibleBody_1w61e_612 {
  margin-top: 8px;
}
._ncx-hidden_1w61e_278 {
  display: none;
}
._ncx-error_1w61e_623 {
  display: block;
  color: #dc2626;
  font-size: 0.875rem;
  margin-top: 0.375rem;
  font-weight: 500;
}
._ncx-error_1w61e_623 {
  display: block;
  color: #dc2626;
  font-size: 0.875rem;
  margin-top: 0.375rem;
  font-weight: 500;
  animation: _slideDown_1w61e_1 0.2s ease-out;
}
@keyframes _slideDown_1w61e_1 {
  0% {
    opacity: 0;
    transform: translateY(-0.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._ncx-input_1w61e_226:invalid,
._ncx-textarea_1w61e_228:invalid {
  border-color: #dc2626;
}
._ncx-input_1w61e_226:focus:invalid,
._ncx-textarea_1w61e_228:focus:invalid {
  outline-color: #dc2626;
  border-color: #dc2626;
}
._ncx-error_1w61e_623:before {
  content: "⚠ ";
  margin-right: 0.25rem;
}
._ncx-input-error_1w61e_671 .p-inputtext {
  border-color: #dc2626 !important;
}
._ncx-input-error_1w61e_671 .p-inputtext:focus {
  outline-color: #dc2626 !important;
  box-shadow: 0 0 0 0.2rem #dc262640 !important;
}
._ncx-input_1w61e_226 .p-calendar,
._ncx-input_1w61e_226 .p-inputtext {
  width: 100%;
}
._ncxWrap_gnybd_2 {
  --ncx-bg: #f7f9fc;
  --ncx-card: #ffffff;
  --ncx-border: #e6eaf2;
  --ncx-muted: #6b7280;
  --ncx-ink: #0f172a;
  --ncx-brand: #2563eb;
  --ncx-accent: #10b981;
  --ncx-radius: 14px;
  --ncx-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  background: var(--ncx-bg);
  min-height: 100%;
  padding: 28px 20px 60px;
}
._ncxHeader_gnybd_18 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 auto 20px;
}
._ncxEyebrow_gnybd_26 {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}
._ncxTitle_gnybd_37 {
  font-size: 28px;
  color: var(--ncx-ink);
  margin: 0 0 6px;
}
._ncxSub_gnybd_43 {
  color: var(--ncx-muted);
  font-size: 14px;
  margin: 0;
}
._ncxTools_gnybd_50 {
  display: flex;
  gap: 12px;
  align-items: center;
}
._ncxSearch_gnybd_56 {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--ncx-border);
  background: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  box-shadow: var(--ncx-shadow);
}
._ncxSearch_gnybd_56 input {
  border: none;
  outline: none;
  min-width: 240px;
  font-size: 14px;
}
._ncxToggle_gnybd_72 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--ncx-ink);
}
._ncxToggle_gnybd_72 input {
  width: 16px;
  height: 16px;
}
._ncxList_gnybd_85 {
  display: grid;
  gap: 16px;
  margin: 0 auto;
}
._ncxCard_gnybd_91 {
  background: var(--ncx-card);
  border: 1px solid var(--ncx-border);
  border-radius: var(--ncx-radius);
  box-shadow: var(--ncx-shadow);
  padding: 16px;
}
._ncxCardHead_gnybd_99 {
  display: grid;
  gap: 8px;
}
._ncxBadgeRow_gnybd_104 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._ncxBadge_gnybd_104 {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #111827;
  border: 1px solid var(--ncx-border);
  font-size: 12px;
  font-weight: 600;
}
._ncxBadgeSoft_gnybd_122 {
  background: #ecfdf5;
  color: #065f46;
  border-color: #a7f3d0;
}
._ncxBadgeTone_gnybd_129._high_gnybd_131 {
  background: #fff7ed;
  color: #9a3412;
  border-color: #fed7aa;
}
._ncxBadgeTone_gnybd_129._medium_gnybd_136 {
  background: #eff6ff;
  color: #1e3a8a;
  border-color: #bfdbfe;
}
._ncxBadgeTone_gnybd_129._low_gnybd_141 {
  background: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
._ncxCardTitle_gnybd_147 {
  margin: 0;
  font-size: 18px;
  color: var(--ncx-ink);
}
._ncxMeta_gnybd_153 {
  display: flex;
  gap: 12px;
  color: var(--ncx-muted);
  font-size: 12px;
}
._ncxMetaItem_gnybd_159 strong {
  color: var(--ncx-ink);
}
._ncxDesc_gnybd_163 {
  color: #111827;
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0 4px;
}
._ncxFoot_gnybd_171 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
._ncxDownload_gnybd_179 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #a7f3d0;
  background: #ecfdf5;
  color: #065f46;
  border-radius: 12px;
  padding: 10px 12px;
  text-decoration: none;
  font-weight: 600;
}
._ncxDownload_gnybd_179:hover {
  background: #d1fae5;
}
._ncxDlIcon_gnybd_194 {
  font-size: 14px;
  line-height: 1;
}
._ncxDlText_gnybd_198 {
  font-size: 14px;
}
._ncxDlSize_gnybd_201 {
  font-size: 12px;
  color: #047857;
}
._ncxNoFile_gnybd_206 {
  color: var(--ncx-muted);
  font-size: 13px;
}
._ncxEmpty_gnybd_211 {
  background: #fff;
  border: 1px dashed var(--ncx-border);
  color: var(--ncx-muted);
  border-radius: var(--ncx-radius);
  padding: 24px;
  text-align: center;
}
@media (max-width: 720px) {
  ._ncxHeader_gnybd_18 {
    flex-direction: column;
    align-items: stretch;
  }
  ._ncxTools_gnybd_50 {
    justify-content: space-between;
  }
  ._ncxSearch_gnybd_56 input {
    min-width: 0;
    width: 100%;
  }
}
._pp-box_jkaiz_2 {
  border: 1px dashed var(--pp-line);
  border-radius: 12px;
  background: #fff;
}
._pp-group_jkaiz_8 {
  padding: 10px 12px 2px;
}
._pp-group_jkaiz_8 + ._pp-group_jkaiz_8 {
  border-top: 1px solid var(--pp-line);
}
._pp-group-head_jkaiz_16 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--pp-ink-dim);
  margin-bottom: 6px;
}
._pp-list_jkaiz_25 {
  list-style: none;
  margin: 0;
  padding: 0;
}
._pp-row_jkaiz_31 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 10px 0;
}
._pp-label_jkaiz_38 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
._pp-radio_jkaiz_45,
._pp-checkbox_jkaiz_51 {
  width: 16px;
  height: 16px;
  accent-color: var(--pp-purple);
}
._pp-row-title_jkaiz_57 {
  font-weight: 600;
}
._pp-row-amt_jkaiz_61 {
  font-weight: 700;
}
._pp-footer_jkaiz_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-top: 1px solid var(--pp-line);
  background: var(--pp-soft);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
._pp-total_jkaiz_77 {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
._pp-pay-btn_jkaiz_83 {
  background: var(--pp-purple);
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 8px;
}
._pp-pay-offline-btn_jkaiz_94 {
  background: var(--pp-green);
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 8px;
}
._pp-pay-wallet-btn_jkaiz_105 {
  background: var(--pp-amber);
  color: #fff;
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 8px;
}
._pp-pay-btn_jkaiz_83[disabled],
._pp-pay-offline-btn_jkaiz_94[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
._pp-partial-box_jkaiz_129 {
  grid-column: 1 / -1;
  margin-left: 26px;
  margin-top: 8px;
  padding: 10px 12px;
  background: var(--pp-soft);
  border: 1px dashed var(--pp-line);
  border-radius: 10px;
}
._pp-partial-label_jkaiz_139 {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--pp-ink-dim);
  margin-bottom: 4px;
}
._pp-partial-input_jkaiz_147 {
  width: 160px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--pp-line);
  font-size: 14px;
  font-weight: 600;
  outline: none;
}
._pp-partial-input_jkaiz_147:focus {
  border-color: var(--pp-purple);
  box-shadow: 0 0 0 2px #7b5dff26;
}
._pp-partial-input_jkaiz_147::-webkit-outer-spin-button,
._pp-partial-input_jkaiz_147::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._pp-partial-hint_jkaiz_168 {
  margin-top: 4px;
  font-size: 11px;
  color: var(--pp-ink-dim);
}
._pp-row_jkaiz_31 input[type="radio"]:checked + ._pp-row-title_jkaiz_57 {
  color: var(--pp-purple);
}
@media (max-width: 640px) {
  ._pp-row_jkaiz_31 {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
  ._pp-row-amt_jkaiz_61 {
    justify-self: start;
    margin-left: 26px;
  }
  ._pp-footer_jkaiz_65 {
    flex-direction: column;
    align-items: stretch;
  }
  ._pp-footer_jkaiz_65 button,
  ._pp-partial-input_jkaiz_147 {
    width: 100%;
  }
}
._pp-slab_x3urr_2 {
  border: 1px solid var(--pp-line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #00000005;
}
._pp-slab-head_x3urr_10 {
  padding: 12px 18px;
  background: #f8fafc;
  border-bottom: 1px solid var(--pp-line);
}
._pp-slab-title_x3urr_16 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}
._pp-slab-list_x3urr_23 {
  list-style: none;
  padding: 8px 18px 14px;
  margin: 0;
  display: grid;
  gap: 8px;
}
._pp-slab-row_x3urr_31 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(226, 232, 240, 0.6);
}
._pp-slab-row_x3urr_31:last-child {
  border-bottom: none;
}
._pp-slab-info_x3urr_43 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
._pp-slab-label_x3urr_49 {
  font-weight: 650;
  font-size: 13.5px;
  color: #1e293b;
}
._pp-slab-date_x3urr_55 {
  font-size: 12px;
  color: var(--pp-ink-dim);
}
._pp-slab-btn_x3urr_60 {
  background: #2563eb14;
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.15);
  padding: 8px 16px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12.5px;
}
._pp-slab-btn_x3urr_60:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
._pp-empty_x3urr_78 {
  padding: 16px 18px;
  color: var(--pp-ink-dim);
  font-size: 13px;
  font-style: italic;
}
._pp-table-wrap_1c7n6_2 {
  width: 100%;
  overflow-x: auto;
}
._pp-empty-state_1c7n6_7 {
  color: #d0d0d0;
}
._pp-table_1c7n6_2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
._pp-table_1c7n6_2 th,
._pp-table_1c7n6_2 td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--pp-line);
  text-align: left;
  white-space: nowrap;
}
._pp-table_1c7n6_2 thead th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pp-ink-dim);
  background: #f8fafc;
  border-bottom: 2px solid rgba(226, 232, 240, 0.8);
  font-weight: 700;
}
._pp-table_1c7n6_2 tbody tr {
  transition: background-color 0.15s ease;
}
._pp-table_1c7n6_2 tbody tr:hover {
  background-color: #f8fafc;
}
._pp-actions_1c7n6_43,
._pp-col-action_1c7n6_46 {
  text-align: right;
}
._pp-receipt_1c7n6_50 {
  background: #2563eb14;
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.15);
  padding: 8px 16px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
}
._pp-receipt_1c7n6_50:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
._pp-badge_1c7n6_68 {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._pp-badge-ok_1c7n6_79 {
  background: #22c55e1f;
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
._pp-badge-warn_1c7n6_85 {
  background: #f59e0b1f;
  color: #b45309;
  border: 1px solid rgba(245, 158, 11, 0.2);
}
._pp-list_8mdy7_2 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
._pp-row_8mdy7_10 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--pp-line);
  border-radius: 12px;
}
._pp-info_8mdy7_20 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._pp-title_8mdy7_26 {
  font-weight: 700;
}
._pp-meta_8mdy7_30 {
  display: flex;
  gap: 8px;
  color: var(--pp-ink-dim);
  font-size: 13px;
}
._pp-right_8mdy7_37 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
._pp-btn_8mdy7_43 {
  background: #111827;
  color: #fff;
  border: none;
  padding: 8px 10px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}
._pp-badge_8mdy7_53 {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
._pp-ok_8mdy7_62 {
  background: #22c55e1f;
  color: #15803d;
}
._pp-warn_8mdy7_66 {
  background: #f59e0b1f;
  color: #b45309;
}
._pp-empty_8mdy7_71 {
  color: var(--pp-ink-dim);
  font-size: 13px;
}
._pp-root_1qqms_2 {
  --pp-bg: #f8fafc;
  --pp-card: #ffffff;
  --pp-ink: #0f172a;
  --pp-ink-dim: #64748b;
  --pp-purple: #4f46e5;
  --pp-green: #10b981;
  --pp-amber: #f59e0b;
  --pp-slate: #64748b;
  --pp-line: rgba(226, 232, 240, 0.8);
  --pp-soft: #eef2ff;
  background: var(--pp-bg);
  min-height: 100dvh;
  color: var(--pp-ink);
  padding: 24px;
}
._pp-header_1qqms_20 {
  margin: 0 auto 16px;
}
._pp-title_1qqms_24 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
._pp-subtitle_1qqms_31 {
  margin: 0;
  color: var(--pp-ink-dim);
  font-size: 14px;
}
._pp-cards_1qqms_37 {
  margin: 16px auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 16px;
}
._pp-panels_1qqms_44 {
  margin: 16px auto 48px;
  display: grid;
  gap: 24px;
}
._pp-panel_1qqms_44 {
  background: var(--pp-card);
  border: 1px solid var(--pp-line);
  border-radius: 16px;
  padding: 24px;
  box-shadow:
    0 4px 6px -1px #0000000d,
    0 2px 4px -1px #00000008;
}
._pp-panel-head_1qqms_58 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding-bottom: 12px;
}
._pp-panel-title_1qqms_67 {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
._pp-panel-desc_1qqms_74 {
  font-size: 13px;
  color: var(--pp-ink-dim);
  margin: 0;
}
._pp-grid_1qqms_80 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
._pp-skeleton_1qqms_86 {
  height: 280px;
  margin: 24px auto;
  border-radius: 12px;
  background: linear-gradient(90deg, #eaecf3, #f5f6fb, #eaecf3);
  background-size: 200% 100%;
  animation: _pp-shimmer_1qqms_1 1.5s infinite;
}
@keyframes _pp-shimmer_1qqms_1 {
  0% {
    background-position: 0% 0;
  }
  to {
    background-position: 200% 0;
  }
}
@media (max-width: 960px) {
  ._pp-cards_1qqms_37 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._pp-grid_1qqms_80 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  ._pp-cards_1qqms_37 {
    grid-template-columns: 1fr;
  }
}
._scholarshipsGrid_1qqms_120 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
._scholarshipCard_1qqms_127 {
  background: #fff;
  border: 1px solid var(--pp-line);
  border-radius: 12px;
  padding: 18px;
  box-shadow:
    0 4px 6px -1px #00000008,
    0 2px 4px -1px #00000005;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._scholarshipCard_1qqms_127:hover {
  transform: translateY(-2px);
  box-shadow:
    0 10px 15px -3px #00000014,
    0 4px 6px -2px #0000000a;
  border-color: #cbd5e1;
}
._scholarshipCardMuted_1qqms_146 {
  opacity: 0.65;
  background: #f8fafc;
  border-color: #cbd5e1;
}
._cardHeader_1qqms_152 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid var(--pp-line);
  padding-bottom: 10px;
}
._nameAndBadge_1qqms_161 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._scholarshipName_1qqms_167 {
  font-size: 15px;
  font-weight: 700;
  color: var(--pp-ink);
}
._sessionBadge_1qqms_173 {
  font-size: 10px;
  background: #eef2ff;
  color: #4f46e5;
  padding: 2px 6px;
  border-radius: 4px;
  width: fit-content;
  font-weight: 600;
}
._statusPill_1qqms_183 {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._statusApproved_1qqms_192 {
  background: #dcfce7;
  color: #166534;
}
._statusPending_1qqms_197 {
  background: #fef3c7;
  color: #92400e;
}
._statusRejected_1qqms_202 {
  background: #fee2e2;
  color: #991b1b;
}
._statusProcessing_1qqms_207 {
  background: #e0f2fe;
  color: #075985;
}
._cardBody_1qqms_212 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}
._batchInfo_1qqms_219 {
  font-size: 13px;
  color: var(--pp-ink-dim);
}
._percentageLabel_1qqms_224 {
  display: inline-block;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #15803d;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}
._statsGrid_1qqms_237 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  background: #f8fafc;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #f1f5f9;
}
._statCell_1qqms_247 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._statLabel_1qqms_253 {
  font-size: 9px;
  color: #94a3b8;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
._statValue_1qqms_261 {
  font-size: 12px;
  font-weight: 600;
  color: #334155;
}
._statValueSavings_1qqms_267 {
  color: #15803d;
}
._statValuePaid_1qqms_271 {
  color: #0284c7;
}
._statValuePending_1qqms_275 {
  color: #b91c1c;
}
._notAppliedLabel_1qqms_279 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #64748b;
  font-weight: 600;
  margin-top: 4px;
  border-top: 1px dashed #cbd5e1;
  padding-top: 8px;
}
:root {
  --pp-card-bg: #ffffff;
  --pp-line: rgba(229, 231, 235, 0.8);
  --pp-ink-strong: #111827;
  --pp-ink-dim: #6b7280;
  --pp-purple: #8b5cf6;
  --pp-green: #10b981;
  --pp-amber: #f59e0b;
  --pp-slate: #64748b;
  --shadow-premium:
    0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --tooltip-bg: #1e293b;
}
._pp-card_87udf_18 {
  position: relative;
  background: var(--pp-card-bg);
  border: 1px solid var(--pp-line);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow-premium);
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  border-left-width: 4px !important;
  overflow: visible !important;
}
._pp-card_87udf_18:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px #00000014;
}
._pp-purple_87udf_38 {
  border-left-color: #4f46e5 !important;
}
._pp-green_87udf_39 {
  border-left-color: #10b981 !important;
}
._pp-amber_87udf_40 {
  border-left-color: #f59e0b !important;
}
._pp-slate_87udf_41 {
  border-left-color: #64748b !important;
}
._pp-card_87udf_18:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.02;
  pointer-events: none;
  border-radius: 16px;
  transition: opacity 0.3s ease;
}
._pp-purple_87udf_38:after {
  background: linear-gradient(135deg, var(--pp-purple), transparent 60%);
}
._pp-green_87udf_39:after {
  background: linear-gradient(135deg, var(--pp-green), transparent 60%);
}
._pp-amber_87udf_40:after {
  background: linear-gradient(135deg, var(--pp-amber), transparent 60%);
}
._pp-slate_87udf_41:after {
  background: linear-gradient(135deg, var(--pp-slate), transparent 60%);
}
._pp-card-header_87udf_60 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  position: relative;
  z-index: 10;
}
._pp-card-title_87udf_69 {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--pp-ink-dim);
}
._pp-card-value_87udf_77 {
  font-size: 26px;
  font-weight: 800;
  color: var(--pp-ink-strong);
  letter-spacing: -0.02em;
}
._pp-tooltip-wrapper_87udf_85 {
  position: relative;
  display: inline-flex;
}
._pp-tooltip-icon_87udf_90 {
  background: #f1f5f9;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: var(--pp-ink-dim);
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
._pp-tooltip-icon_87udf_90:hover {
  background: var(--pp-ink-strong);
  color: #fff;
}
._pp-tooltip-content_87udf_109 {
  position: absolute;
  top: 140%;
  right: -4px;
  background: var(--tooltip-bg);
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
  width: 240px;
  z-index: 9999;
  box-shadow: 0 12px 24px -6px #0000004d;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
._pp-tooltip-wrapper_87udf_85:hover ._pp-tooltip-content_87udf_109 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
._pp-tooltip-content_87udf_109:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 10px;
  border: 7px solid transparent;
  border-bottom-color: var(--tooltip-bg);
}
._pp-card-metrics_87udf_150 {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  display: grid;
  gap: 8px;
}
._pp-metric-row_87udf_158 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8fafc;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #f1f5f9;
}
._pp-metric-label_87udf_168 {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
._pp-metric-value_87udf_174 {
  font-size: 14px;
  font-weight: 750;
  color: var(--pp-ink-strong);
}
._editor_9g611_1 {
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}
._editor_9g611_1:focus-within {
  border-color: #e91e63;
  box-shadow: 0 0 0 3px #e91e631a;
}
._toolbar_9g611_13 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  flex-wrap: wrap;
}
._toolBtn_9g611_23 {
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s ease;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._toolBtn_9g611_23:hover {
  background: #e91e63;
  color: #fff;
  border-color: #e91e63;
}
._separator_9g611_45 {
  width: 1px;
  height: 24px;
  background: #d0d0d0;
  margin: 0 0.25rem;
}
._content_9g611_52 {
  min-height: 150px;
  padding: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  outline: none;
  background: #fff;
}
._content_9g611_52:focus {
  background: #fafafa;
}
._content_9g611_52._focused_9g611_65 {
  background: #fafafa;
}
._simpleInput_9g611_69 {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
}
._simpleInput_9g611_69:focus {
  outline: none;
  border-color: #e91e63;
  box-shadow: 0 0 0 3px #e91e631a;
}
._panel_e3z2a_1 {
  width: 100%;
  flex: 1;
  overflow-y: auto;
}
._empty_e3z2a_7 {
  text-align: center;
  color: #999;
  padding: 1rem;
  font-size: 0.9rem;
}
._groupedList_e3z2a_15 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._group_e3z2a_15 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._groupTitle_e3z2a_27 {
  font-size: 0.85rem;
  font-weight: 700;
  color: #e91e63;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 2px solid #e91e63;
}
._groupItems_e3z2a_38 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._item_e3z2a_45 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
._item_e3z2a_45:hover {
  background: #f5f5f5;
  border-color: #e91e63;
}
._itemContent_e3z2a_62 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
._key_e3z2a_69 {
  font-family:
    Courier New,
    monospace;
  font-weight: 700;
  font-size: 0.85rem;
  color: #333;
}
._label_e3z2a_76 {
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.25rem;
}
._itemActions_e3z2a_83 {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}
._btnSubject_e3z2a_89,
._btnBody_e3z2a_90 {
  padding: 0.4rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._btnSubject_e3z2a_89 {
  background: #1e88e5;
  color: #fff;
}
._btnSubject_e3z2a_89:hover {
  background: #1565c0;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px #1e88e54d;
}
._btnBody_e3z2a_90 {
  background: #e91e63;
  color: #fff;
}
._btnBody_e3z2a_90:hover {
  background: #c2185b;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px #e91e634d;
}
._btnSubject_e3z2a_89:active,
._btnBody_e3z2a_90:active {
  transform: translateY(0);
}
._container_p7jfg_1 {
  width: 100%;
  background: linear-gradient(135deg, #f5f7fa, #f0f4f8);
  padding: 2rem;
  border-radius: 16px;
}
._title_p7jfg_8 {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, #e91e63, #c2185b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._formGrid_p7jfg_19 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
._formColumn_p7jfg_26 {
  background: #fff;
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 16px #e91e6314;
  margin-bottom: 15px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
._formColumn_p7jfg_26:hover {
  border-color: #e91e63;
  box-shadow: 0 8px 24px #e91e631f;
}
._placeholderColumn_p7jfg_42 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  overflow-y: auto;
  align-content: start;
}
._formGroup_p7jfg_51 {
  margin-bottom: 1.75rem;
}
._label_p7jfg_55 {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
._input_p7jfg_65,
._select_p7jfg_66 {
  width: 100%;
  padding: 0.875rem;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
  background: #fafafa;
}
._input_p7jfg_65:focus,
._select_p7jfg_66:focus {
  outline: none;
  border-color: #e91e63;
  background: #fff;
  box-shadow: 0 0 0 4px #e91e631a;
}
._input_p7jfg_65._error_p7jfg_85 {
  border-color: #f44336;
  background: #ffebee;
}
._errorMsg_p7jfg_90 {
  display: block;
  color: #f44336;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  font-weight: 600;
}
._roleCheckboxes_p7jfg_99 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
._checkboxLabel_p7jfg_105 {
  display: flex;
  align-items: center;
  padding: 0.875rem;
  background: #f9f9f9;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}
._checkboxLabel_p7jfg_105:hover {
  background: #f0f0f0;
  border-color: #e91e63;
}
._checkbox_p7jfg_105 {
  width: 18px;
  height: 18px;
  margin-right: 0.75rem;
  cursor: pointer;
  accent-color: #e91e63;
}
._checkboxText_p7jfg_130 {
  color: #333;
  font-size: 0.95rem;
}
._formActions_p7jfg_135 {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
._btnValidate_p7jfg_141,
._btnSave_p7jfg_142,
._btnCancel_p7jfg_143 {
  flex: 1;
  padding: 1rem;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._btnValidate_p7jfg_141 {
  background: linear-gradient(135deg, #ff9800, #f57c00);
  color: #fff;
}
._btnValidate_p7jfg_141:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #ff98004d;
}
._btnSave_p7jfg_142 {
  background: linear-gradient(135deg, #e91e63, #c2185b);
  color: #fff;
}
._btnSave_p7jfg_142:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px #e91e634d;
}
._btnSave_p7jfg_142:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._btnCancel_p7jfg_143 {
  background: #e0e0e0;
  color: #333;
}
._btnCancel_p7jfg_143:hover {
  background: #d0d0d0;
  transform: translateY(-2px);
}
._validatedBadge_p7jfg_191 {
  display: inline-block;
  background: linear-gradient(135deg, #4caf50, #388e3c);
  color: #fff;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.85rem;
  box-shadow: 0 4px 12px #4caf5033;
}
._placeholderSection_p7jfg_202 {
  background: #fff;
  padding: 1.75rem;
  border-radius: 16px;
  box-shadow: 0 4px 16px #e91e6314;
  max-height: 1200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
._placeholderSection_p7jfg_202:hover {
  border-color: #1e88e5;
  box-shadow: 0 8px 24px #1e88e51f;
}
._placeholderTitle_p7jfg_220 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 1.25rem;
  position: sticky;
  top: 0;
  background: #fff;
  padding-bottom: 0.75rem;
  z-index: 10;
  border-bottom: 2px solid #e91e63;
}
._previewSection_p7jfg_233 {
  background: #fff;
  padding: 1.75rem;
  border-radius: 16px;
  box-shadow: 0 4px 16px #e91e6314;
  overflow-y: auto;
  grid-column: 1 / -1;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
._previewSection_p7jfg_233:hover {
  border-color: #1e88e5;
  box-shadow: 0 8px 24px #1e88e51f;
}
._previewTitle_p7jfg_250 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 1.25rem;
  position: sticky;
  top: 0;
  background: #fff;
  padding-bottom: 0.75rem;
  z-index: 10;
  border-bottom: 2px solid #1e88e5;
}
._preview_p7jfg_233 {
  background: linear-gradient(135deg, #f5f7fa, #f0f4f8);
  padding: 1.25rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
._previewLabel_p7jfg_270 {
  font-size: 0.8rem;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
  letter-spacing: 0.5px;
}
._previewText_p7jfg_279 {
  margin: 0 0 1.25rem;
  color: #333;
  font-size: 0.95rem;
  line-height: 1.5;
  word-break: break-word;
  padding: 0.75rem;
  background: #fff;
  border-radius: 6px;
  border-left: 3px solid #e91e63;
}
._previewHtml_p7jfg_291 {
  color: #333;
  font-size: 0.95rem;
  line-height: 1.6;
  padding: 0.75rem;
  background: #fff;
  border-radius: 6px;
  border-left: 3px solid #1e88e5;
}
._previewHtml_p7jfg_291 p {
  margin: 0.5rem 0;
}
@media (max-width: 1024px) {
  ._formGrid_p7jfg_19 {
    grid-template-columns: 1fr;
    max-height: none;
  }
  ._formColumn_p7jfg_26 {
    max-height: none;
    overflow-y: visible;
  }
  ._placeholderColumn_p7jfg_42 {
    grid-template-columns: 1fr;
    max-height: none;
    overflow-y: visible;
  }
  ._placeholderSection_p7jfg_202 {
    max-height: none;
    overflow-y: visible;
  }
  ._previewSection_p7jfg_233 {
    max-height: none;
    overflow-y: visible;
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  ._container_p7jfg_1 {
    padding: 1rem;
  }
  ._formColumn_p7jfg_26 {
    padding: 1.5rem;
  }
  ._roleCheckboxes_p7jfg_99 {
    grid-template-columns: 1fr;
  }
  ._formActions_p7jfg_135 {
    flex-direction: column;
  }
  ._btnValidate_p7jfg_141,
  ._btnSave_p7jfg_142,
  ._btnCancel_p7jfg_143 {
    width: 100%;
  }
}
._container_1ahw7_1 {
  width: 100%;
}
._title_1ahw7_5 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2rem;
}
._empty_1ahw7_12 {
  background: #fff;
  border: 2px dashed #e0e0e0;
  border-radius: 12px;
  padding: 3rem 2rem;
  text-align: center;
  color: #999;
}
._grid_1ahw7_21 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 2rem;
}
._card_1ahw7_27 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}
._card_1ahw7_27:hover {
  box-shadow: 0 8px 24px #e91e6326;
  transform: translateY(-4px);
}
._cardHeader_1ahw7_43 {
  padding: 1.5rem;
  background: linear-gradient(135deg, #e91e63, #c2185b);
  color: #fff;
}
._cardTitle_1ahw7_49 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
._rolesSection_1ahw7_56 {
  padding: 1rem 1.5rem;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
._rolesLabel_1ahw7_66 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
  margin-right: 0.5rem;
}
._badge_1ahw7_74 {
  background: #fff;
  border: 1.5px solid #e91e63;
  color: #e91e63;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}
._badge_1ahw7_74:nth-child(2n) {
  background: #f3e5f5;
}
._cardContent_1ahw7_90 {
  padding: 1.5rem;
  flex: 1;
}
._label_1ahw7_95 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
._text_1ahw7_103 {
  margin: 0;
  color: #333;
  font-size: 0.95rem;
  line-height: 1.4;
  word-break: break-word;
}
._placeholders_1ahw7_111 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
._placeholder_1ahw7_111 {
  background: #f0f0f0;
  color: #1976d2;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  font-family:
    Courier New,
    monospace;
}
._placeholderEmpty_1ahw7_128 {
  color: #999;
  font-size: 0.8rem;
}
._cardFooter_1ahw7_133 {
  padding: 1rem 1.5rem;
  background: #f9f9f9;
  display: flex;
  gap: 0.75rem;
  border-top: 1px solid #e0e0e0;
}
._btnEdit_1ahw7_141,
._btnDelete_1ahw7_142 {
  flex: 1;
  padding: 0.75rem;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}
._btnEdit_1ahw7_141 {
  background: #1976d2;
  color: #fff;
}
._btnEdit_1ahw7_141:hover {
  background: #1565c0;
  transform: translateY(-2px);
}
._btnDelete_1ahw7_142 {
  background: #f44336;
  color: #fff;
}
._btnDelete_1ahw7_142:hover {
  background: #d32f2f;
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  ._grid_1ahw7_21 {
    grid-template-columns: 1fr;
  }
  ._title_1ahw7_5 {
    font-size: 1.5rem;
  }
  ._rolesSection_1ahw7_56 {
    gap: 0.5rem;
  }
  ._badge_1ahw7_74 {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }
}
._selector_1j5hv_1 {
  width: 100%;
}
._empty_1j5hv_5 {
  color: #999;
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem;
}
._select_1j5hv_1 {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.3s ease;
}
._select_1j5hv_1:focus {
  outline: none;
  border-color: #e91e63;
  box-shadow: 0 0 0 3px #e91e631a;
}
._details_1j5hv_29 {
  margin-top: 1rem;
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 6px;
  border-left: 4px solid #e91e63;
}
._detail_1j5hv_29 {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  color: #333;
}
._detail_1j5hv_29 strong {
  color: #1a1a1a;
}
._selector_ih22j_1 {
  width: 100%;
}
._searchInput_ih22j_5 {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
._searchInput_ih22j_5:focus {
  outline: none;
  border-color: #e91e63;
  box-shadow: 0 0 0 3px #e91e631a;
}
._selectAllContainer_ih22j_21 {
  padding: 0.75rem;
  background: #f9f9f9;
  border-radius: 6px;
  margin-bottom: 1rem;
  border: 1px solid #e0e0e0;
}
._checkboxLabel_ih22j_29 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
  color: #333;
}
._checkbox_ih22j_29 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #e91e63;
}
._userList_ih22j_46 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
}
._userItem_ih22j_54 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._userItem_ih22j_54:hover {
  background: #f9f9f9;
  border-color: #e91e63;
}
._userInfo_ih22j_71 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
._userName_ih22j_78 {
  font-weight: 600;
  color: #333;
  font-size: 0.9rem;
}
._userEmail_ih22j_84 {
  font-size: 0.8rem;
  color: #999;
}
._preview_15g7f_1 {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}
._header_15g7f_8 {
  background: #f9f9f9;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
}
._headerRow_15g7f_14 {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  align-items: center;
}
._headerRow_15g7f_14:last-child {
  margin-bottom: 0;
}
._label_15g7f_26 {
  font-weight: 600;
  color: #666;
  min-width: 70px;
  flex-shrink: 0;
}
._value_15g7f_33 {
  color: #333;
  word-break: break-all;
  flex: 1;
}
._error_value_15g7f_39 {
  color: red;
  word-break: break-all;
  flex: 1;
  font-weight: 500;
}
._body_15g7f_46 {
  padding: 1.5rem;
  min-height: 200px;
  background: #fff;
}
._error_content_15g7f_52 {
  font-size: 0.95rem;
  line-height: 1.6;
  color: red;
}
._content_15g7f_58 {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
}
._content_15g7f_58 p {
  margin: 0.75rem 0;
}
._content_15g7f_58 ul,
._content_15g7f_58 ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
}
._content_15g7f_58 li {
  margin: 0.5rem 0;
}
._content_15g7f_58 a {
  color: #1976d2;
  text-decoration: none;
}
._content_15g7f_58 a:hover {
  text-decoration: underline;
}
._skeletonValue_15g7f_88 {
  flex: 1;
  height: 16px;
  background: linear-gradient(90deg, #f0f0f0, #e8e8e8, #f0f0f0 40%, #f0f0f0);
  background-size: 200% 100%;
  animation: _shimmer_15g7f_1 1.8s ease-in-out infinite;
  border-radius: 4px;
}
._skeletonBody_15g7f_103 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._skeletonLine_15g7f_109 {
  height: 14px;
  background: linear-gradient(90deg, #f0f0f0, #e8e8e8, #f0f0f0 40%, #f0f0f0);
  background-size: 200% 100%;
  animation: _shimmer_15g7f_1 1.8s ease-in-out infinite;
  border-radius: 4px;
  width: 100%;
}
._skeletonLine_15g7f_109:nth-child(2) {
  animation-delay: 0.1s;
}
._skeletonLine_15g7f_109:nth-child(3) {
  animation-delay: 0.2s;
}
._skeletonLine_15g7f_109:nth-child(4) {
  animation-delay: 0.3s;
}
._skeletonLine_15g7f_109:nth-child(5) {
  animation-delay: 0.4s;
}
._skeletonLine_15g7f_109:nth-child(6) {
  animation-delay: 0.5s;
}
._skeletonLine_15g7f_109:nth-child(7) {
  animation-delay: 0.6s;
}
@keyframes _shimmer_15g7f_1 {
  0% {
    background-position: -200% 0;
  }
  to {
    background-position: 200% 0;
  }
}
._options_1renb_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._optionGroup_1renb_7 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._radioLabel_1renb_13 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  color: #333;
}
._radio_1renb_13 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #e91e63;
}
._scheduleInputs_1renb_30 {
  display: flex;
  gap: 0.75rem;
  margin-left: 1.75rem;
  margin-top: 0.5rem;
}
._input_1renb_37 {
  flex: 1;
  padding: 0.75rem;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
}
._input_1renb_37:focus {
  outline: none;
  border-color: #e91e63;
  box-shadow: 0 0 0 3px #e91e631a;
}
@media (max-width: 768px) {
  ._scheduleInputs_1renb_30 {
    flex-direction: column;
  }
}
._container_1wk5r_1 {
  width: 100%;
}
._title_1wk5r_5 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2rem;
}
._grid_1wk5r_12 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
._leftColumn_1wk5r_18,
._rightColumn_1wk5r_19 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._section_1wk5r_25 {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
}
._sectionTitle_1wk5r_32 {
  font-size: 1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._userCount_1wk5r_42 {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #e3f2fd;
  color: #1976d2;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}
._actions_1wk5r_53 {
  display: flex;
  gap: 1rem;
}
._btnSend_1wk5r_58,
._btnBack_1wk5r_59 {
  flex: 1;
  padding: 1rem;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
._btnSend_1wk5r_58 {
  background: linear-gradient(135deg, #e91e63, #c2185b);
  color: #fff;
}
._btnSend_1wk5r_58:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #e91e634d;
}
._btnBack_1wk5r_59 {
  background: #e0e0e0;
  color: #333;
}
._btnBack_1wk5r_59:hover {
  background: #d0d0d0;
}
._previewContainer_1wk5r_89 {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 80px;
}
._previewHeader_1wk5r_101 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 1rem;
}
._previewTitle_1wk5r_109 {
  font-size: 1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}
._previewCounter_1wk5r_116 {
  background: #e91e63;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}
._navigation_1wk5r_125 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid #e0e0e0;
}
._navBtn_1wk5r_133 {
  flex: 1;
  padding: 0.75rem;
  background: #f0f0f0;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}
._navBtn_1wk5r_133:hover:not(:disabled) {
  background: #e91e63;
  color: #fff;
  border-color: #e91e63;
}
._navBtn_1wk5r_133:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._navInfo_1wk5r_156 {
  flex: 1;
  text-align: center;
  font-size: 0.85rem;
  color: #666;
  font-weight: 600;
}
@media (max-width: 1024px) {
  ._grid_1wk5r_12 {
    grid-template-columns: 1fr;
  }
  ._previewContainer_1wk5r_89 {
    position: static;
  }
}
@media (max-width: 768px) {
  ._section_1wk5r_25 {
    padding: 1rem;
  }
  ._actions_1wk5r_53 {
    flex-direction: column;
  }
  ._btnSend_1wk5r_58,
  ._btnBack_1wk5r_59 {
    width: 100%;
  }
  ._navigation_1wk5r_125 {
    flex-direction: column;
  }
  ._navBtn_1wk5r_133,
  ._navInfo_1wk5r_156 {
    width: 100%;
  }
}
._container_oib90_1 {
  min-height: 100vh;
  background-color: #f5f7fa;
}
._header_oib90_7 {
  background-color: #2563eb;
  color: #fff;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px #0000001a;
}
._title_oib90_16 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
._subtitle_oib90_22 {
  font-size: 14px;
  opacity: 0.9;
  margin-top: 8px;
}
._breadcrumb_oib90_29 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #64748b;
  flex-wrap: wrap;
}
._breadcrumbLink_oib90_39 {
  color: #2563eb;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  padding: 0;
  font: inherit;
}
._breadcrumbLink_oib90_39:hover {
  text-decoration: underline;
}
._breadcrumbLink_oib90_39:disabled {
  cursor: default;
  opacity: 0.6;
}
._breadcrumbText_oib90_58 {
  color: #64748b;
}
._card_oib90_63 {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px #0000000d;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  cursor: pointer;
}
._card_oib90_63:hover,
._cardHover_oib90_78 {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}
._cardTitle_oib90_83 {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
}
._cardMeta_oib90_90 {
  display: flex;
  gap: 16px;
  font-size: 14px;
  color: #64748b;
  margin-top: 12px;
  flex-wrap: wrap;
}
._sectionTitle_oib90_99 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1e293b;
}
._studentCard_oib90_107 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._studentName_oib90_113 {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
}
._studentRoll_oib90_119 {
  font-size: 14px;
  color: #64748b;
  margin-top: 4px;
}
._badge_oib90_126 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
._badgeSuccess_oib90_134,
._badgeSubmitted_oib90_138 {
  background-color: #dcfce7;
  color: #16a34a;
}
._badgeEvaluated_oib90_143 {
  background-color: #dbeafe;
  color: #1d4ed8;
}
._badgeMcq_oib90_149 {
  background-color: #dbeafe;
  color: #1e40af;
}
._badgeDescriptive_oib90_154 {
  background-color: #fef3c7;
  color: #92400e;
}
._summaryCard_oib90_160 {
  background-color: #f0f9ff;
  border: 2px solid #bae6fd;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
}
._summaryTitle_oib90_168 {
  font-size: 18px;
  font-weight: 600;
  color: #0369a1;
  margin-bottom: 12px;
}
._summaryGrid_oib90_175 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
._summaryItem_oib90_182 {
  text-align: center;
}
._summaryValue_oib90_186 {
  font-size: 28px;
  font-weight: 700;
  color: #0369a1;
}
._summaryLabel_oib90_192 {
  font-size: 14px;
  color: #64748b;
  margin-top: 4px;
}
._markingContainer_oib90_199 {
  display: grid;
  grid-template-columns: 1fr 250px;
  gap: 20px;
  align-items: start;
}
._sidebar_oib90_206 {
  position: sticky;
  top: 20px;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 4px #0000000d;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
._sidebarTitle_oib90_217 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1e293b;
}
._questionNav_oib90_225 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
._questionNavBtn_oib90_231 {
  padding: 8px;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.2s;
  text-align: center;
}
._questionNavBtn_oib90_231:hover {
  background-color: #f0f4f8;
}
._questionNavBtnActive_oib90_247 {
  background-color: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
._questionNavBtnMarked_oib90_253 {
  background-color: #10b981;
  color: #fff;
  border-color: #10b981;
}
._mainContent_oib90_260 {
  flex: 1;
}
._answerSection_oib90_264 {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px #0000000d;
}
._questionHeader_oib90_272 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e2e8f0;
  flex-wrap: wrap;
  gap: 8px;
}
._questionNo_oib90_283 {
  font-size: 16px;
  font-weight: 600;
  color: #2563eb;
}
._badgeContainer_oib90_289 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._marksInfo_oib90_295 {
  font-size: 14px;
  color: #64748b;
}
._questionText_oib90_300 {
  font-size: 16px;
  color: #1e293b;
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 1.6;
}
._mcqOptions_oib90_309 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}
._mcqOption_oib90_309 {
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
}
._mcqOptionCorrect_oib90_323 {
  background-color: #dcfce7;
  border-color: #16a34a;
  color: #166534;
}
._mcqOptionSelected_oib90_329 {
  background-color: #fef2f2;
  border-color: #dc2626;
  color: #991b1b;
}
._answerBox_oib90_336 {
  background-color: #f8fafc;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid #e2e8f0;
}
._answerLabel_oib90_344 {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 8px;
  font-weight: 500;
}
._answerText_oib90_351 {
  font-size: 15px;
  color: #1e293b;
  line-height: 1.6;
  white-space: pre-wrap;
}
._markingSection_oib90_359 {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
._markingLabel_oib90_366 {
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
}
._input_oib90_372 {
  padding: 10px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 16px;
  width: 120px;
}
._input_oib90_372:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #2563eb1a;
}
._input_oib90_372:disabled {
  background-color: #f1f5f9;
  cursor: not-allowed;
}
._marksOut_oib90_391 {
  font-size: 14px;
  color: #64748b;
}
._autoMarkedLabel_oib90_396 {
  font-size: 12px;
  color: #16a34a;
  font-weight: 500;
}
._button_oib90_403 {
  padding: 10px 24px;
  background-color: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
._button_oib90_403:hover {
  background-color: #1d4ed8;
}
._buttonSecondary_oib90_419 {
  background-color: #64748b;
}
._buttonSecondary_oib90_419:hover {
  background-color: #475569;
}
._navigationButtons_oib90_427 {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
  justify-content: end;
}
._autoMarkBtn_oib90_435 {
  padding: 12px 24px;
  background-color: #059669;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
._autoMarkBtn_oib90_435:hover {
  background-color: #047857;
}
._emptyState_oib90_452 {
  background-color: #fff;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0 2px 4px #0000000d;
}
._emptyState_oib90_452 p {
  font-size: 16px;
  color: #64748b;
  margin: 0;
}
@media (max-width: 768px) {
  ._markingContainer_oib90_199 {
    grid-template-columns: 1fr;
  }
  ._sidebar_oib90_206 {
    position: static;
    max-height: none;
  }
  ._questionNav_oib90_225 {
    grid-template-columns: repeat(4, 1fr);
  }
  ._mcqOptions_oib90_309 {
    grid-template-columns: 1fr;
  }
  ._markingSection_oib90_359 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._input_oib90_372 {
    width: 100%;
  }
}
._saveSummaryCard_oib90_496 {
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 2px 4px #0000000d;
  margin: 0 auto;
}
._saveSummaryGrid_oib90_505 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 2px solid #e2e8f0;
}
._saveSummaryItem_oib90_514 {
  text-align: center;
}
._saveSummaryLabel_oib90_518 {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
._saveSummaryValue_oib90_527 {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
}
._saveSummaryHighlight_oib90_533 {
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  border-radius: 12px;
  padding: 32px 24px;
  margin-bottom: 32px;
}
._scoreContainer_oib90_540 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 24px;
}
._scoreBox_oib90_546 {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #bae6fd;
}
._scoreLabel_oib90_554 {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
}
._scoreValue_oib90_562 {
  font-size: 36px;
  font-weight: 700;
  color: #0369a1;
}
._scoreMaxLabel_oib90_568 {
  font-size: 14px;
  color: #64748b;
  margin-top: 4px;
}
._percentage_oib90_574 {
  color: #059669 !important;
}
._grade_oib90_578 {
  color: #2563eb !important;
}
._detailedScores_oib90_582 {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 2px solid #e2e8f0;
}
._detailedTitle_oib90_588 {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 16px;
}
._detailedGrid_oib90_595 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 12px;
}
._detailedItem_oib90_601 {
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}
._detailedQuestion_oib90_609 {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 4px;
}
._detailedMark_oib90_616 {
  font-size: 16px;
  font-weight: 700;
  color: #0369a1;
}
._answerTimestamp_oib90_623 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
  padding: 0.25rem 0.625rem;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 1rem;
  font-size: 0.8125rem;
  color: #1e40af;
  font-weight: 500;
}
._answerTimestamp_oib90_623:before {
  content: "🕒";
  font-size: 0.875rem;
}
._container_1nh56_1 {
  max-width: 1600px;
  margin: 0 auto;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    sans-serif;
  background-color: #f8f9fa;
  min-height: 100vh;
}
._header_1nh56_10 {
  margin-bottom: 32px;
}
._headerTitle_1nh56_14 {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px;
}
._headerSubtitle_1nh56_21 {
  font-size: 15px;
  color: #666;
  margin: 0;
}
._card_1nh56_27 {
  background-color: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
  margin-bottom: 24px;
}
._cardTitle_1nh56_35 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}
._examGrid_1nh56_42 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
._examCard_1nh56_48 {
  padding: 20px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
._examCardTitle_1nh56_55 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
._examCardInfo_1nh56_62 {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
._examCardText_1nh56_69 {
  font-size: 13px;
  color: #666;
}
._examCardEnrolled_1nh56_74 {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
  font-size: 13px;
  font-weight: 500;
  color: #2196f3;
}
._panelGrid_1nh56_83 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
._panel_1nh56_83 {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
  display: flex;
  flex-direction: column;
  height: 700px;
}
._panelHeader_1nh56_99 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}
._panelTitle_1nh56_107 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
._filterRow_1nh56_114 {
  padding: 16px 24px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  gap: 12px;
}
._searchInput_1nh56_121 {
  flex: 1;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  outline: none;
}
._select_1nh56_130 {
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  min-width: 150px;
}
._listContainer_1nh56_140 {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
}
._studentCard_1nh56_146 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
  transition: all 0.2s;
  background-color: #fff;
}
._checkbox_1nh56_158 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #2196f3;
}
._avatar_1nh56_165 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
._studentInfo_1nh56_178 {
  flex: 1;
  min-width: 0;
}
._studentName_1nh56_183 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
}
._studentDetails_1nh56_190 {
  font-size: 12px;
  color: #666;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
._button_1nh56_198 {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
._buttonPrimary_1nh56_207 {
  background-color: #2196f3;
  color: #fff;
}
._buttonOutline_1nh56_212 {
  background-color: transparent;
  border: 1px solid;
}
._emptyState_1nh56_217 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  color: #999;
}
._summaryGrid_1nh56_227 {
  padding: 16px 24px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
._indexBadge_1nh56_236 {
  width: 28px;
  height: 28px;
  background-color: #2196f3;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
._removeButton_1nh56_249 {
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #f44336;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
}
._table_1nh56_260 {
  width: 100%;
  border-collapse: collapse;
}
._tableHeader_1nh56_265 {
  background-color: #f8f9fa;
  border-bottom: 2px solid #e0e0e0;
}
._tableHeaderCell_1nh56_270 {
  padding: 12px 16px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #555;
}
._tableRow_1nh56_278 {
  border-bottom: 1px solid #f0f0f0;
}
._tableCell_1nh56_282 {
  padding: 12px 16px;
  font-size: 14px;
  color: #333;
}
._badge_1nh56_288 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
._footer_1nh56_296 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 0;
}
._examCard_1nh56_48 {
  padding: 20px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid #e0e0e0;
  background-color: #fff;
}
._examCard_1nh56_48:hover {
  border-color: #2196f3;
  box-shadow: 0 2px 8px #2196f326;
}
._examCard_1nh56_48._selected_1nh56_317 {
  border-color: #2196f3;
  background-color: #f8fdff;
  box-shadow: 0 4px 12px #2196f333;
}
._container_1h9hg_4 {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 4px 15px #0000000d;
  border: 1px solid #edf0f5;
}
._title_1h9hg_12 {
  font-size: 20px;
  font-weight: 700;
  color: #24334a;
  margin-bottom: 25px;
  border-bottom: 2px solid #007bff;
  padding-bottom: 8px;
}
._dropdownRow_1h9hg_24 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}
._dropdownGroup_1h9hg_31 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 220px;
}
._label_1h9hg_38 {
  font-size: 14px;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 6px;
}
._select_1h9hg_45,
._input_1h9hg_46 {
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  background-color: #f9fafb;
  color: #1f2937;
  transition: all 0.25s ease;
}
._select_1h9hg_45:focus,
._input_1h9hg_46:focus {
  border-color: #007bff;
  background-color: #fff;
  box-shadow: 0 0 0 3px #007bff26;
}
._card_1h9hg_67 {
  position: relative;
  background: #f9fbfd;
  border: 1px solid #e7ecf3;
  border-radius: 10px;
  padding: 40px 24px 22px;
  margin-bottom: 25px;
  box-shadow: 0 2px 6px #0000000a;
  transition: all 0.25s ease;
  overflow: visible;
}
._card_1h9hg_67:hover {
  background: #fff;
  box-shadow: 0 4px 12px #0000000f;
  transform: translateY(-2px);
}
._inputRow_1h9hg_85 {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
._inputGroup_1h9hg_93 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 130px;
}
._deleteBtn_1h9hg_100 {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fff;
  border: 1px solid #f0bcbc;
  color: #dc3545;
  cursor: pointer;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  box-shadow: 0 2px 6px #0000000d;
  z-index: 5;
  font-size: 16px;
}
._deleteBtn_1h9hg_100 svg {
  color: inherit;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
._deleteBtn_1h9hg_100:hover {
  background-color: #dc3545;
  color: #dc3545;
  border-color: #dc3545;
  transform: scale(1.1);
  box-shadow: 0 4px 10px #dc354540;
}
._card_1h9hg_67 ._deleteBtn_1h9hg_100 {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
}
._card_1h9hg_67:hover ._deleteBtn_1h9hg_100 {
  opacity: 1;
  visibility: visible;
}
._totalBox_1h9hg_151 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 50px;
}
._totalValue_1h9hg_159 {
  background-color: #eaf3ff;
  border: 1px solid #007bff;
  color: #0056b3;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 14px;
  border-radius: 6px;
  text-align: center;
  min-width: 70px;
  box-shadow: 0 0 6px #0d6efd26;
}
._difficultyTitle_1h9hg_175 {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 8px;
  font-style: italic;
}
._difficultyRow_1h9hg_182 {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
._addMoreContainer_1h9hg_191 {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}
._totalSummaryBox_1h9hg_200 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  background: #f8faff;
  border: 1px solid #d8e3f5;
  border-radius: 8px;
  padding: 12px 18px;
  box-shadow: 0 2px 8px #007bff0d;
}
._totalSummaryLabel_1h9hg_213 {
  font-size: 15px;
  font-weight: 600;
  color: #34495e;
  margin-right: 10px;
}
._totalSummaryValue_1h9hg_220 {
  font-size: 16px;
  font-weight: 700;
  color: #007bff;
  background: #eaf3ff;
  border: 1px solid #007bff;
  border-radius: 6px;
  padding: 6px 14px;
  box-shadow: 0 0 6px #0d6efd26;
}
@media (max-width: 1024px) {
  ._container_1h9hg_4 {
    padding: 22px;
  }
  ._dropdownGroup_1h9hg_31 {
    min-width: 180px;
  }
}
@media (max-width: 767px) {
  ._container_1h9hg_4 {
    padding: 16px;
  }
  ._title_1h9hg_12 {
    font-size: 18px;
    text-align: center;
    border: none;
    border-bottom: 2px solid #007bff;
    padding-bottom: 5px;
  }
  ._dropdownRow_1h9hg_24 {
    flex-direction: column;
    gap: 12px;
  }
  ._dropdownGroup_1h9hg_31,
  ._inputGroup_1h9hg_93 {
    width: 100%;
  }
  ._inputRow_1h9hg_85,
  ._difficultyRow_1h9hg_182 {
    flex-direction: column;
    gap: 10px;
  }
  ._totalBox_1h9hg_151 {
    width: 100%;
    align-items: flex-start;
  }
  ._totalValue_1h9hg_159 {
    width: 100%;
  }
  ._addMoreContainer_1h9hg_191 {
    justify-content: center;
  }
}
._container_4x87m_1 {
  display: flex;
  height: 100vh;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
  background-color: #f8fafc;
}
._notification_4x87m_8 {
  position: fixed;
  top: 24px;
  right: 24px;
  background-color: #10b981;
  color: #fff;
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 10px 25px #10b9814d;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  animation: _slideIn_4x87m_1 0.3s ease-out;
}
@keyframes _slideIn_4x87m_1 {
  0% {
    transform: translate(400px);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
._leftPanel_4x87m_36 {
  width: 380px;
  background-color: #fff;
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
}
._panelHeader_4x87m_44 {
  padding: 24px;
  border-bottom: 1px solid #e2e8f0;
  background-color: #fff;
}
._panelTitle_4x87m_50 {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
}
._panelSubtitle_4x87m_60 {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}
._proctorList_4x87m_66 {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
._proctorCard_4x87m_72 {
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  border: 2px solid;
  cursor: pointer;
  transition: all 0.2s;
}
._proctorInfo_4x87m_81 {
  margin-bottom: 8px;
}
._proctorName_4x87m_85 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
}
._proctorEmail_4x87m_91 {
  font-size: 13px;
  margin-bottom: 2px;
}
._proctorDept_4x87m_96 {
  font-size: 12px;
  font-weight: 500;
}
._studentCount_4x87m_101 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}
._buttonGroup_4x87m_112 {
  display: flex;
  gap: 8px;
}
._input_4x87m_117 {
  width: 100%;
  padding: 8px;
  margin-bottom: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}
._btnSave_4x87m_127 {
  flex: 1;
  padding: 8px;
  background-color: #10b981 !important;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
}
._btnCancel_4x87m_143 {
  flex: 1;
  padding: 8px;
  background-color: #ef4444;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
}
._btnEdit_4x87m_159 {
  flex: 1;
  padding: 6px 12px;
  background-color: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
}
._btnDelete_4x87m_175 {
  flex: 1;
  padding: 6px 12px;
  background-color: #ef4444;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
}
._addFormContainer_4x87m_191 {
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 6px #0000001a;
}
._btnSuccess_4x87m_200 {
  flex: 1;
  padding: 8px;
  background-color: #10b981;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
}
._panelFooter_4x87m_212 {
  padding: 16px;
  border-top: 1px solid #e2e8f0;
  background-color: #f8fafc;
}
._btnAddProctor_4x87m_218 {
  width: 100%;
  padding: 12px;
  background-color: #10b981;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s;
}
._btnAddProctor_4x87m_218:disabled {
  background-color: #cbd5e1;
  cursor: not-allowed;
}
._rightPanel_4x87m_240 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._rightHeader_4x87m_246 {
  padding: 24px;
  border-bottom: 1px solid #e2e8f0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
._rightTitle_4x87m_256 {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
}
._rightSubtitle_4x87m_263 {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}
._controlButtons_4x87m_269 {
  display: flex;
  gap: 12px;
  align-items: center;
}
._modeBtn_4x87m_275 {
  padding: 10px 20px;
  color: #64748b;
  border: 2px solid;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s;
}
._modeBtn_4x87m_275:first-of-type {
  border-color: #3b82f6;
}
._modeBtn_4x87m_275:nth-of-type(2) {
  border-color: #8b5cf6;
}
._modeBtnActive_4x87m_294 {
  color: #fff;
}
._btnSaveAssignments_4x87m_298 {
  padding: 12px 28px;
  background-color: #10b981;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  font-size: 15px;
  box-shadow: 0 4px 6px #10b9814d;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
}
._infoBoxManual_4x87m_314 {
  padding: 12px 16px;
  background-color: #dbeafe;
  border-radius: 8px;
  border: 1px solid #3b82f6;
  font-size: 14px;
  color: #1e40af;
  margin: 16px 24px 0;
}
._infoBoxAuto_4x87m_324 {
  padding: 12px 16px;
  background-color: #fef3c7;
  border-radius: 8px;
  border: 1px solid #fbbf24;
  font-size: 14px;
  color: #92400e;
  margin: 16px 24px 0;
}
._btnAutoDistribute_4x87m_334 {
  margin: 12px 24px 0;
  padding: 10px 20px;
  background-color: #10b981;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
}
._studentGrid_4x87m_346 {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._studentCard_4x87m_355 {
  border-radius: 12px;
  padding: 20px;
  border: 1px solid;
  box-shadow: 0 2px 4px #0000000d;
  cursor: default;
  transition: all 0.2s;
}
._studentName_4x87m_364 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}
._studentDetails_4x87m_370 {
  display: flex;
  gap: 16px;
  font-size: 14px;
  margin-bottom: 8px;
}
._proctorBadge_4x87m_377 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}
._avatar_4x87m_384 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
._studentCard_4x87m_355 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._textBlock_4x87m_404 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._avatar_4x87m_384 {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e2e8f0;
  font-size: 20px;
  font-weight: 600;
}
._avatarImage_4x87m_423 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._bgWrap_3qbi1_1 {
  background: linear-gradient(180deg, #6c52ff, #4637b6);
  padding: 35px;
  min-height: 100vh;
  color: #222;
}
._headerCard_3qbi1_9 {
  background: #fff;
  padding: 28px;
  display: flex;
  justify-content: space-between;
  border-radius: 18px;
  box-shadow: 0 3px 18px #00000014;
  margin-bottom: 25px;
}
._headerCol_3qbi1_19 {
  text-align: center;
  width: 33.33%;
}
._label_3qbi1_21 {
  font-size: 20px;
  letter-spacing: 1px;
  opacity: 0.7;
}
._headerValue_3qbi1_27 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}
._subject_3qbi1_33 {
  font-size: 22px;
  color: #5248ff;
  margin: 0;
}
._total_3qbi1_39 {
  font-size: 26px;
  font-weight: 700;
  color: #00d67a;
  margin: 0;
}
._filterCard_3qbi1_47 {
  background: #fff;
  padding: 22px;
  border-radius: 18px;
  box-shadow: 0 3px 14px #0000000f;
  margin-bottom: 25px;
}
._filterRow_3qbi1_55 {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
._filterRow_3qbi1_55 > div {
  flex: 1;
}
label {
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}
._input_3qbi1_70 {
  width: 100%;
  background: #f8f8ff;
  padding: 10px;
  border: 1px solid #d8d8ff;
  border-radius: 10px;
  font-size: 14px;
}
._panelGrid_3qbi1_80 {
  display: flex;
  gap: 25px;
}
._panel_3qbi1_80 {
  width: 50%;
  background: #fff;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 3px 16px #00000012;
  display: flex;
  flex-direction: column;
}
._panelHead_3qbi1_95 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._panelTitle_3qbi1_101 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
._countPurple_3qbi1_108 {
  padding: 4px 12px;
  background: #7c5aff;
  color: #fff;
  border-radius: 20px;
  font-weight: 600;
}
._countGreen_3qbi1_116 {
  padding: 4px 12px;
  background: #00c98d;
  color: #fff;
  border-radius: 20px;
  font-weight: 600;
}
._listScroll_3qbi1_125 {
  overflow-y: auto;
  margin-top: 12px;
  height: 390px;
  padding-right: 6px;
}
._listScroll_3qbi1_125::-webkit-scrollbar {
  width: 6px;
}
._listScroll_3qbi1_125::-webkit-scrollbar-thumb {
  background: #ccc4ff;
  border-radius: 10px;
}
._questionItem_3qbi1_139 {
  background: #fafbff;
  border: 1px solid #ecebfd;
  border-radius: 12px;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
._meta_3qbi1_150 {
  font-size: 12px;
  color: #6e6e6e;
  margin-top: 3px;
}
._tag_3qbi1_157 {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 14px;
  color: #fff;
  margin-left: 6px;
  font-weight: 600;
}
._low_3qbi1_166 {
  background: #00c98d;
}
._medium_3qbi1_167 {
  background: #ffb431;
}
._high_3qbi1_168 {
  background: #ff3f6b;
}
._btnAdd_3qbi1_171,
._btnRemove_3qbi1_172 {
  width: 32px;
  height: 32px;
  background: #ece8ff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
._btnAdd_3qbi1_171:hover {
  background: #5a47ff;
}
._btnRemove_3qbi1_172 {
  background: #ffe5e9;
}
._btnRemove_3qbi1_172:hover {
  background: #ff4668;
}
._empty_3qbi1_189 {
  text-align: center;
  margin-top: 120px;
  opacity: 0.7;
}
._footer_3qbi1_194 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 0;
}
._button_3qbi1_200 {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
._buttonPrimary_3qbi1_209 {
  background-color: #2196f3;
  color: #fff;
}
._buttonOutline_3qbi1_214 {
  background-color: transparent;
  border: 1px solid;
}
._dashboardContainer_jyaci_10 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f8f9fc, #f0f4f8);
}
._dashboardBgElements_jyaci_30 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
._bgCircle_jyaci_41 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.03;
}
._bgCircle1_jyaci_47 {
  width: 400px;
  height: 400px;
  background: #3b82f6;
  top: -100px;
  left: -100px;
}
._bgCircle2_jyaci_55 {
  width: 300px;
  height: 300px;
  background: #10b981;
  bottom: 50px;
  right: -50px;
}
._bgCircle3_jyaci_63 {
  width: 250px;
  height: 250px;
  background: #f59e0b;
  top: 50%;
  right: 5%;
}
._dashboardContent_jyaci_71 {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
._dashboardHeader_jyaci_82 {
  text-align: center;
  margin-bottom: 4rem;
}
._headerTitle_jyaci_87 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
._headerTitle_jyaci_87 h1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: #3b82f6;
  margin: 0;
}
@media (min-width: 768px) {
  ._headerTitle_jyaci_87 h1 {
    font-size: 2rem;
  }
}
._headerDot_jyaci_109 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #3b82f6;
  display: inline-block;
  animation: _pulse_jyaci_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
._headerDot1_jyaci_118 {
  animation-delay: 0s;
}
._headerDot2_jyaci_122 {
  animation-delay: 0.3s;
}
@keyframes _pulse_jyaci_1 {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._statsGrid_jyaci_140 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 4rem;
}
@media (min-width: 640px) {
  ._statsGrid_jyaci_140 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  ._statsGrid_jyaci_140 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
._statCard_jyaci_165 {
  background: #fff;
  border-radius: 16px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000000f;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
}
._statCard_jyaci_165:hover {
  box-shadow: 0 8px 24px #0000001f;
}
._statCardContent_jyaci_181 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 2;
}
._statCardIcon_jyaci_189 {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._statCardBlue_jyaci_199 ._statCardIcon_jyaci_189 {
  background: #dbeafe;
  color: #3b82f6;
}
._statCardGreen_jyaci_204 ._statCardIcon_jyaci_189 {
  background: #dcfce7;
  color: #10b981;
}
._statCardOrange_jyaci_209 ._statCardIcon_jyaci_189 {
  background: #fef3c7;
  color: #f59e0b;
}
._statCardPink_jyaci_214 ._statCardIcon_jyaci_189 {
  background: #fce7f3;
  color: #ec4899;
}
._statCardIcon_jyaci_189 svg {
  width: 28px;
  height: 28px;
}
._statCardText_jyaci_224 {
  flex: 1;
}
._statLabel_jyaci_228 {
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
._statValue_jyaci_235 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}
._statCardBlue_jyaci_199 ._statValue_jyaci_235 {
  color: #3b82f6;
}
._statCardGreen_jyaci_204 ._statValue_jyaci_235 {
  color: #10b981;
}
._statCardOrange_jyaci_209 ._statValue_jyaci_235 {
  color: #f59e0b;
}
._statCardPink_jyaci_214 ._statValue_jyaci_235 {
  color: #ec4899;
}
._statCardBorder_jyaci_257 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  z-index: 1;
}
._statBorderBlue_jyaci_266 {
  background: linear-gradient(180deg, #3b82f6, #60a5fa);
}
._statBorderGreen_jyaci_270 {
  background: linear-gradient(180deg, #10b981, #34d399);
}
._statBorderOrange_jyaci_274 {
  background: linear-gradient(180deg, #f59e0b, #fbbf24);
}
._statBorderPink_jyaci_278 {
  background: linear-gradient(180deg, #ec4899, #f472b6);
}
._examsSection_jyaci_286 {
  margin-top: 4rem;
}
._sectionHeader_jyaci_290 {
  margin-bottom: 2.5rem;
}
._sectionHeader_jyaci_290 h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  ._sectionHeader_jyaci_290 h2 {
    font-size: 2.25rem;
  }
}
._sectionHeader_jyaci_290 p {
  font-size: 1rem;
  color: #6b7280;
  margin: 0;
}
._examsGrid_jyaci_313 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 768px) {
  ._examsGrid_jyaci_313 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  ._examsGrid_jyaci_313 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
._examCard_jyaci_336 {
  background: #fff;
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 2px 12px #0000000f;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
._examCard_jyaci_336:hover {
  box-shadow: 0 12px 32px #0000001f;
}
._examCardHeader_jyaci_349 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}
._liveBadge_jyaci_358 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #dcfce7;
  color: #10b981;
  padding: 0.4rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-right: 1rem;
}
._liveDot_jyaci_372 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
  display: inline-block;
  animation: _blink_jyaci_1 1.5s infinite;
}
._liveDot_jyaci_372:nth-child(1) {
  animation-delay: 0s;
}
._liveDot_jyaci_372:nth-child(2) {
  animation-delay: 0.3s;
}
@keyframes _blink_jyaci_1 {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
._studentCount_jyaci_399 {
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 500;
}
._chartIcon_jyaci_405 {
  width: 40px;
  height: 40px;
  background: #f3f4f6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  transition: all 0.3s ease;
}
._examCard_jyaci_336:hover ._chartIcon_jyaci_405 {
  background: #3b82f6;
  color: #fff;
}
._examCardBody_jyaci_426 {
  margin-bottom: 1.5rem;
}
._courseTitle_jyaci_430 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0 0 0.5rem;
}
@media (min-width: 768px) {
  ._courseTitle_jyaci_430 {
    font-size: 1.5rem;
  }
}
._courseSubtitle_jyaci_443 {
  font-size: 0.875rem;
  color: #9ca3af;
  margin: 0 0 1.5rem;
}
._progressSection_jyaci_453 {
  margin-bottom: 1.5rem;
}
._progressLabel_jyaci_457 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  color: #4b5563;
  font-weight: 600;
}
._progressPercent_jyaci_467 {
  color: #1a202c;
  font-weight: 700;
}
._progressBarContainer_jyaci_472 {
  width: 100%;
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}
._progressBar_jyaci_472 {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6, #a855f7);
  border-radius: 3px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
._examDetails_jyaci_491 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}
._detailItem_jyaci_499 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  color: #6b7280;
}
._detailItem_jyaci_499 svg {
  color: #d1d5db;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  ._examDetails_jyaci_491 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  ._detailItem_jyaci_499 {
    padding: 0.5rem 0;
  }
}
._monitorBtn_jyaci_527 {
  width: 100%;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #3b82f6, #a855f7);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  letter-spacing: 0.5px;
  margin-top: 1rem;
}
._monitorBtn_jyaci_527:hover {
  box-shadow: 0 8px 20px #3b82f64d;
  transform: translateY(-2px);
}
._monitorBtn_jyaci_527:active {
  transform: translateY(0);
}
@media (max-width: 640px) {
  ._dashboardContainer_jyaci_10 {
    padding: 1.5rem 1rem;
  }
  ._headerTitle_jyaci_87 h1 {
    font-size: 1.25rem;
  }
  ._sectionHeader_jyaci_290 h2 {
    font-size: 1.5rem;
  }
  ._examCard_jyaci_336 {
    padding: 1.5rem;
  }
  ._statCard_jyaci_165 {
    padding: 1rem;
  }
  ._statCardIcon_jyaci_189 {
    width: 48px;
    height: 48px;
  }
  ._statCardIcon_jyaci_189 svg {
    width: 24px;
    height: 24px;
  }
  ._statLabel_jyaci_228 {
    font-size: 0.75rem;
  }
  ._statValue_jyaci_235 {
    font-size: 1.5rem;
  }
  ._courseTitle_jyaci_430 {
    font-size: 1.125rem;
  }
  ._liveBadge_jyaci_358 {
    padding: 0.35rem 0.6rem;
    font-size: 0.7rem;
  }
}
@media print {
  ._dashboardBgElements_jyaci_30 {
    display: none;
  }
  ._examCard_jyaci_336 {
    page-break-inside: avoid;
  }
}
._container_1e9kz_6 {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  ._container_1e9kz_6 {
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  ._container_1e9kz_6 {
    padding: 0;
  }
}
._header_1e9kz_26 {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
._headerContent_1e9kz_34 {
  flex: 1;
}
._backLink_1e9kz_38 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #5b7cff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
._backLink_1e9kz_38:hover {
  color: #4a63e8;
}
._title_1e9kz_55 {
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  letter-spacing: -0.5px;
}
@media (min-width: 768px) {
  ._title_1e9kz_55 {
    font-size: 32px;
  }
}
._subtitle_1e9kz_69 {
  font-size: 14px;
  color: #6b7280;
  margin: 8px 0 0;
}
._gridMain_1e9kz_76 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 32px;
  align-items: stretch;
}
@media (min-width: 768px) {
  ._gridMain_1e9kz_76 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  ._gridMain_1e9kz_76 {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  }
}
._card_1e9kz_101 {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px #00000014;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  ._card_1e9kz_101 {
    padding: 28px;
    border-radius: 14px;
  }
}
._studentCard_1e9kz_129 {
  min-height: 360px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
._studentStatusDot_1e9kz_138 {
  width: 20px;
  height: 20px;
  background: #10b981;
  border: 4px solid white;
  border-radius: 50%;
  position: absolute;
  bottom: 8px;
  right: 8px;
}
._studentName_1e9kz_149 {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
._studentId_1e9kz_156 {
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
._studentActiveStatus_1e9kz_165 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #10b9811a;
  color: #10b981;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
._studentActiveDot_1e9kz_177 {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
}
._studentLastActive_1e9kz_184 {
  font-size: 12px;
  color: #9ca3af;
  display: flex;
  align-items: center;
  gap: 6px;
}
._examDetailsCard_1e9kz_193 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._examDetailsHeader_1e9kz_199 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
._examDetailsIcon_1e9kz_206 {
  width: 36px;
  height: 36px;
  background: #e8ebff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5b7cff;
  font-size: 18px;
}
._examDetailsTitle_1e9kz_218 {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
._examDetailItem_1e9kz_225 {
  padding: 12px 0;
  border-bottom: 1px solid #f0f1f3;
}
._examDetailItem_1e9kz_225:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
._examDetailLabel_1e9kz_235 {
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}
._examDetailValue_1e9kz_245 {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 8px;
}
._statisticsCard_1e9kz_255 {
  flex-direction: column;
  gap: 20px;
}
._statisticsHeader_1e9kz_261 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
._statisticsIcon_1e9kz_268 {
  width: 36px;
  height: 36px;
  background: #34d3991a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #34d399;
  font-size: 18px;
}
._statisticsTitle_1e9kz_280 {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
._statsContainer_1e9kz_287 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._statItem_1e9kz_293 {
  padding: 16px;
  background: #f3f4f6;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
}
._statItem_1e9kz_293:hover {
  background: #f9fafb;
}
._statIcon_1e9kz_305 {
  font-size: 32px;
  margin-bottom: 8px;
}
._statLabel_1e9kz_310 {
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-bottom: 6px;
}
._statValue_1e9kz_319 {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
}
._statValueDanger_1e9kz_325 {
  color: #ef4444;
}
._statActive_1e9kz_329 {
  font-size: 11px;
  color: #10b981;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
._buttonGroup_1e9kz_340 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 5px 0;
}
@media (min-width: 768px) {
  ._buttonGroup_1e9kz_340 {
    gap: 16px;
  }
}
._btn_1e9kz_353 {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  text-decoration: none;
}
@media (min-width: 768px) {
  ._btn_1e9kz_353 {
    padding: 12px 28px;
    border-radius: 10px;
  }
}
._btnPrimary_1e9kz_375 {
  background: #5b7cff;
  color: #fff;
  box-shadow: 0 4px 6px #00000014;
}
._btnPrimary_1e9kz_375:hover {
  background: #4a63e8;
  box-shadow: 0 10px 20px #0000001a;
}
._btnWarning_1e9kz_386 {
  background: #f59e0b;
  color: #fff;
  box-shadow: 0 4px 6px #00000014;
}
._btnWarning_1e9kz_386:hover {
  background: #d97706;
  box-shadow: 0 10px 20px #0000001a;
}
._btnDanger_1e9kz_397 {
  background: #ef4444;
  color: #fff;
  box-shadow: 0 4px 6px #00000014;
}
._btnDanger_1e9kz_397:hover {
  background: #dc2626;
  box-shadow: 0 10px 20px #0000001a;
}
._btnIcon_1e9kz_408 {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._warningsSection_1e9kz_417 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  margin-bottom: 32px;
  box-shadow: 0 4px 6px #00000014;
  overflow: hidden;
}
@media (min-width: 768px) {
  ._warningsSection_1e9kz_417 {
    border-radius: 14px;
  }
}
._warningsHeader_1e9kz_432 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: #fee2e2;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  ._warningsHeader_1e9kz_432 {
    padding: 24px 28px;
  }
}
._warningsHeader_1e9kz_432:hover {
  background: #fcd5d5;
}
._warningsHeaderContent_1e9kz_453 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
._warningsIcon_1e9kz_460 {
  width: 32px;
  height: 32px;
  background: #ef44441a;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef4444;
  font-size: 18px;
}
._warningsText_1e9kz_472 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._warningsTitle_1e9kz_478 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
._warningsCount_1e9kz_485 {
  font-size: 12px;
  color: #6b7280;
}
._warningsToggle_1e9kz_490 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.3s ease;
  cursor: pointer;
}
._warningsContent_1e9kz_505 {
  max-height: 1000px;
  overflow: hidden;
  transition: all 0.3s ease;
}
._warningsContentCollapsed_1e9kz_511 {
  max-height: 0;
  overflow: hidden;
}
._warningItem_1e9kz_516 {
  padding: 16px 24px;
  border-bottom: 1px solid #f0f1f3;
  display: flex;
  gap: 16px;
  transition: all 0.3s ease;
}
._warningItem_1e9kz_516:hover {
  background: #f3f4f6;
}
@media (min-width: 768px) {
  ._warningItem_1e9kz_516 {
    padding: 18px 28px;
  }
}
._warningDot_1e9kz_538 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
}
._warningDotDanger_1e9kz_546 {
  background: #ef4444;
}
._warningDotWarning_1e9kz_550 {
  background: #f59e0b;
}
._warningText_1e9kz_554 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._warningTimestamp_1e9kz_561 {
  font-size: 12px;
  color: #9ca3af;
  display: flex;
  align-items: center;
  gap: 4px;
}
._warningMessage_1e9kz_569 {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
}
._snapshotsSection_1e9kz_576 {
  margin-top: 32px;
}
._snapshotsHeader_1e9kz_580 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
._snapshotsIcon_1e9kz_587 {
  width: 36px;
  height: 36px;
  background: #e8ebff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5b7cff;
  font-size: 18px;
}
._snapshotsTitle_1e9kz_599 {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
._snapshotsGrid_1e9kz_606 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  ._snapshotsGrid_1e9kz_606 {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  ._snapshotsGrid_1e9kz_606 {
    grid-template-columns: repeat(5, 1fr);
  }
}
._snapshotCard_1e9kz_626 {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px #00000014;
  transition: all 0.3s ease;
  border: 2px solid #f0f1f3;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  ._snapshotCard_1e9kz_626 {
    border-radius: 14px;
    border-width: 2px;
  }
}
._snapshotCard_1e9kz_626:hover {
  box-shadow: 0 10px 20px #0000001a;
  border-color: #5b7cff;
}
._snapshotImageWrapper_1e9kz_649 {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f3f4f6;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
._snapshotImage_1e9kz_649 {
  width: 100%;
  height: 120px;
  object-fit: cover;
}
._snapshotStatusBadge_1e9kz_667 {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 6px #00000014;
}
._snapshotStatusBadgeNormal_1e9kz_681 {
  background: #10b981;
  color: #fff;
}
._snapshotStatusBadgeWarning_1e9kz_686 {
  background: #f59e0b;
  color: #fff;
}
._snapshotStatusBadgeDanger_1e9kz_691 {
  background: #ef4444;
  color: #fff;
}
._statusDot_1e9kz_696 {
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 50%;
}
._snapshotContent_1e9kz_703 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
@media (min-width: 768px) {
  ._snapshotContent_1e9kz_703 {
    padding: 20px;
  }
}
._snapshotTimestamp_1e9kz_717 {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 6px;
}
._snapshotInfo_1e9kz_725 {
  font-size: 13px;
  color: #1f2937;
  font-weight: 500;
}
._snapshotWarningMsg_1e9kz_731 {
  padding: 8px 12px;
  background: #ef444414;
  border-left: 3px solid #ef4444;
  border-radius: 4px;
  font-size: 12px;
  color: #ef4444;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 640px) {
  ._container_1e9kz_6 {
    padding: 16px;
  }
  ._title_1e9kz_55 {
    font-size: 24px;
  }
  ._gridMain_1e9kz_76 {
    gap: 16px;
  }
  ._buttonGroup_1e9kz_340 {
    flex-direction: column;
  }
  ._btn_1e9kz_353 {
    width: 100%;
    justify-content: center;
  }
  ._warningItem_1e9kz_516 {
    flex-direction: column;
    gap: 12px;
  }
  ._warningText_1e9kz_554 {
    width: 100%;
  }
}
@media (min-width: 641px) and (max-width: 1023px) {
  ._gridMain_1e9kz_76 {
    gap: 20px;
  }
}
._buttonGroup_1e9kz_340 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
._btn_1e9kz_353 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._btn_1e9kz_353:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}
._btnPrimary_1e9kz_375 {
  background-color: #3b82f6;
  color: #fff;
}
._btnWarning_1e9kz_386 {
  background-color: #f59e0b;
  color: #fff;
}
._btnDanger_1e9kz_397 {
  background-color: #ef4444;
  color: #fff;
}
._btnSecondary_1e9kz_824 {
  background-color: #6b7280;
  color: #fff;
}
._btnIcon_1e9kz_408 {
  font-size: 16px;
}
._overlay_1e9kz_834 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000080;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
._popup_1e9kz_848 {
  background: #fff;
  border-radius: 12px;
  padding: 0;
  max-width: 340px;
  width: 100%;
  box-shadow:
    0 20px 25px -5px #0000001a,
    0 10px 10px -5px #0000000a;
}
._popupHeader_1e9kz_857 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 0;
  margin-bottom: 16px;
}
._popupHeader_1e9kz_857 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}
._closeButton_1e9kz_872 {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #6b7280;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
._closeButton_1e9kz_872:hover {
  background-color: #f3f4f6;
  color: #374151;
}
._popupBody_1e9kz_892 {
  padding: 0 24px;
}
._popupBody_1e9kz_892 p {
  margin: 0 0 16px;
  color: #6b7280;
  line-height: 1.5;
}
._textareaContainer_1e9kz_902 {
  margin-top: 16px;
}
._warningTextarea_1e9kz_906 {
  width: 100%;
  padding: 12px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}
._warningTextarea_1e9kz_906:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._warningTextarea_1e9kz_906::placeholder {
  color: #9ca3af;
}
._charCount_1e9kz_928 {
  text-align: right;
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
._popupActions_1e9kz_935 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 10px;
}
._popupActions_1e9kz_935 ._btn_1e9kz_353 {
  min-width: 100px;
}
._tooltipBtn_1e9kz_946 {
  position: relative;
}
._tooltip_1e9kz_946 {
  visibility: hidden;
  background: #333;
  color: #fff;
  opacity: 0;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
._tooltipBtn_1e9kz_946:hover ._tooltip_1e9kz_946 {
  visibility: visible;
  opacity: 1;
}
._card_1e9kz_101 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 6px #00000014;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
}
._card_1e9kz_101:hover {
  box-shadow: 0 10px 20px #0000001a;
  border-color: #f0f1f3;
}
._studentCard_1e9kz_129 {
  min-height: 320px;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 0;
  padding: 0;
  overflow: hidden;
}
._profileSection_1e9kz_1002 {
  width: 100%;
  height: 75%;
  background: #badaf5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
  overflow: hidden;
}
._studentAvatar_1e9kz_1014 {
  width: 100%;
  height: 200px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #badaf5;
  box-shadow: none;
  overflow: hidden;
}
._studentAvatar_1e9kz_1014 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  padding: 6px;
  background: #fff;
}
._studentStatusDot_1e9kz_138 {
  width: 24px;
  height: 24px;
  background: #10b981;
  border: 4px solid white;
  border-radius: 50%;
  position: absolute;
  bottom: 12px;
  right: 100px;
  animation: _pulse_1e9kz_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  box-shadow: 0 4px 12px #10b9814d;
}
._statusBadge_1e9kz_1051 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #cf6e06;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px #10b9814d;
  z-index: 10;
}
._statusBadgeDot_1e9kz_1068 {
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: _pulse_1e9kz_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
._studentName_1e9kz_149 {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 14px 0 6px;
  padding: 0 16px;
}
._studentId_1e9kz_156 {
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 16px;
  margin-bottom: 8px;
}
._studentLastActive_1e9kz_184 {
  font-size: 12px;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 16px 14px;
}
@keyframes _pulse_1e9kz_1 {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
._btnLabel_1e9kz_1115 {
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
}
._error_1e9kz_1120 {
  color: #c41212;
}
._warningsSection_1e9kz_417 {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000001a;
  margin-top: 2rem;
}
._warningsHeader_1e9kz_432 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: linear-gradient(135deg, #fef08a, #fcd34d);
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 2px solid #f59e0b;
}
._warningsHeader_1e9kz_432:hover {
  background: linear-gradient(135deg, #fef3c7, #fce7f3);
}
._warningsHeaderContent_1e9kz_453 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._warningsIcon_1e9kz_460 {
  font-size: 1.8rem;
  animation: _pulse_1e9kz_1 2s infinite;
}
@keyframes _pulse_1e9kz_1 {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
._warningsText_1e9kz_472 h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #92400e;
}
._warningsText_1e9kz_472 p {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  color: #b45309;
}
._warningsToggle_1e9kz_490 {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
  color: #92400e;
}
._warningsToggleOpen_1e9kz_501 {
  transform: rotate(180deg);
}
._warningsContent_1e9kz_505 {
  max-height: 400px;
  overflow-y: auto;
  transition: max-height 0.3s ease;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
._warningsContent_1e9kz_505::-webkit-scrollbar {
  width: 8px;
}
._warningsContent_1e9kz_505::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}
._warningsContent_1e9kz_505::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  border-radius: 10px;
  transition: background 0.3s ease;
}
._warningsContent_1e9kz_505::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #f97316, #ea580c);
}
._warningsContentCollapsed_1e9kz_511 {
  max-height: 0;
  padding: 0 1.5rem;
}
._warningItem_1e9kz_516 {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.2s ease;
}
._warningItem_1e9kz_516:last-child {
  border-bottom: none;
}
._warningItem_1e9kz_516:hover {
  background: #fafafa;
  margin: 0 -1rem;
  padding: 1rem;
}
._warningDot_1e9kz_538 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 0.35rem;
  flex-shrink: 0;
}
._warningDotWarning_1e9kz_550 {
  background: #f59e0b;
  box-shadow: 0 0 10px #f59e0b80;
}
._warningDotDanger_1e9kz_546 {
  background: #dc2626;
  box-shadow: 0 0 10px #dc262680;
}
._warningText_1e9kz_554 {
  flex: 1;
}
._warningTimestamp_1e9kz_561 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
}
._warningTimestamp_1e9kz_561 i {
  color: #9ca3af;
}
._warningMessage_1e9kz_569 {
  font-size: 0.95rem;
  color: #374151;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
._warningSeverity_1e9kz_1291 {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  animation: _fadeInScale_1e9kz_1 0.3s ease;
}
@keyframes _fadeInScale_1e9kz_1 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  ._warningsHeader_1e9kz_432 {
    padding: 1rem;
  }
  ._warningsText_1e9kz_472 h3 {
    font-size: 1rem;
  }
  ._warningsIcon_1e9kz_460 {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  ._warningsSection_1e9kz_417 {
    margin-top: 1rem;
  }
  ._warningsHeader_1e9kz_432 {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  ._warningsHeaderContent_1e9kz_453 {
    gap: 0.75rem;
  }
  ._warningsText_1e9kz_472 h3 {
    font-size: 0.95rem;
  }
  ._warningsText_1e9kz_472 p {
    font-size: 0.8rem;
  }
  ._warningItem_1e9kz_516 {
    gap: 0.75rem;
    padding: 0.75rem 0;
  }
  ._warningMessage_1e9kz_569 {
    font-size: 0.85rem;
  }
  ._warningTimestamp_1e9kz_561 {
    font-size: 0.75rem;
  }
}
._main_1pg4i_6 {
  width: 100%;
  background: linear-gradient(135deg, #f8fafc, #eef2f5);
}
._container_1pg4i_13 {
  margin: 0 auto;
  width: 100%;
}
._headerSection_1pg4i_20 {
  margin-bottom: 3rem;
}
._headerTop_1pg4i_24 {
  margin-bottom: 2rem;
}
._backButton_1pg4i_28 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #2563eb;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.15s ease;
  background: transparent;
  cursor: pointer;
}
._backButton_1pg4i_28:hover {
  background-color: #2563eb1a;
}
._headerContent_1pg4i_46 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
._headerTitleSection_1pg4i_54 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
._headerIcon_1pg4i_60 {
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
._headerText_1pg4i_67 {
  display: flex;
  flex-direction: column;
}
._headerTitle_1pg4i_54 {
  font-size: 2rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  line-height: 1.2;
}
._headerSubtitle_1pg4i_80 {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.25rem 0 0;
}
._viewToggleButtons_1pg4i_86 {
  display: flex;
  gap: 0.5rem;
  background: #fff;
  padding: 0.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px #0000000d;
}
._viewBtn_1pg4i_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background-color: transparent;
  color: #64748b;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.15s ease;
  cursor: pointer;
}
._viewBtn_1pg4i_95:hover {
  background-color: #f8fafc;
}
._viewBtnActive_1pg4i_114 {
  background-color: #2563eb;
  color: #fff;
}
._viewBtnText_1pg4i_119 {
  display: none;
}
._statsCardsGrid_1pg4i_124 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
  margin-bottom: 3rem;
}
._statCard_1pg4i_131 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1px 2px #0000000d;
  transition: all 0.3s ease;
  cursor: pointer;
}
._statCard_1pg4i_131:hover {
  box-shadow: 0 10px 15px -3px #0000001a;
}
._statIcon_1pg4i_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.75rem;
  background: #0000000d;
  flex-shrink: 0;
}
._statContent_1pg4i_158 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._statValue_1pg4i_164 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px;
}
._statLabel_1pg4i_171 {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}
._filterTabsContainer_1pg4i_178 {
  display: flex;
  gap: 1rem;
  margin-bottom: 2.5rem;
  overflow-x: auto;
  padding-bottom: 1rem;
  scrollbar-width: none;
}
._filterTabsContainer_1pg4i_178::-webkit-scrollbar {
  display: none;
}
._filterTab_1pg4i_178 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  color: #fff;
  border-radius: 9999px;
  font-size: 0.775rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
._filterTabAll_1pg4i_205 {
  background-color: #2563eb;
}
._filterTabActive_1pg4i_209 {
  background-color: #10b981;
}
._filterTabIdle_1pg4i_213 {
  background-color: #fbbf24;
  color: #1e293b;
}
._filterTabWarnings_1pg4i_218 {
  background-color: #ef4444;
}
._filterLabel_1pg4i_222 {
  font-weight: 600;
}
._filterCount_1pg4i_226 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ffffff4d;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 700;
}
._studentsGridWrapper_1pg4i_239 {
  display: grid;
  gap: 1rem;
}
._gridView_1pg4i_244 {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
._listView_1pg4i_248 {
  grid-template-columns: 1fr;
}
._studentCard_1pg4i_253 {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a;
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
  height: 100%;
  cursor: pointer;
}
._studentCard_1pg4i_253:hover {
  box-shadow: 0 10px 15px -3px #0000001a;
  border-color: #2563eb;
}
._studentCardHeader_1pg4i_271 {
  position: relative;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #94c2e3, #032541);
  padding: 5px;
}
._statusBadge_1pg4i_282 {
  position: absolute;
  text-align: center;
  line-height: 1.2;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #10b981 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 2px 8px #00000026;
  z-index: 10;
}
._statusDot_1pg4i_301 {
  font-size: 0.6rem;
}
._warningCount_1pg4i_305 {
  background: #ff4d2b99;
  background: lch(59 131.12 49.12 / 0.6);
  padding: 4px;
  font-size: 0.5rem;
  right: 0;
  position: absolute;
  border-radius: 4px;
}
._studentAvatar_1pg4i_314 {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea, #764ba2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  box-shadow: 0 4px 12px #00000026;
}
._avatarText_1pg4i_328 {
  letter-spacing: 0.05em;
}
._studentCardBody_1pg4i_332 {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 0;
}
p {
  margin-bottom: 0;
}
._studentInfo_1pg4i_342 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._studentName_1pg4i_348 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}
._studentIdRow_1pg4i_355 {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}
._studentIdLabel_1pg4i_361 {
  color: #94a3b8;
  font-weight: 500;
}
._studentId_1pg4i_355 {
  color: #2563eb;
  font-weight: 600;
}
._studentCardFooter_1pg4i_371 {
  display: flex;
  padding: 1.5rem;
  border-top: 1px solid #e2e8f0;
  background-color: #f8fafc80;
}
._seeDetailsBtn_1pg4i_378 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.75rem;
  border-radius: 0.75rem;
  background-color: #2563eb;
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}
._seeDetailsBtn_1pg4i_378:hover {
  background-color: #fff;
  color: #2563eb;
  border: 2px solid #2563eb;
}
@media (max-width: 768px) {
  ._main_1pg4i_6 {
    padding: 1rem;
  }
  ._headerContent_1pg4i_46 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  ._headerTitleSection_1pg4i_54 {
    width: 100%;
  }
  ._viewToggleButtons_1pg4i_86 {
    width: 100%;
    justify-content: center;
  }
  ._headerTitle_1pg4i_54 {
    font-size: 1.5rem;
  }
  ._statsCardsGrid_1pg4i_124 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  ._studentsGridWrapper_1pg4i_239._gridView_1pg4i_244 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  ._filterTab_1pg4i_178 {
    padding: 1rem;
    font-size: 0.8125rem;
  }
  ._filterCount_1pg4i_226 {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.7rem;
  }
  ._studentCardHeader_1pg4i_271 {
    height: 60%;
    min-height: 200px;
  }
  ._studentCardBody_1pg4i_332,
  ._studentCardFooter_1pg4i_371 {
    padding: 1rem;
  }
  ._seeDetailsBtn_1pg4i_378 {
    height: 2.5rem;
    font-size: 0.8125rem;
  }
  ._actionButtonsContainer_1pg4i_466 {
    flex-direction: row;
  }
}
@media (max-width: 480px) {
  ._main_1pg4i_6 {
    padding: 1rem;
  }
  ._headerSection_1pg4i_20 {
    margin-bottom: 2rem;
  }
  ._backButton_1pg4i_28 {
    width: 100%;
    justify-content: center;
  }
  ._headerTitle_1pg4i_54 {
    font-size: 1.25rem;
  }
  ._headerSubtitle_1pg4i_80 {
    font-size: 0.8125rem;
  }
  ._headerIcon_1pg4i_60 {
    font-size: 2rem;
    display: none;
  }
  ._headerTitleSection_1pg4i_54 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  ._statsCardsGrid_1pg4i_124 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
  }
  ._statCard_1pg4i_131 {
    flex-direction: column;
    text-align: center;
    padding: 1rem;
    gap: 1rem;
  }
  ._statIcon_1pg4i_147 {
    width: 3rem;
    height: 3rem;
  }
  ._statValue_1pg4i_164 {
    font-size: 1.5rem;
  }
  ._statLabel_1pg4i_171 {
    font-size: 0.75rem;
  }
  ._filterTabsContainer_1pg4i_178 {
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
  ._filterTab_1pg4i_178 {
    padding: 1rem;
    font-size: 0.75rem;
  }
  ._filterLabel_1pg4i_222 {
    display: none;
  }
  ._filterCount_1pg4i_226 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
  }
  ._studentsGridWrapper_1pg4i_239 {
    gap: 1rem;
  }
  ._studentsGridWrapper_1pg4i_239._gridView_1pg4i_244,
  ._studentsGridWrapper_1pg4i_239._listView_1pg4i_248 {
    grid-template-columns: 1fr;
  }
  ._studentCardHeader_1pg4i_271 {
    height: 65%;
    min-height: 160px;
  }
  ._studentAvatar_1pg4i_314 {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1rem;
  }
  ._studentCardBody_1pg4i_332 {
    padding: 1rem;
    gap: 0.5rem;
  }
  ._studentName_1pg4i_348 {
    font-size: 1rem;
  }
  ._studentIdRow_1pg4i_355 {
    font-size: 0.8125rem;
  }
  ._studentCardFooter_1pg4i_371 {
    padding: 1rem;
  }
  ._seeDetailsBtn_1pg4i_378 {
    height: 2.5rem;
    font-size: 0.75rem;
  }
  ._viewToggleButtons_1pg4i_86 {
    width: auto;
    justify-content: center;
  }
  ._viewBtn_1pg4i_95 {
    padding: 0.5rem 1rem;
  }
  ._viewBtnText_1pg4i_119 {
    display: inline;
    margin-left: 0.25rem;
  }
}
@media (max-width: 320px) {
  ._headerTitle_1pg4i_54 {
    font-size: 1.125rem;
  }
  ._headerSubtitle_1pg4i_80 {
    display: none;
  }
  ._statsCardsGrid_1pg4i_124 {
    grid-template-columns: 1fr;
  }
  ._filterTab_1pg4i_178 {
    padding: 0.5rem 1rem;
    flex: 1;
    justify-content: center;
  }
  ._seeDetailsBtn_1pg4i_378 {
    height: 2.25rem;
    font-size: 0.7rem;
  }
}
._actionButtonsContainer_1pg4i_466 {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._studentCard_1pg4i_253._listView_1pg4i_248 {
  flex-direction: row;
  justify-content: space-between;
}
._studentCard_1pg4i_253._listView_1pg4i_248 ._studentCardBody_1pg4i_332 {
  padding: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-grow: 0;
  align-items: center;
}
._studentHeaderImages_1pg4i_661 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 400px;
}
._studentImg_1pg4i_670 {
  height: 150px;
  padding: 4px;
  background: #ec9233;
  border-radius: 20px;
  width: 125px;
  object-fit: cover;
}
._cardMessage_1pg4i_679 {
  padding: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-grow: 0;
  align-items: center;
  font-weight: 700;
  justify-content: center;
}
._pageWrapper_1vdn6_1 {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
._breadcrumb_1vdn6_8 {
  font-size: 14px;
  color: #7b7e8a;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._breadcrumb_1vdn6_8 span {
  opacity: 0.85;
}
._separator_1vdn6_21 {
  color: #c2c3c7;
  font-weight: 500;
}
._active_1vdn6_26 {
  font-weight: 700;
  color: #4a4a4a;
  opacity: 1;
}
._heading_1vdn6_32 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #2a2a2a;
}
._formBox_1vdn6_39 {
  width: 100%;
  background: #fff;
  padding: 28px;
  border-radius: 14px;
  border: 1px solid #e2e2e2;
  box-shadow: 0 6px 18px #0000000d;
  margin: 0;
}
._sectionTitle_1vdn6_49 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 22px;
  color: #333;
}
._row_1vdn6_56 {
  display: flex;
  gap: 22px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
._col_1vdn6_63 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._colFull_1vdn6_69 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}
label {
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #3f3f3f;
}
._input_1vdn6_83 {
  padding: 12px 14px;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
  background: #fafafa;
  transition: 0.15s ease;
}
._input_1vdn6_83:focus {
  border-color: #6e4ce4;
  background: #fff;
  box-shadow: 0 0 4px #7053e940;
  outline: none;
}
._inputIcon_1vdn6_100 {
  position: relative;
}
._icon_1vdn6_104 {
  position: absolute;
  right: 14px;
  top: 13px;
  font-size: 18px;
  color: #7c7c7c;
}
._textarea_1vdn6_112 {
  width: 100%;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  padding: 12px;
  font-size: 14px;
  min-height: 120px;
  background: #fafafa;
  transition: 0.15s ease;
}
._textarea_1vdn6_112:focus {
  border-color: #6e4ce4;
  background: #fff;
  box-shadow: 0 0 4px #7053e940;
  outline: none;
}
._submitBtn_1vdn6_130 {
  width: 100%;
  background: #6e4ce4;
  color: #fff;
  padding: 13px;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  margin-top: 6px;
  transition: 0.22s ease;
}
._submitBtn_1vdn6_130:hover {
  background: #593acb;
  transform: translateY(-1px);
}
._submitBtn_1vdn6_130:active {
  transform: scale(0.98);
}
._stepItem_1vdn6_153 {
  flex: 1;
  max-width: 220px;
  text-align: center;
  padding: 12px 18px;
  border-radius: 30px;
  background: #f3f1ff;
  color: #625f6e;
  font-weight: 600;
  border: 1px solid #dcd9f4;
  cursor: pointer;
  transition: 0.25s ease;
  font-size: 14.8px;
}
._stepItem_1vdn6_153:hover {
  background: #e8e5ff;
}
._activeStep_1vdn6_172 {
  display: inline-block;
  background: linear-gradient(135deg, #6e4ce4, #7f5bff);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  text-align: left;
  margin: 0 auto 14px;
  box-shadow: 0 3px 10px #6e4ce440;
}
._widthFull_1vdn6_184 {
  width: 100% !important;
}
._stepper_1vdn6_188 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  border-bottom: 1px solid #f0eefc;
  padding: 10px 0 10px 4px;
  margin-top: 10px;
}
._stepLabel_1vdn6_198 {
  font-size: 15px;
  font-weight: 700;
  color: #2b2b35;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.2px;
}
._stepLabel_1vdn6_198 span {
  color: #6e4ce4;
  font-weight: 700;
}
@media (max-width: 600px) {
  ._breadcrumb_1vdn6_8 {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  ._breadcrumb_1vdn6_8::-webkit-scrollbar {
    display: none;
  }
  ._breadcrumb_1vdn6_8 a,
  ._breadcrumb_1vdn6_8 span {
    background: none;
    padding: 0;
    border-radius: 0;
  }
  ._separator_1vdn6_21 {
    opacity: 0.6;
  }
}
@media (max-width: 400px) {
  ._breadcrumb_1vdn6_8 a:nth-child(1),
  ._breadcrumb_1vdn6_8 span:nth-child(2) {
    display: none;
  }
}
._radioGroup_1vdn6_250 {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
._radioGroupContainer_1vdn6_255 {
  display: flex;
  gap: 24px;
  margin-top: 15px;
  flex-wrap: wrap;
}
._radioOption_1vdn6_263 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  -webkit-user-select: none;
  user-select: none;
}
._radioOption_1vdn6_263 input {
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fff;
}
._radioOption_1vdn6_263 input:hover {
  border-color: #6e4ce4;
}
._radioOption_1vdn6_263 input:checked {
  border-color: #6e4ce4;
  background-color: #6e4ce4;
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 3px #6e4ce44d;
}
._checkboxLabel_1vdn6_295 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  -webkit-user-select: none;
  user-select: none;
}
._checkbox_1vdn6_295 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #6e4ce4;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  transition: all 0.2s ease;
  background: #fff;
}
._checkbox_1vdn6_295:hover {
  border-color: #6e4ce4;
  box-shadow: 0 0 0 2px #6e4ce41a;
}
._checkbox_1vdn6_295:checked {
  background-color: #6e4ce4;
  border-color: #6e4ce4;
}
._settingsSection_1vdn6_327 {
  background: linear-gradient(135deg, #f9f8ff, #faf9ff);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 22px;
  border: 1px solid #f0eefc;
}
._settingsCard_1vdn6_335 {
  border-left: 4px solid #6e4ce4;
  padding-left: 16px;
  margin-bottom: 22px;
  background: #fafafa;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 6px;
}
._settingsTitle_1vdn6_346 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  ._formBox_1vdn6_39 {
    padding: 24px;
  }
  ._row_1vdn6_56 {
    gap: 16px;
  }
  ._submitBtn_1vdn6_130 {
    max-width: 100%;
  }
  ._stepper_1vdn6_188 {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  ._pageWrapper_1vdn6_1,
  ._formBox_1vdn6_39 {
    padding: 16px;
  }
  ._heading_1vdn6_32 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  ._row_1vdn6_56,
  ._radioGroup_1vdn6_250,
  ._radioGroupContainer_1vdn6_255 {
    flex-direction: column;
    gap: 12px;
  }
}
._dropdownRow_1vdn6_404 {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  align-items: center;
}
._simpleSelect_1vdn6_411 {
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #cfcfcf;
  background: #fff;
  min-width: 180px;
  font-size: 14px;
  cursor: pointer;
}
._simpleSelect_1vdn6_411:disabled {
  background: #f2f2f2;
  cursor: not-allowed;
  opacity: 0.6;
}
._container_k7365_1 {
  max-width: 1000;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f3f4f6;
  overflow: hidden;
}
._header_k7365_11 {
  background: linear-gradient(to right, #1e40af, #1e3a8a);
  color: #fff;
  box-shadow: 0 10px 15px -3px #0000001a;
  flex-shrink: 0;
}
._headerContent_k7365_18 {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._headerLeft_k7365_27 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._logo_k7365_33 {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
._logoIcon_k7365_43 {
  width: 1.5rem;
  height: 1.5rem;
  color: #1e40af;
}
._headerTitle_k7365_49 {
  font-size: 1.125rem;
  font-weight: 700;
}
._headerSubtitle_k7365_54 {
  font-size: 0.75rem;
  color: #bfdbfe;
}
._headerRight_k7365_59 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._langSelector_k7365_65 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
._langSelect_k7365_65 {
  border: 1px solid rgb(37 99 235);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
._candidateInfo_k7365_81 {
  background-color: #fff;
  border-bottom: 1px solid rgb(209 213 219);
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
._infoItems_k7365_93 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
}
._infoItem_k7365_93 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._infoLabel_k7365_106 {
  color: #6b7280;
}
._infoValue_k7365_110 {
  font-weight: 600;
  color: #1f2937;
}
._avatar_k7365_115 {
  width: 2rem;
  height: 2rem;
  background-color: #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
}
._avatarIcon_k7365_123 {
  width: 100%;
  height: 100%;
  background-color: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
}
._avatarIcon_k7365_123 svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #1e40af;
}
._instructionsTitle_k7365_139 {
  background-color: #1d4ed8;
  color: #fff;
  padding: 0.5rem 1rem;
  flex-shrink: 0;
}
._titleText_k7365_148 {
  font-weight: 600;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._content_k7365_157 {
  flex: 1;
  overflow: auto;
  background-color: #fff;
}
._contentInner_k7365_163 {
  padding: 0.5rem;
  max-width: 56rem;
  margin: 0 auto;
}
._section_k7365_170 {
  margin-bottom: 1.5rem;
}
._sectionTitle_k7365_174 {
  color: #1e40af;
  font-weight: 700;
  font-size: 0.875rem;
  border-bottom: 2px solid rgb(30 64 175);
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
}
._instructionList_k7365_183 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._instructionItem_k7365_189 {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #374151;
}
._instructionNumber_k7365_196 {
  color: #1e40af;
  font-weight: 600;
  flex-shrink: 0;
}
._legendItems_k7365_203 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 1rem;
}
._legendItem_k7365_203 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._legendBox_k7365_216 {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  flex-shrink: 0;
}
._legendGray_k7365_229 {
  background-color: #d1d5db;
}
._legendRed_k7365_233 {
  background-color: #ef4444;
}
._legendGreen_k7365_237 {
  background-color: #22c55e;
}
._legendPurple_k7365_241 {
  background-color: #9333ea;
}
._legendPurpleRing_k7365_245 {
  background-color: #9333ea;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #22c55e;
}
._legendText_k7365_250 {
  font-size: 0.875rem;
  color: #374151;
}
._warningBox_k7365_256 {
  margin-bottom: 1.5rem;
  background-color: #fffbeb;
  border: 1px solid rgb(252 211 77);
  border-radius: 0.375rem;
  padding: 1rem;
}
._warningContent_k7365_264 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
._warningIcon_k7365_270 {
  width: 1.25rem;
  height: 1.25rem;
  color: #d97706;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
._warningTitle_k7365_278 {
  font-weight: 700;
  color: #92400e;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
._warningText_k7365_285 {
  font-size: 0.875rem;
  color: #92400e;
}
._footer_k7365_291 {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
._footerContent_k7365_299 {
  width: 100%;
}
._buttonContainer_k7365_304 {
  display: flex;
  justify-content: center;
  width: 100%;
}
._checkboxLabel_k7365_311 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
}
._checkbox_k7365_311 {
  margin-top: 0.25rem;
  width: 1rem;
  height: 1rem;
  color: #2563eb;
  border-radius: 0.25rem;
  border-color: #9ca3af;
}
._checkboxText_k7365_327 {
  font-size: 0.875rem;
  color: #374151;
}
._buttonContainer_k7365_304 {
  display: flex;
  justify-content: flex-centre;
  margin-top: 0.75rem;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
}
._proceedButton_k7365_341 {
  padding: 0.5rem 2rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s;
}
._proceedButtonEnabled_k7365_352 {
  background-color: #16a34a;
  color: #fff;
  cursor: pointer;
}
._proceedButtonEnabled_k7365_352:hover {
  background-color: #15803d !important;
}
._proceedButtonDisabled_k7365_362 {
  background-color: #9ca3af;
  color: #e5e7eb;
  cursor: not-allowed;
}
._container_19cpl_1 {
  min-height: 100vh;
  background: linear-gradient(135deg, #f0f4ff, #e6f0ff);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
._content_19cpl_10 {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 10px 25px #0000001a;
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  text-align: center;
}
._header_19cpl_22 {
  margin-bottom: 2rem;
}
._successIcon_19cpl_26 {
  width: 80px;
  height: 80px;
  background: #dcfce7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
._icon_19cpl_37 {
  width: 48px;
  height: 48px;
  color: #16a34a;
}
._title_19cpl_43 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
._subtitle_19cpl_51 {
  color: #6b7280;
  font-size: 1rem;
}
._statsTable_19cpl_57 {
  display: flex;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  margin-bottom: 2rem;
}
._statItem_19cpl_65 {
  flex: 1;
  padding: 1.25rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
._statItem_19cpl_65:last-child {
  border-right: none;
}
._statValue_19cpl_80 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
._statLabel_19cpl_86 {
  font-size: 0.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}
._answered_19cpl_94 {
  color: #16a34a;
}
._marked_19cpl_98 {
  color: #7c3aed;
}
._notAnswered_19cpl_102 {
  color: #dc2626;
}
._notVisited_19cpl_106 {
  color: #6b7280;
}
._summaryInfo_19cpl_111 {
  background: #dbeafe;
  border-left: 4px solid #3b82f6;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 2rem;
}
._summaryInfo_19cpl_111 p {
  color: #1e40af;
  margin: 0;
  font-size: 0.95rem;
}
._retakeButton_19cpl_126 {
  width: 100%;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._retakeButton_19cpl_126:hover {
  background: linear-gradient(135deg, #1d4ed8, #4338ca) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px #2563eb4d;
}
._retakeButton_19cpl_126:active {
  transform: translateY(0);
}
@media (max-width: 480px) {
  ._content_19cpl_10 {
    padding: 1.5rem;
    margin: 1rem;
  }
  ._title_19cpl_43 {
    font-size: 1.5rem;
  }
  ._statsTable_19cpl_57 {
    flex-direction: column;
    border-radius: 0.5rem;
  }
  ._statItem_19cpl_65 {
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }
  ._statItem_19cpl_65:last-child {
    border-bottom: none;
  }
  ._statValue_19cpl_80 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  ._statLabel_19cpl_86 {
    font-size: 0.8rem;
  }
  ._successIcon_19cpl_26 {
    width: 60px;
    height: 60px;
  }
  ._icon_19cpl_37 {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  ._title_19cpl_43 {
    font-size: 2rem;
  }
}
._container_1cop1_2 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(
      circle at top left,
      rgba(59, 130, 246, 0.12),
      transparent 55%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(34, 197, 94, 0.12),
      transparent 55%
    ),
    #f5f7fb;
  color: #111827;
  overflow: hidden;
  font-size: 0.9rem;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    sans-serif;
}
._topHeader_1cop1_17 {
  background: linear-gradient(120deg, #2563eb, #1d4ed8, #0ea5e9);
  color: #fff;
  padding: 0.65rem 1.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  box-shadow: 0 10px 25px #0f172a40;
  z-index: 2;
}
._headerLeft_1cop1_29 {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
._logo_1cop1_35 {
  padding: 0.4rem 0.8rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  font-size: 0.75rem;
  border-radius: 999px;
  text-transform: uppercase;
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 6px 16px #0f172a40;
  border: 1px solid #e5e7eb;
}
._headerCenter_1cop1_49 {
  flex: 1;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
._headerTimer_1cop1_57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 260px;
  width: 100%;
}
._headerTimeLabel_1cop1_65 {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #e0f2fe;
  opacity: 0.9;
  margin-bottom: 0.15rem;
}
._headerTimeText_1cop1_74 {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 0.3rem;
}
._timeProgressBar_1cop1_82 {
  width: 100%;
  height: 0.4rem;
  border-radius: 999px;
  background: #0f172a40;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #bfdbfe66;
}
._timeProgressFill_1cop1_91 {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #facc15, #f97316, #ef4444);
  transition: width 0.3s linear;
}
._headerRight_1cop1_98 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
._headerButton_1cop1_104 {
  font-size: 0.78rem;
  padding: 0.38rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: #ffffff29;
  color: #eff6ff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition:
    background 0.18s ease,
    transform 0.15s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
._headerButton_1cop1_104:hover {
  background: #ffffff47;
  transform: translateY(-0.5px);
  box-shadow: 0 8px 20px #0f172a40;
  border-color: #fff;
}
._candidateBar_1cop1_130 {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.45rem 1.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  z-index: 1;
}
._candidateInfo_1cop1_141 {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 0.84rem;
  color: #4b5563;
}
._candidateInfo_1cop1_141 strong {
  color: #111827;
  font-weight: 600;
}
._mainContent_1cop1_155 {
  flex: 1 1 auto;
  display: flex;
  padding: 0.85rem 1.1rem;
  gap: 0.85rem;
  overflow: hidden;
  min-height: 0;
}
._questionPanel_1cop1_165 {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 14px 30px #0f172a14;
  overflow: hidden;
  min-width: 0;
}
._questionHeader_1cop1_178 {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.6rem 0.95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
._questionInfo_1cop1_188 {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.84rem;
  color: #6b7280;
}
._questionInfo_1cop1_188 span {
  background: #eff6ff;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
  font-weight: 500;
}
._marksInfo_1cop1_205 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 0.8rem;
  color: #6b7280;
}
._correctMark_1cop1_213 {
  color: #16a34a;
  font-weight: 600;
}
._negativeMark_1cop1_218 {
  color: #dc2626;
  font-weight: 600;
}
._separator_1cop1_223 {
  color: #d1d5db;
}
._questionContent_1cop1_228 {
  flex: 1 1 auto;
  overflow: auto;
  padding: 1.1rem 1.15rem 1.2rem;
  background: #f9fafb;
  min-height: 0;
}
._questionWrapper_1cop1_236 {
  margin-bottom: 1.5rem;
}
._questionText_1cop1_240 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
._questionNumber_1cop1_246 {
  font-weight: 700;
  color: #2563eb;
  font-size: 0.9rem;
  padding-top: 0.08rem;
}
._questionText_1cop1_240 p {
  margin: 0;
  color: #111827;
  line-height: 1.55;
}
._options_1cop1_260 {
  margin-left: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._optionLabel_1cop1_267 {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0.7rem;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    transform 0.14s ease,
    box-shadow 0.18s ease;
}
._optionLabel_1cop1_267:hover {
  border-color: #60a5fa;
  background: #eff6ff;
  box-shadow: 0 8px 20px #94a3b859;
  transform: translateY(-0.5px);
}
._radioInput_1cop1_290 {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #2563eb;
}
._optionText_1cop1_296 {
  color: #111827;
  font-size: 0.86rem;
}
._shortAnswerWrapper_1cop1_302 {
  margin-left: 1.6rem;
  max-width: 640px;
}
._shortAnswerInput_1cop1_308 {
  width: 100%;
  padding: 0.55rem 0.75rem;
  font-size: 0.86rem;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background: #fff;
  outline: none;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
._shortAnswerInput_1cop1_308:focus {
  border-color: #60a5fa;
  box-shadow:
    0 0 0 1px #bfdbfe,
    0 0 0 4px #bfdbfebf;
  background: #f9fafb;
}
._essayInput_1cop1_329 {
  width: 100%;
  padding: 0.7rem 0.8rem;
  font-size: 0.86rem;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  outline: none;
  resize: vertical;
  min-height: 160px;
  line-height: 1.5;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
._essayInput_1cop1_329:focus {
  border-color: #60a5fa;
  box-shadow:
    0 0 0 1px #bfdbfe,
    0 0 0 4px #bfdbfebf;
  background: #f9fafb;
}
._matchingWrapper_1cop1_353 {
  margin-left: 1.6rem;
  max-width: 640px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  overflow: hidden;
}
._matchingHeaderRow_1cop1_362 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
}
._matchingHeaderCell_1cop1_369 {
  padding: 0.5rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #4b5563;
}
._matchingRow_1cop1_376 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #f3f4f6;
}
._matchingRow_1cop1_376:last-child {
  border-bottom: none;
}
._matchingLeft_1cop1_386 {
  padding: 0.5rem 0.8rem;
  font-size: 0.84rem;
  color: #111827;
  border-right: 1px solid #f3f4f6;
}
._matchingRight_1cop1_393 {
  padding: 0.45rem 0.8rem;
  display: flex;
  align-items: center;
}
._matchingSelect_1cop1_399 {
  width: 100%;
  padding: 0.4rem 0.6rem;
  font-size: 0.84rem;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #fff;
  outline: none;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
._matchingSelect_1cop1_399:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 1px #bfdbfe;
}
._actionButtons_1cop1_419 {
  border-top: 1px solid #e5e7eb;
  padding: 0.55rem 0.95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  flex-shrink: 0;
}
._leftButtons_1cop1_429,
._rightButtons_1cop1_430 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
._markButton_1cop1_436 {
  padding: 0.45rem 0.9rem;
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 500;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  box-shadow:
    0 0 0 1px #d8b4fecc,
    0 10px 26px #818cf880;
  transition:
    background 0.18s ease,
    transform 0.14s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}
._markButton_1cop1_436:hover {
  filter: brightness(1.05);
  transform: translateY(-0.5px);
}
._clearButton_1cop1_460 {
  padding: 0.45rem 0.9rem;
  background: #f3f4f6;
  color: #4b5563;
  font-size: 0.78rem;
  font-weight: 500;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid #d1d5db;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.14s ease,
    box-shadow 0.18s ease;
}
._clearButton_1cop1_460:hover {
  background: #e5e7eb;
  border-color: #9ca3af;
  box-shadow: 0 8px 18px #94a3b866;
  transform: translateY(-0.5px);
}
._navButton_1cop1_484 {
  padding: 0.45rem 0.9rem;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 500;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  box-shadow:
    0 0 0 1px #bfdbfee6,
    0 10px 26px #2563eb80;
  transition:
    background 0.18s ease,
    transform 0.14s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}
._navButton_1cop1_484:hover {
  filter: brightness(1.06);
  transform: translateY(-0.5px);
}
._disabledButton_1cop1_511 {
  background: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
}
._navIcon_1cop1_517 {
  width: 0.8rem;
  height: 0.8rem;
}
._collapseButton_1cop1_523 {
  width: 1.6rem;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  transition:
    background 0.18s ease,
    transform 0.14s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
._collapseButton_1cop1_523:hover {
  background: #e5f0ff;
  box-shadow: 0 8px 20px #94a3b880;
  border-color: #bfdbfe;
  transform: translate(-1px);
}
._palettePanel_1cop1_548 {
  width: 16.5rem;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 28px #0f172a14;
  flex-shrink: 0;
  position: relative;
}
._candidatePhoto_1cop1_561 {
  padding: 1rem 1rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  background: #f9fafb;
}
._photoRow_1cop1_571 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
._photoPlaceholder_1cop1_579 {
  width: 3.1rem;
  height: 3.5rem;
  background: #e5e7eb;
  border-radius: 10px;
  border: 1px solid #cbd5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
._photoIcon_1cop1_590 {
  width: 2rem;
  height: 2rem;
  color: #6b7280;
}
._videoContainer_1cop1_597 {
  width: 6.5rem;
  height: 4.2rem;
  border-radius: 10px;
  border: 1px solid #cbd5f5;
  overflow: hidden;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
._videoFeed_1cop1_609 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._cameraFallback_1cop1_615 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.7rem;
  text-align: center;
  padding: 0.2rem;
}
._cameraError_1cop1_628 {
  margin-top: 0.15rem;
  font-size: 0.7rem;
  color: #b91c1c;
}
._candidateName_1cop1_634 {
  font-size: 0.86rem;
  text-align: center;
}
._candidateName_1cop1_634 p {
  margin: 0;
  font-weight: 600;
  color: #111827;
}
._paletteContent_1cop1_646 {
  flex: 1 1 auto;
  overflow: auto;
  min-height: 0;
}
._questionGrid_1cop1_652 {
  padding: 0.75rem 0.9rem 0.6rem;
}
._gridContainer_1cop1_656 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.4rem;
}
._questionButton_1cop1_662 {
  width: 2.1rem;
  height: 2.1rem;
  font-size: 0.78rem;
  font-weight: 600;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.14s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}
._questionButton_1cop1_662:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 10px 22px #94a3b880;
  filter: brightness(1.03);
}
._currentQuestion_1cop1_685 {
  box-shadow:
    0 0 0 2px #bfdbfe,
    0 0 0 4px #3b82f680;
}
._notVisited_1cop1_692 {
  background: #e5e7eb;
  color: #374151;
}
._notAnswered_1cop1_697 {
  background: #f97373;
  color: #fff;
}
._answered_1cop1_702 {
  background: #22c55e;
  color: #0f172a;
}
._marked_1cop1_707 {
  background: #a855f7;
  color: #fff;
}
._answeredMarked_1cop1_712 {
  background: #a855f7;
  color: #fff;
  box-shadow:
    0 0 0 2px #6ee7b7,
    0 0 0 5px #0f172a26;
}
._legend_1cop1_721 {
  border-top: 1px solid #e5e7eb;
  padding: 0.75rem 0.9rem 0.8rem;
  background: #fff;
  flex-shrink: 0;
}
._legendGrid_1cop1_728 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.78rem;
}
._legendItem_1cop1_735 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
._legendIcon_1cop1_743 {
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 600;
}
._answeredIcon_1cop1_754 {
  background: #22c55e;
  color: #0f172a;
  border-radius: 999px;
}
._notAnsweredIcon_1cop1_761 {
  background: #f97373;
  color: #fff;
  border-radius: 40px;
}
._notVisitedIcon_1cop1_768 {
  background: transparent;
  color: #374151;
  border-radius: 999px;
  border: 2px dashed #9ca3af;
}
._markedIcon_1cop1_776 {
  background: #a855f7;
  color: #fff;
  border-radius: 10px;
}
._answeredMarkedIcon_1cop1_783 {
  background: #a855f7;
  color: #fff;
  border-radius: 999px;
  box-shadow: 0 0 0 2px #6ee7b7;
}
._footer_1cop1_791 {
  background: #fff;
  color: #111827;
  padding: 0.6rem 1.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -8px 20px #0f172a0d;
}
._footerStats_1cop1_803 {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  font-size: 0.8rem;
  color: #6b7280;
}
._footerStats_1cop1_803 strong {
  font-weight: 600;
}
._answeredCount_1cop1_815 {
  color: #16a34a;
}
._notAnsweredCount_1cop1_819 {
  color: #dc2626;
}
._markedCount_1cop1_823 {
  color: #7c3aed;
}
._notVisitedCount_1cop1_827 {
  color: #6b7280;
}
._submitButton_1cop1_831 {
  padding: 0.45rem 1.2rem;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #f9fafb;
  font-size: 0.8rem;
  font-weight: 700;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  box-shadow:
    0 0 0 1px #bbf7d0,
    0 12px 28px #16a34a80;
  transition:
    transform 0.14s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}
._submitButton_1cop1_831:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
._modalOverlay_1cop1_857 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a33;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
}
._modal_1cop1_857 {
  background: #fff;
  border-radius: 18px;
  width: min(1024px, 92vw);
  height: min(640px, 88vh);
  display: flex;
  flex-direction: column;
  box-shadow: 0 24px 60px #0f172a40;
  border: 1px solid #e5e7eb;
}
._modalHeader_1cop1_879 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1.3rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  border-radius: 18px 18px 0 0;
}
._modalHeader_1cop1_879 h2 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
  font-weight: 600;
}
._closeButton_1cop1_896 {
  background: #fff;
  border: 1px solid #d1d5db;
  cursor: pointer;
  color: #6b7280;
  padding: 0.3rem;
  border-radius: 999px;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.14s ease;
}
._closeButton_1cop1_896:hover {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
  transform: translateY(-0.5px);
}
._modalContent_1cop1_917 {
  flex: 1;
  padding: 0.5rem 0.75rem 0.75rem;
  overflow: hidden;
}
._pdfViewer_1cop1_923 {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0 0 18px 18px;
  background: #f3f4f6;
}
._startOverlay_1cop1_932 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a29;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 40;
}
._startBox_1cop1_943 {
  background: #fff;
  border-radius: 22px;
  padding: 1.6rem 1.7rem 1.5rem;
  width: min(420px, 90vw);
  text-align: center;
  border: 1px solid #e5e7eb;
  box-shadow: 0 20px 45px #0f172a40;
}
._startTitle_1cop1_953 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.45rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #111827;
}
._startText_1cop1_962 {
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 1rem;
}
._startButton_1cop1_968 {
  padding: 0.6rem 1.4rem;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #f9fafb;
  font-size: 0.84rem;
  font-weight: 700;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  box-shadow:
    0 0 0 1px #bbf7d0,
    0 16px 36px #16a34a99;
  transition:
    transform 0.14s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}
._startButton_1cop1_968:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
._freezeOverlay_1cop1_994 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a29;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 45;
}
._freezeBox_1cop1_1005 {
  background: #fff;
  border-radius: 20px;
  padding: 1.3rem 1.6rem 1.2rem;
  width: min(380px, 92vw);
  text-align: center;
  border: 1px solid #e5e7eb;
  box-shadow: 0 20px 45px #0f172a4d;
}
._freezeTitle_1cop1_1015 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
  color: #111827;
}
._freezeText_1cop1_1022 {
  font-size: 0.8rem;
  color: #6b7280;
  margin-bottom: 0.9rem;
}
._freezeSpinnerWrapper_1cop1_1028 {
  display: flex;
  justify-content: center;
}
._freezeSpinner_1cop1_1028 {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 999px;
  border: 3px solid #e5e7eb;
  border-top-color: #2563eb;
  border-right-color: #22c55e;
  animation: _spin_1cop1_1 0.9s linear infinite;
}
._mobilePaletteToggle_1cop1_1043 {
  padding: 0.45rem 1rem;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: 999px;
  border: none;
  box-shadow: 0 8px 18px #2563eb73;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  cursor: pointer;
}
._mobileOverlay_1cop1_1063 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a59;
  z-index: 55;
  display: none;
}
._mobilePaletteClose_1cop1_1072 {
  position: absolute;
  top: 0.5rem;
  right: 0.6rem;
  background: #fff;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  width: 1.7rem;
  height: 1.7rem;
  font-size: 1rem;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}
@keyframes _spin_1cop1_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1100px) {
  ._mainContent_1cop1_155 {
    padding: 0.75rem 0.8rem;
    gap: 0.6rem;
  }
  ._palettePanel_1cop1_548 {
    width: 14.5rem;
  }
}
@media (max-width: 900px) {
  ._mainContent_1cop1_155 {
    flex-direction: column;
    overflow: auto;
  }
  ._questionPanel_1cop1_165 {
    min-height: 55vh;
  }
  ._palettePanel_1cop1_548 {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(320px, 80vw);
    max-width: 80vw;
    border-radius: 0 0 0 16px;
    box-shadow: -10px 0 30px #0f172a59;
    transform: translate(100%);
    transition: transform 0.25s ease-out;
    z-index: 60;
  }
  ._palettePanelMobileOpen_1cop1_1136 {
    transform: translate(0);
  }
  ._palettePanelMobileClosed_1cop1_1140 {
    transform: translate(100%);
  }
  ._mobilePaletteToggle_1cop1_1043 {
    display: inline-flex;
  }
  ._mobileOverlayVisible_1cop1_1148 {
    display: block;
  }
  ._mobilePaletteClose_1cop1_1072 {
    display: flex;
  }
  ._collapseButton_1cop1_523 {
    display: none;
  }
  ._footer_1cop1_791 {
    background: #fff;
    color: #111827;
    padding: 0.6rem 1.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    border-top: 1px solid #e5e7eb;
    box-shadow: 0 -8px 20px #0f172a0d;
  }
  ._footerLeft_1cop1_1172 {
    font-size: 0.8rem;
  }
  ._footerRight_1cop1_1176 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}
@media (max-width: 640px) {
  ._container_1cop1_2 {
    font-size: 0.86rem;
  }
  ._topHeader_1cop1_17 {
    padding: 0.6rem 0.9rem;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }
  ._headerLeft_1cop1_29 {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0.05rem;
  }
  ._headerCenter_1cop1_49 {
    width: 100%;
    justify-content: center;
    margin: 0.05rem 0 0.15rem;
  }
  ._headerTimer_1cop1_57 {
    max-width: 100%;
  }
  ._headerRight_1cop1_98 {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
  }
  ._headerButton_1cop1_104 {
    padding: 0.3rem 0.7rem;
    font-size: 0.76rem;
  }
  ._candidateBar_1cop1_130 {
    padding-inline: 0.85rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
  }
  ._mainContent_1cop1_155 {
    padding: 0.6rem 0.6rem 0.7rem;
  }
  ._questionPanel_1cop1_165 {
    border-radius: 12px;
  }
  ._questionContent_1cop1_228 {
    padding: 0.85rem 0.85rem 0.95rem;
    max-height: 60vh;
  }
  ._options_1cop1_260,
  ._shortAnswerWrapper_1cop1_302,
  ._matchingWrapper_1cop1_353 {
    margin-left: 0;
  }
  ._gridContainer_1cop1_656 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  ._footerStats_1cop1_803 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@media (max-width: 480px) {
  ._container_1cop1_2 {
    font-size: 0.82rem;
  }
  ._gridContainer_1cop1_656 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  ._questionButton_1cop1_662 {
    width: 2rem;
    height: 2rem;
    font-size: 0.72rem;
  }
  ._actionButtons_1cop1_419 {
    flex-direction: column;
    gap: 0.4rem;
  }
  ._leftButtons_1cop1_429,
  ._rightButtons_1cop1_430 {
    width: 100%;
    justify-content: space-between;
  }
  ._leftButtons_1cop1_429 button,
  ._rightButtons_1cop1_430 button {
    flex: 1;
    justify-content: center;
  }
}
._popupOverlay_1cop1_1296 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
._popup_1cop1_1296 {
  background-color: #fff;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  padding: 30px;
  box-shadow: 0 5px 15px #0003;
  animation: _popupAppear_1cop1_1 0.3s ease-out;
}
@keyframes _popupAppear_1cop1_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
._popup_1cop1_1296 h2 {
  color: #2c3e50;
  margin-bottom: 15px;
  text-align: center;
}
._popup_1cop1_1296 p {
  margin-bottom: 20px;
  text-align: center;
  color: #555;
}
._answersPreview_1cop1_1343 {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}
._answersPreview_1cop1_1343 h4 {
  margin-bottom: 10px;
  color: #2c3e50;
}
._answersPreview_1cop1_1343 ul {
  list-style: none;
  padding: 0;
}
._answersPreview_1cop1_1343 li {
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
._answersPreview_1cop1_1343 li:last-child {
  border-bottom: none;
}
._popupButtons_1cop1_1369 {
  display: flex;
  justify-content: center;
  gap: 15px;
}
._cancelBtn_1cop1_1375 {
  background-color: #95a5a6;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
._cancelBtn_1cop1_1375:hover {
  background-color: #7f8c8d;
}
._confirmBtn_1cop1_1389 {
  background-color: #e74c3c;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
._confirmBtn_1cop1_1389:hover {
  background-color: #c0392b;
}
._answersPreview_1cop1_1343 {
  margin-bottom: 2rem;
}
._answersTable_1cop1_1409 {
  display: flex;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  margin-top: 1rem;
}
._answerItem_1cop1_1417 {
  flex: 1;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
._answerItem_1cop1_1417:last-child {
  border-right: none;
}
._questionNumber_1cop1_246 {
  font-size: 0.8rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}
._answerValue_1cop1_1439 {
  font-size: 1.1rem;
  font-weight: 700;
}
._answered_1cop1_702 {
  color: #16a34a;
}
._notAnswered_1cop1_697 {
  color: #dc2626;
}
._marked_1cop1_707 {
  color: #7c3aed;
}
@media (max-width: 480px) {
  ._answersTable_1cop1_1409 {
    flex-direction: column;
    border-radius: 0.5rem;
  }
  ._answerItem_1cop1_1417 {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }
  ._answerItem_1cop1_1417:last-child {
    border-bottom: none;
  }
  ._questionNumber_1cop1_246 {
    margin-bottom: 0;
    font-size: 0.9rem;
  }
  ._answerValue_1cop1_1439 {
    font-size: 1rem;
  }
}
._proctorAlertWrapper_1cop1_1488 {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 70;
  pointer-events: none;
}
._proctorAlert_1cop1_1488 {
  min-width: min(520px, 96vw);
  max-width: 96vw;
  padding: 0.85rem 1rem;
  border-radius: 18px;
  box-shadow: 0 24px 48px #0f172a73;
  display: flex;
  align-items: stretch;
  gap: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.75);
  animation: _slideDownFade_1cop1_1 0.26s ease-out;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  pointer-events: auto;
}
._proctorAlertSideBar_1cop1_1513 {
  width: 4px;
  border-radius: 999px;
  background: #0f172a2e;
}
._proctorAlertContent_1cop1_1520 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._proctorAlertTopRow_1cop1_1527 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
._proctorAlertTitleBlock_1cop1_1534 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
._proctorAlertTitle_1cop1_1534 {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 700;
  opacity: 0.95;
}
._proctorAlertSubtitle_1cop1_1548 {
  font-size: 0.78rem;
  font-weight: 500;
  opacity: 0.9;
}
._proctorAlertPill_1cop1_1554 {
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  background: #0f172a2e;
}
._proctorAlertText_1cop1_1564 {
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.4;
}
._proctorAlertClose_1cop1_1571 {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: #0f172a38;
  color: #f9fafb;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0.2rem;
  transition:
    background 0.18s ease,
    transform 0.12s ease,
    box-shadow 0.18s ease;
}
._proctorAlertClose_1cop1_1571:hover {
  background: #0f172a59;
  transform: translateY(-0.5px);
  box-shadow: 0 10px 24px #0f172a80;
}
._proctorAlertHigh_1cop1_1598 {
  background: linear-gradient(135deg, #b91c1cf5, #ef4444f5);
  color: #fef2f2;
}
._proctorAlertMedium_1cop1_1605 {
  background: linear-gradient(135deg, #f59e0bf7, #f97316f7);
  color: #fffbeb;
}
._proctorAlertLow_1cop1_1612 {
  background: linear-gradient(135deg, #16a34af7, #22c55ef7);
  color: #ecfdf3;
}
@keyframes _slideDownFade_1cop1_1 {
  0% {
    opacity: 0;
    transform: translate(-50%, -18px);
  }
  to {
    opacity: 1;
    transform: translate(-50%);
  }
}
@media (max-width: 640px) {
  ._proctorAlertWrapper_1cop1_1488 {
    top: 0.65rem;
  }
  ._proctorAlert_1cop1_1488 {
    padding: 0.7rem 0.8rem;
    border-radius: 16px;
  }
  ._proctorAlertTitle_1cop1_1534 {
    font-size: 0.76rem;
  }
  ._proctorAlertText_1cop1_1564 {
    font-size: 0.84rem;
  }
  ._proctorAlertPill_1cop1_1554 {
    padding: 0.18rem 0.55rem;
  }
}
._examEndOverlay_1cop1_1659 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f172a59;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 80;
}
._examEndBox_1cop1_1671 {
  background: #fff;
  border-radius: 24px;
  padding: 1.8rem 2rem 1.6rem;
  width: min(420px, 92vw);
  text-align: center;
  border: 1px solid #e5e7eb;
  box-shadow: 0 24px 60px #0f172a73;
  animation: _examEndPop_1cop1_1 0.28s ease-out;
}
._examEndBadge_1cop1_1682 {
  display: inline-block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 700;
  color: #0f172a;
  background: #e0f2fe;
  border-radius: 999px;
  padding: 0.25rem 0.8rem;
  margin-bottom: 0.7rem;
}
._examEndTitle_1cop1_1695 {
  font-size: 1.3rem;
  margin: 0 0 0.4rem;
  color: #111827;
}
._examEndText_1cop1_1701 {
  font-size: 0.9rem;
  color: #4b5563;
  margin: 0 0 1.1rem;
}
._examEndStatusRow_1cop1_1707 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  margin-bottom: 0.9rem;
}
._examEndStatusItem_1cop1_1714 {
  padding: 0.55rem 0.7rem;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
._examEndStatusLabel_1cop1_1724 {
  font-size: 0.75rem;
  color: #6b7280;
}
._examEndStatusValue_1cop1_1729 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}
._examEndFooterNote_1cop1_1735 {
  margin-top: 0.4rem;
  font-size: 0.8rem;
  color: #9ca3af;
}
@keyframes _examEndPop_1cop1_1 {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 640px) {
  ._examEndBox_1cop1_1671 {
    padding: 1.5rem 1.25rem 1.3rem;
    border-radius: 20px;
  }
  ._examEndTitle_1cop1_1695 {
    font-size: 1.15rem;
  }
  ._examEndText_1cop1_1701 {
    font-size: 0.86rem;
  }
  ._examEndStatusRow_1cop1_1707 {
    gap: 0.5rem;
  }
}
._photoImage_1cop1_1773 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
._retakeButton_1cop1_1782 {
  width: 100%;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._retakeButton_1cop1_1782:hover {
  background: linear-gradient(135deg, #1d4ed8, #4338ca) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px #2563eb4d;
}
._retakeButton_1cop1_1782:active {
  transform: translateY(0);
}
._codeRunnerWrapper_1cop1_1808 {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._codeRunnerHeader_1cop1_1815 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.25rem;
}
._codeRunnerLabel_1cop1_1823 {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6b7280;
  font-weight: 600;
}
._codeRunnerSelect_1cop1_1831 {
  margin-top: 0.15rem;
  padding: 0.3rem 0.55rem;
  font-size: 0.8rem;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  outline: none;
}
._codeRunnerHint_1cop1_1841 {
  font-size: 0.78rem;
  color: #9ca3af;
}
._codeRunnerMain_1cop1_1846 {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.3fr);
  gap: 0.75rem;
}
._codeEditorBox_1cop1_1852 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: inset 0 0 0 1px #0f172a99;
  overflow: hidden;
}
._codeEditorTextarea_1cop1_1861 {
  width: 100%;
  min-height: 220px;
  border: none;
  outline: none;
  resize: vertical;
  padding: 0.7rem 0.8rem;
  font-family:
    JetBrains Mono,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-size: 0.8rem;
  background: #fff;
  color: #111827;
  line-height: 1.5;
}
._codeEditorTextarea_1cop1_1861::placeholder {
  color: #9ca3af;
}
._testCaseBox_1cop1_1882 {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 0.7rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._testCaseTitle_1cop1_1892 {
  font-size: 0.8rem;
  font-weight: 600;
  color: #111827;
}
._testCaseList_1cop1_1898 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
._testCaseRow_1cop1_1904 {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.4rem 0.45rem;
  border-radius: 8px;
  background: #f9fafb;
}
._testCaseCell_1cop1_1913 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
._testCaseLabel_1cop1_1919 {
  font-size: 0.7rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
._testCaseValue_1cop1_1926 {
  font-size: 0.85rem;
  font-weight: 500;
  color: #111827;
}
._testCaseOutput_1cop1_1932 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #2563eb;
}
._codeRunButton_1cop1_1938 {
  margin-top: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: none;
  font-size: 0.78rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  cursor: pointer;
  align-self: flex-start;
  box-shadow:
    0 0 0 1px #bfdbfee6,
    0 10px 26px #2563eb80;
}
._codeRunButton_1cop1_1938:disabled {
  opacity: 0.7;
  cursor: wait;
  box-shadow: none;
}
._codeEvalStatus_1cop1_1960 {
  margin-top: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  align-self: flex-start;
}
._codeEvalStatusPass_1cop1_1969 {
  background: #dcfce7;
  color: #166534;
}
._codeEvalStatusFail_1cop1_1974 {
  background: #fee2e2;
  color: #b91c1c;
}
@media (max-width: 900px) {
  ._codeRunnerMain_1cop1_1846 {
    grid-template-columns: minmax(0, 1fr);
  }
}
._popupOverlay_8u7lo_3 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00000080;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._popup_8u7lo_3 {
  background: #fff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px #0000001a;
  max-width: 500px;
  width: 90%;
  text-align: center;
}
._popup_8u7lo_3 h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
._popup_8u7lo_3 p {
  margin-bottom: 1.5rem;
  color: #6b7280;
  line-height: 1.5;
}
._statsSummary_8u7lo_39 {
  margin: 1.5rem 0;
}
._statsTable_8u7lo_43 {
  display: flex;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
._statItem_8u7lo_50 {
  flex: 1;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
._statItem_8u7lo_50:last-child {
  border-right: none;
}
._statValue_8u7lo_65 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
._statLabel_8u7lo_71 {
  font-size: 0.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
}
._statValue_8u7lo_65._answered_8u7lo_80 {
  color: #16a34a;
}
._statValue_8u7lo_65._marked_8u7lo_84 {
  color: #7c3aed;
}
._statValue_8u7lo_65._notAnswered_8u7lo_88 {
  color: #dc2626;
}
._statValue_8u7lo_65._notVisited_8u7lo_92 {
  color: #6b7280;
}
._popupButtons_8u7lo_97 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.5rem;
}
._cancelBtn_8u7lo_104 {
  padding: 0.75rem 1.5rem;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #374151;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
  flex: 1;
  max-width: 120px;
}
._cancelBtn_8u7lo_104:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
._confirmBtn_8u7lo_122 {
  padding: 0.75rem 1.5rem;
  background: #dc2626;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
  flex: 1;
  max-width: 120px;
}
._confirmBtn_8u7lo_122:hover {
  background: #b91c1c !important;
}
@media (max-width: 480px) {
  ._popup_8u7lo_3 {
    padding: 1.5rem;
    margin: 1rem;
  }
  ._statsTable_8u7lo_43 {
    flex-direction: column;
  }
  ._statItem_8u7lo_50 {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }
  ._statItem_8u7lo_50:last-child {
    border-bottom: none;
  }
  ._statValue_8u7lo_65 {
    font-size: 1.25rem;
    margin-bottom: 0;
  }
  ._statLabel_8u7lo_71 {
    font-size: 0.8rem;
  }
  ._popupButtons_8u7lo_97 {
    flex-direction: column;
  }
  ._cancelBtn_8u7lo_104,
  ._confirmBtn_8u7lo_122 {
    max-width: none;
  }
}
._container_12snl_1 {
  min-height: 100vh;
}
._mainLayout_12snl_7 {
  display: flex;
  gap: 2rem;
  margin: 0 auto;
}
._editorSection_12snl_16 {
  flex: 1;
  min-width: 0;
}
._savedQuestionsSection_12snl_21 {
  width: 320px;
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px #0000001a;
  height: fit-content;
  position: sticky;
  top: 20px;
}
._savedHeader_12snl_33 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e5e7eb;
}
._savedHeader_12snl_33 h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
._savedCount_12snl_49 {
  background: #3b82f6;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
}
._savedEmpty_12snl_58 {
  text-align: center;
  padding: 2rem 1rem;
  color: #9ca3af;
}
._savedEmpty_12snl_58 p {
  font-size: 0.95rem;
  margin: 0 0 0.5rem;
  color: #6b7280;
}
._savedEmpty_12snl_58 small {
  font-size: 0.8rem;
  color: #d1d5db;
}
._savedActions_12snl_75 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
._exportBtn_12snl_81 {
  flex: 1;
  padding: 0.5rem;
  background: #10b981;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
._exportBtn_12snl_81:hover {
  background: #059669;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #10b9814d;
}
._savedList_12snl_100 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
._emptyState_12snl_108 {
  background: #f9fafb;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  padding: 3rem 2rem;
  text-align: center;
  color: #6b7280;
  font-size: 1rem;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  ._mainLayout_12snl_7 {
    flex-direction: column;
    gap: 1.5rem;
  }
  ._savedQuestionsSection_12snl_21 {
    width: 100%;
    position: static;
    height: auto;
  }
  ._savedList_12snl_100 {
    max-height: none;
  }
}
._aiSection_12snl_136 {
  margin-top: 2rem;
  background: #f9fafb;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 0 8px #0000000d;
}
._aiInputArea_12snl_144 {
  display: flex;
  gap: 10px;
  margin-bottom: 1rem;
}
._aiInput_12snl_144 {
  flex: 1;
  padding: 0.6rem 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
}
._generateBtn_12snl_158 {
  background: #4f46e5;
  color: #fff;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
._generateBtn_12snl_158:hover {
  background: #4338ca;
}
._thinking_12snl_172 {
  color: #555;
  font-style: italic;
  animation: _pulse_12snl_1 1.5s infinite;
}
@keyframes _pulse_12snl_1 {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.6;
  }
}
._dropdownRow_12snl_184 {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  align-items: center;
}
._simpleSelect_12snl_191 {
  padding: 8px 10px;
  border-radius: 4px;
  border: 1px solid #cfcfcf;
  background: #fff;
  min-width: 180px;
  font-size: 14px;
  cursor: pointer;
}
._simpleSelect_12snl_191:disabled {
  background: #f2f2f2;
  cursor: not-allowed;
  opacity: 0.6;
}
._message_8dsyn_1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  font-weight: 500;
  animation: _slideIn_8dsyn_1 0.3s ease-out;
}
@keyframes _slideIn_8dsyn_1 {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._success_8dsyn_23 {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
}
._error_8dsyn_29 {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
._icon_8dsyn_35 {
  font-weight: 700;
  font-size: 1.2rem;
}
._message_8dsyn_1 p {
  margin: 0;
}
._selector_23aqj_1 {
  margin-bottom: 2rem;
  overflow-x: auto;
}
._tabs_23aqj_7 {
  display: flex;
  gap: 0.5rem;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0;
}
._tab_23aqj_7 {
  padding: 0.75rem 1.5rem;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
  color: #6b7280;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  white-space: nowrap;
}
._tab_23aqj_7:hover {
  color: #2563eb;
}
._tab_23aqj_7._active_23aqj_31 {
  color: #2563eb;
  border-bottom-color: #2563eb;
}
@media (max-width: 768px) {
  ._selector_23aqj_1 {
    padding: 0 1rem;
  }
  ._tab_23aqj_7 {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
  }
}
._list_11u4o_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._list_11u4o_1 {
    padding: 0 1rem;
  }
}
._card_z26t7_1 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px #0000001a;
  transition: all 0.3s ease;
}
._card_z26t7_1:hover {
  box-shadow: 0 4px 12px #00000014;
  border-color: #d1d5db;
}
._card_z26t7_1._saved_z26t7_15 {
  background: #f9fafb;
  border-color: #d1f2eb;
}
._header_z26t7_20 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
._type_z26t7_29 {
  display: inline-block;
  background-color: #dbeafe;
  color: #1e40af;
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}
._status_z26t7_39 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6b7280;
}
._card_z26t7_1._saved_z26t7_15 ._status_z26t7_39 {
  color: #059669;
}
._actions_z26t7_49 {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
._button_z26t7_57 {
  flex: 1;
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}
._save_z26t7_15 {
  background-color: #10b981;
  color: #fff;
}
._save_z26t7_15:hover {
  background-color: #059669;
}
._delete_z26t7_77 {
  background-color: #ef4444;
  color: #fff;
}
._delete_z26t7_77:hover {
  background-color: #dc2626;
}
@media (max-width: 768px) {
  ._card_z26t7_1 {
    padding: 1rem;
  }
  ._actions_z26t7_49 {
    flex-direction: column;
  }
}
._container_1tb03_2 {
  margin: 0 auto;
  padding: 20px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    sans-serif;
}
._formGroup_1tb03_8 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._formGroup_1tb03_8 label {
  font-weight: 600;
  color: #374151;
  font-size: 0.9rem;
}
._formGroup_1tb03_8 textarea,
._formGroup_1tb03_8 input,
._formGroup_1tb03_8 select {
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
}
._formGroup_1tb03_8 textarea:focus,
._formGroup_1tb03_8 input:focus,
._formGroup_1tb03_8 select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #2563eb1a;
}
._formGroup_1tb03_8 textarea:disabled,
._formGroup_1tb03_8 input:disabled,
._formGroup_1tb03_8 select:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
}
._questionCard_1tb03_48 {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 3px #0000000d;
}
._questionHeader_1tb03_57 {
  margin-bottom: 24px;
}
._questionTextWrapper_1tb03_61 {
  position: relative;
  margin-bottom: 16px;
}
._questionTextarea_1tb03_66 {
  width: 100%;
  min-height: 80px;
  padding: 12px;
  font-size: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  resize: vertical;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
._questionTextarea_1tb03_66:focus {
  border-color: #2196f3;
}
._questionTextarea_1tb03_66::placeholder {
  color: #999;
}
._unsavedBadge_1tb03_88 {
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: #fff9c4;
  color: #f57c00;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
._questionControls_1tb03_100 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._marksWrapper_1tb03_106 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._marksLabel_1tb03_112 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
._marksInput_1tb03_118 {
  width: 70px;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.2s;
}
._marksInput_1tb03_118:focus {
  border-color: #2196f3;
}
._actionButtons_1tb03_132 {
  display: flex;
  gap: 12px;
}
._saveButton_1tb03_137 {
  padding: 8px 24px;
  background-color: #2196f3;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
._saveButton_1tb03_137:hover {
  background-color: #1976d2;
}
._deleteButton_1tb03_153 {
  padding: 8px 24px;
  background-color: #fff;
  color: #f44336;
  border: 1px solid #f44336;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
._deleteButton_1tb03_153:hover {
  background-color: #ffebee;
}
._divider_1tb03_170 {
  height: 1px;
  background-color: #e0e0e0;
  margin: 24px 0;
}
._optionsList_1tb03_177 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._optionRow_1tb03_183 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
._optionCheckbox_1tb03_190 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: #2196f3;
}
._optionInput_1tb03_198 {
  flex: 1;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  outline: none;
  transition: border-color 0.2s;
}
._optionInput_1tb03_198:focus {
  border-color: #2196f3;
}
._marksButtons_1tb03_212 {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
._markButton_1tb03_218 {
  padding: 6px 14px;
  background-color: #f5f5f5;
  color: #666;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  min-width: 50px;
  transition: background-color 0.2s;
}
._markButton_1tb03_218:hover {
  background-color: #e0e0e0;
}
._markButtonActive_1tb03_235 {
  background-color: #2196f3;
  color: #fff;
}
._markButtonActive_1tb03_235:hover {
  background-color: #2196f3;
}
._removeButton_1tb03_244 {
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #f44336;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
._removeButton_1tb03_244:hover {
  background-color: #ffebee;
}
._addOptionButton_1tb03_265 {
  margin-top: 16px;
  padding: 10px 20px;
  background-color: transparent;
  color: #2196f3;
  border: 2px dashed #2196f3;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.2s;
}
._addOptionButton_1tb03_265:hover {
  background-color: #e3f2fd;
}
._marksDropdownWrapper_1tb03_283 {
  display: flex;
  align-items: center;
}
._marksDropdown_1tb03_283 {
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
  min-width: 100px;
}
._marksDropdown_1tb03_283:hover {
  border-color: #2196f3;
}
._marksDropdown_1tb03_283:focus {
  border-color: #2196f3;
  box-shadow: 0 0 0 2px #2196f31a;
}
._questionControls_1tb03_100 {
  display: flex;
  gap: 16px;
  width: 100%;
}
._formGroup_1tb03_8 {
  width: 50%;
  display: flex;
  flex-direction: column;
}
._formGroup_1tb03_8 label {
  font-weight: 600;
  margin-bottom: 6px;
}
._formGroup_1tb03_8 input,
._formGroup_1tb03_8 select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  font-size: 14px;
}
._addMatchingButton_1tb03_335 {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
._addMatchingButton_1tb03_335:hover {
  background-color: #0056b3;
  transform: translateY(-1px);
}
._addMatchingButton_1tb03_335:active {
  transform: translateY(0);
}
._form_a5iix_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._formGroup_a5iix_7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._formGroup_a5iix_7 label {
  font-weight: 600;
  color: #374151;
  font-size: 0.9rem;
}
._formGroup_a5iix_7 textarea,
._formGroup_a5iix_7 input,
._formGroup_a5iix_7 select {
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.95rem;
  font-family: inherit;
  transition: all 0.3s ease;
}
._formGroup_a5iix_7 textarea:focus,
._formGroup_a5iix_7 input:focus,
._formGroup_a5iix_7 select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #2563eb1a;
}
._formGroup_a5iix_7 textarea:disabled,
._formGroup_a5iix_7 input:disabled,
._formGroup_a5iix_7 select:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
}
._row_a5iix_46 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
._optionsSection_a5iix_52 {
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 6px;
}
._optionsSection_a5iix_52 h4 {
  margin: 0 0 1rem;
  color: #374151;
  font-size: 0.95rem;
}
._option_a5iix_52,
._matchingRow_a5iix_65,
._testCase_a5iix_66 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  align-items: center;
}
._option_a5iix_52 input[type="radio"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}
._option_a5iix_52 input[type="text"],
._matchingRow_a5iix_65 input[type="text"],
._testCase_a5iix_66 input[type="text"] {
  flex: 1;
  padding: 0.6rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 0.9rem;
}
._matchingRow_a5iix_65 {
  justify-content: space-between;
  align-items: center;
}
._arrow_a5iix_96 {
  color: #9ca3af;
  font-weight: 600;
  font-size: 1.2rem;
}
._booleanOptions_a5iix_102 {
  display: flex;
  gap: 2rem;
}
._booleanOptions_a5iix_102 label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: 500;
}
._booleanOptions_a5iix_102 input[type="radio"] {
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  ._row_a5iix_46 {
    grid-template-columns: 1fr;
  }
  ._option_a5iix_52,
  ._matchingRow_a5iix_65,
  ._testCase_a5iix_66 {
    flex-wrap: wrap;
  }
}
._addMatchingButton_a5iix_132 {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 4px #007bff33;
  margin: 8px 0;
  font-family: inherit;
}
._addMatchingButton_a5iix_132:hover {
  background-color: #0056b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px #007bff4d;
}
._addMatchingButton_a5iix_132:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px #007bff33;
}
._addMatchingButton_a5iix_132:focus {
  outline: none;
  box-shadow: 0 0 0 3px #007bff4d;
}
._testCase_a5iix_66 {
  margin-bottom: 16px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f8fafc;
}
._testCaseHeader_a5iix_174 {
  font-weight: 600;
  margin-bottom: 8px;
  color: #4a5568;
}
._testCaseInputs_a5iix_180 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
._testCaseInputs_a5iix_180 input {
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
}
._testCaseInputs_a5iix_180 input:required {
  border-left: 3px solid #e53e3e;
}
._removeButton_a5iix_197 {
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #f44336;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
._removeButton_a5iix_197:hover {
  background-color: #ffebee;
}
._editorContainer_sbg9l_1 {
  position: relative;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s ease;
}
._editorContainer_sbg9l_1:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #2563eb1a;
}
._editor_sbg9l_1 {
  width: 100%;
  min-height: 200px;
  padding: 1rem;
  border: none;
  font-family:
    Consolas,
    Monaco,
    Courier New,
    monospace;
  font-size: 0.9rem;
  line-height: 1.6;
  resize: vertical;
  background-color: #fff;
  color: #1f2937;
  outline: none;
  -moz-tab-size: 4;
  tab-size: 4;
}
._editor_sbg9l_1:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
}
._editor_sbg9l_1::placeholder {
  color: #9ca3af;
}
._languageIndicator_sbg9l_40 {
  position: absolute;
  bottom: 0.5rem;
  right: 0.75rem;
  font-size: 0.75rem;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  pointer-events: none;
}
._container_t127e_1 {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
._card_t127e_10 {
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 10px 40px #667eea4d;
  color: #fff;
  margin-bottom: 2rem;
  width: 100%;
  box-sizing: border-box;
}
._header_t127e_21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 0.75rem;
}
._title_t127e_30 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
._badge_t127e_39 {
  background: #ffffff40;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: capitalize;
}
._form_t127e_48 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
._formGroup_t127e_54 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex: 1;
}
._formRow_t127e_61 {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
._formInput_t127e_67,
._formSelect_t127e_68 {
  padding: 0.875rem 1.125rem;
  border-radius: 0.625rem;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: #ffffff26;
  color: #fff;
  font-size: 0.9375rem;
  outline: none;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}
._formInput_t127e_67::placeholder {
  color: #ffffffb3;
}
._formSelect_t127e_68 option {
  background-color: #f0f4ff;
  color: #000;
}
._formSelect_t127e_68 option:hover {
  background-color: #d6e4ff;
}
._formInput_t127e_67:focus,
._formSelect_t127e_68:focus {
  border-color: #fff9;
}
._generateButton_t127e_99 {
  padding: 1rem 2rem;
  border-radius: 0.625rem;
  border: none;
  background: #fff;
  color: #667eea;
  font-size: 1.0625rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-height: 54px;
  width: 100%;
  box-sizing: border-box;
}
._generateButton_t127e_99:hover:not(._generateButtonDisabled_t127e_118) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #0000004d;
}
._generateButtonDisabled_t127e_118 {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
._spinnerContainer_t127e_129 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._spinner_t127e_129 {
  width: 20px;
  height: 20px;
  border: 2px solid #667eea;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: _spin_t127e_129 1s linear infinite;
}
._buttonIcon_t127e_144 {
  font-size: 1.125rem;
}
._errorMessage_t127e_148 {
  padding: 0.875rem 1.125rem;
  border-radius: 0.625rem;
  background: #ff3b3040;
  border: 2px solid rgba(255, 59, 48, 0.5);
  font-size: 0.875rem;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
}
._demoNotice_t127e_159 {
  text-align: center;
  opacity: 0.8;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
._questionsLayout_t127e_167 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 2rem;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
}
._savedQuestionsColumn_t127e_177,
._generatedQuestionsColumn_t127e_178 {
  min-width: 460px;
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 20px #0000001a;
  border: 1px solid #e1e5e9;
  max-height: 80vh;
  overflow-y: auto;
  min-height: 400px;
  width: 100%;
  box-sizing: border-box;
}
._savedQuestionsColumn_t127e_177 {
  background: linear-gradient(135deg, #f0fff4, #f7fff0);
  border: 2px solid #48bb78;
}
._generatedQuestionsColumn_t127e_178 {
  background: linear-gradient(135deg, #f7fafc, #edf2f7);
  border: 2px solid #667eea;
}
._columnHeader_t127e_202 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #f1f3f4;
  width: 100%;
  box-sizing: border-box;
}
._columnTitle_t127e_213 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._columnHeader_t127e_202 h4 {
  margin: 0;
  color: #2d3748;
  font-size: 1.25rem;
  white-space: nowrap;
}
._countBadge_t127e_226 {
  background: #667eea;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
._columnActions_t127e_236 {
  display: flex;
  gap: 0.5rem;
}
._saveAllButton_t127e_241,
._clearButton_t127e_242 {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  white-space: nowrap;
}
._saveAllButton_t127e_241 {
  background: #48bb78;
  color: #fff;
}
._saveAllButton_t127e_241:hover:not(:disabled) {
  background: #38a169;
}
._saveAllButton_t127e_241:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._clearButton_t127e_242 {
  background: #e53e3e;
  color: #fff;
}
._clearButton_t127e_242:hover {
  background: #c53030;
}
._questionsColumnContent_t127e_277 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 300px;
  width: 100%;
  box-sizing: border-box;
}
._questionCard_t127e_286 {
  margin-bottom: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: #fff;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px #0000000d;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
._questionCardSaved_t127e_300 {
  border-color: #48bb78;
  background: #f0fff4;
}
._questionCard_t127e_286:hover {
  border-color: #667eea;
  box-shadow: 0 4px 12px #667eea26;
  transform: translateY(-2px);
}
._questionHeader_t127e_311 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
._questionMeta_t127e_321 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
._questionNumber_t127e_330 {
  background: #667eea;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}
._questionType_t127e_340 {
  background: #edf2f7;
  color: #4a5568;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: capitalize;
  flex-shrink: 0;
}
._questionMarks_t127e_351 {
  background: #fef5e7;
  color: #d69e2e;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}
._questionActions_t127e_361 {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
._saveBtn_t127e_367,
._deleteBtn_t127e_368,
._deleteQuestionBtn_t127e_369 {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}
._saveBtn_t127e_367 {
  background: #48bb78;
  color: #fff;
}
._saveBtn_t127e_367:hover:not(:disabled) {
  background: #38a169;
}
._saveBtn_t127e_367:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._deleteBtn_t127e_368,
._deleteQuestionBtn_t127e_369 {
  background: #e53e3e;
  color: #fff;
}
._deleteBtn_t127e_368:hover,
._deleteQuestionBtn_t127e_369:hover {
  background: #c53030;
}
._questionText_t127e_406 {
  font-size: 0.9rem;
  color: #2d3748;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}
._questionFooter_t127e_417 {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
._optionsList_t127e_428 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
._option_t127e_428 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}
._optionCorrect_t127e_448 {
  border-color: #48bb78;
  background: #f0fff4;
}
._optionText_t127e_453 {
  color: #4a5568;
  font-size: 0.8rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex: 1;
  min-width: 0;
}
._correctBadge_t127e_462 {
  color: #48bb78;
  font-size: 0.7rem;
  font-weight: 600;
  flex-shrink: 0;
  margin-left: 0.5rem;
}
._trueFalseAnswer_t127e_470,
._descriptiveInfo_t127e_471,
._codingInfo_t127e_472 {
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  color: #4a5568;
  font-size: 0.8rem;
  width: 100%;
  box-sizing: border-box;
}
._matchingPairs_t127e_483 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
._matchingPair_t127e_483 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  width: 100%;
  box-sizing: border-box;
}
._pairLeft_t127e_503 {
  font-weight: 600;
  color: #2d3748;
  min-width: 80px;
  flex-shrink: 0;
}
._pairArrow_t127e_510 {
  color: #718096;
  flex-shrink: 0;
}
._pairRight_t127e_515 {
  color: #4a5568;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex: 1;
  min-width: 0;
}
._emptyState_t127e_524 {
  text-align: center;
  padding: 3rem 2rem;
  color: #718096;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
  width: 100%;
  box-sizing: border-box;
}
._emptyIcon_t127e_538 {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
._emptyState_t127e_524 p {
  margin: 0 0 0.5rem;
  font-weight: 600;
}
._emptyState_t127e_524 small {
  font-size: 0.8rem;
}
@keyframes _spin_t127e_129 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1024px) {
  ._questionsLayout_t127e_167 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  ._savedQuestionsColumn_t127e_177,
  ._generatedQuestionsColumn_t127e_178 {
    max-height: none;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  ._card_t127e_10 {
    padding: 1.5rem;
  }
  ._formRow_t127e_61 {
    flex-direction: column;
  }
  ._questionHeader_t127e_311 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  ._questionMeta_t127e_321 {
    width: 100%;
  }
  ._questionActions_t127e_361 {
    width: 100%;
    justify-content: flex-end;
  }
  ._columnHeader_t127e_202 {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  ._columnActions_t127e_236 {
    width: 100%;
    justify-content: flex-end;
  }
}
._contentArea_1ltww_2 {
  flex: 1;
  overflow-y: auto;
  background: #f8fafc;
  min-height: 100vh;
}
._cardContainer_1ltww_11 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px #0000000f;
  margin: 0 auto;
  max-width: 100%;
}
._cardHeader_1ltww_20 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #f1f5f9;
}
._cardHeaderLeft_1ltww_28 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._cardIcon_1ltww_34 {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, #1e40af, #3b82f6);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._cardTitleGroup_1ltww_44 h2 {
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
._cardTitleGroup_1ltww_44 p {
  font-size: 13px;
  color: #64748b;
  margin: 4px 0 0;
}
._formContent_1ltww_58 {
  padding: 24px;
}
._formGrid_1ltww_63 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
  align-items: start;
}
._formGroup_1ltww_71 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._formGroupFull_1ltww_77 {
  grid-column: 1 / -1;
}
._label_1ltww_81 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: #475569;
}
._required_1ltww_90 {
  color: #ef4444;
}
._input_1ltww_94,
._select_1ltww_95,
._textarea_1ltww_96 {
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #1e293b;
  background: #fff;
  transition: all 0.2s ease;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
}
._input_1ltww_94:focus,
._select_1ltww_95:focus,
._textarea_1ltww_96:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._select_1ltww_95 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}
._textarea_1ltww_96 {
  resize: vertical;
  font-family: inherit;
  min-height: 100px;
}
._searchInputWrapper_1ltww_132 {
  position: relative;
  width: 100%;
}
._searchInput_1ltww_132 {
  padding: 12px 16px 12px 40px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #1e293b;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  height: 46px;
}
._searchInput_1ltww_132:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}
._searchInputIcon_1ltww_155 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  pointer-events: none;
}
._amountWrapper_1ltww_165 {
  position: relative;
  width: 100%;
}
._currencyPrefix_1ltww_170 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  pointer-events: none;
}
._amountInput_1ltww_181 {
  padding-left: 32px;
}
._studentCard_1ltww_186 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  grid-column: 1 / -1;
}
._studentAvatar_1ltww_197 {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: cover;
  border: 2px solid #3b82f6;
}
._studentDetails_1ltww_205 {
  flex: 1;
}
._studentName_1ltww_209 {
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 6px;
}
._studentMeta_1ltww_216 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
._studentId_1ltww_223 {
  font-size: 11px;
  color: #fff;
  background: #1e40af;
  padding: 3px 10px;
  border-radius: 12px;
  font-weight: 600;
}
._studentProgram_1ltww_232 {
  font-size: 13px;
  color: #64748b;
}
._studentEmail_1ltww_237 {
  font-size: 13px;
  color: #3b82f6;
  margin: 0;
}
._studentBadge_1ltww_243 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #16a34a;
  background: #dcfce7;
  padding: 6px 14px;
  border-radius: 20px;
}
._noResult_1ltww_255 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  color: #94a3b8;
  font-size: 14px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px dashed #d1d5db;
  margin-bottom: 24px;
}
._inputSpinner_1ltww_270 {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #e2e8f0;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: _spin_1ltww_1 0.8s linear infinite;
}
@keyframes _spin_1ltww_1 {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}
._formActions_1ltww_290 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 20px;
  border-top: 1px solid #f1f5f9;
}
._cancelBtn_1ltww_298 {
  padding: 12px 28px;
  background: #f1f5f9;
  color: #475569;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelBtn_1ltww_298:hover {
  background: #e2e8f0;
}
._submitBtn_1ltww_314 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: #1e40af;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._submitBtn_1ltww_314:hover:not(:disabled) {
  background: #1e3a8a;
}
._submitBtn_1ltww_314:disabled {
  background: #94a3b8;
  cursor: not-allowed;
}
@media (max-width: 900px) {
  ._formGrid_1ltww_63 {
    grid-template-columns: 1fr 1fr;
  }
  ._formGroup_1ltww_71:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 600px) {
  ._formGrid_1ltww_63 {
    grid-template-columns: 1fr;
  }
  ._contentArea_1ltww_2 {
    padding: 16px;
  }
  ._studentCard_1ltww_186 {
    flex-direction: column;
    text-align: center;
  }
  ._studentBadge_1ltww_243 {
    margin-top: 12px;
  }
}
._container_1psdl_1 {
  padding: 16px;
}
._title_1psdl_5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
._grid_1psdl_12 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  align-items: start;
}
._card_1psdl_19 {
  background: #fff;
  border-radius: 10px;
  padding: 14px;
  box-shadow: 0 2px 8px #0000000f;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 90px;
}
._top_1psdl_30 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._semester_1psdl_36 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
._badgeAvailable_1psdl_42 {
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 12px;
  background: #e8f5e9;
  color: #2e7d32;
  font-weight: 600;
}
._badgeUnavailable_1psdl_51 {
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 12px;
  background: #fdecea;
  color: #c62828;
  font-weight: 600;
}
._bottom_1psdl_60 {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
._downloadBtn_1psdl_66 {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 6px;
  border: none;
  background: #3f51b5;
  color: #fff;
  cursor: pointer;
}
._naText_1psdl_76 {
  color: #999;
  font-size: 14px;
}
._emptyState_1psdl_81 {
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #777;
  background: #fafafa;
  border-radius: 8px;
}
._card_1932w_1 {
  background: linear-gradient(135deg, #fff, #f8f9fb);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px #00000012;
}
._card_1932w_1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
  transform: scaleX(0);
  transform-origin: left;
  animation: _slideIn_1932w_1 0.5s ease forwards;
}
@keyframes _slideIn_1932w_1 {
  to {
    transform: scaleX(1);
  }
}
._statusBadge_1932w_32 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}
._marked_1932w_46 {
  background: linear-gradient(135deg, #dbeafe, #e0f2fe);
  color: #0369a1;
  border: 1px solid #bae6fd;
}
._pending_1932w_52 {
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #92400e;
  border: 1px solid #fcd34d;
}
._statusBadge_1932w_32 svg {
  width: 14px;
  height: 14px;
}
._header_1932w_64 {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
._paperName_1932w_71 {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
._paperType_1932w_80 {
  font-size: 13px;
  color: #6b7280;
  margin: 6px 0 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._divider_1932w_90 {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #e5e7eb 50%,
    transparent 100%
  );
  margin: 12px 0;
}
._content_1932w_97 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
._infoRow_1932w_103 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._label_1932w_109 {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
._userName_1932w_117 {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  word-break: break-word;
}
._phoneContainer_1932w_125 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._phone_1932w_125 {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  font-family:
    Courier New,
    monospace;
  letter-spacing: 1px;
  flex: 1;
}
._copyButton_1932w_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._copyButton_1932w_142:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  box-shadow: 0 4px 12px #2563eb66;
}
._copyButton_1932w_142:active {
  transform: scale(0.95);
}
._copyButton_1932w_142 svg {
  width: 16px;
  height: 16px;
}
._dateTime_1932w_171 {
  font-size: 14px;
  color: #4b5563;
  margin: 0;
  font-weight: 500;
}
._footerLine_1932w_179 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
}
._markedLine_1932w_187 {
  background: linear-gradient(90deg, #10b981, #34d399);
}
._pendingLine_1932w_191 {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
}
@media (max-width: 640px) {
  ._card_1932w_1 {
    padding: 16px;
  }
  ._paperName_1932w_71 {
    font-size: 16px;
  }
  ._phoneContainer_1932w_125 {
    flex-direction: column;
    align-items: stretch;
  }
  ._copyButton_1932w_142 {
    width: 100%;
    height: 40px;
  }
}
._backdrop_65sbc_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00000080;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 40;
}
._modal_65sbc_12 {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 90%;
  max-width: 900px;
  max-height: 80vh;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px #00000026;
  display: flex;
  flex-direction: column;
  z-index: 50;
  overflow: hidden;
}
._header_65sbc_32 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 28px 32px;
  background: linear-gradient(135deg, #fff, #f8f9fb);
  border-bottom: 1px solid #e5e7eb;
}
._title_65sbc_41 {
  font-size: 28px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  letter-spacing: -0.5px;
}
._subtitle_65sbc_49 {
  font-size: 14px;
  color: #6b7280;
  margin: 8px 0 0;
  font-weight: 500;
}
._closeButton_65sbc_56 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: transparent;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._closeButton_65sbc_56:hover {
  background: #f3f4f6;
  color: #111827;
  border-color: #d1d5db;
}
._divider_65sbc_78 {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #e5e7eb 50%,
    transparent 100%
  );
}
._tabContainer_65sbc_84 {
  display: flex;
  gap: 8px;
  padding: 16px 32px;
  background: #fff;
  border-bottom: 1px solid #f3f4f6;
}
._tab_65sbc_84 {
  position: relative;
  padding: 12px 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  transition: color 0.2s ease;
  border-radius: 8px;
}
._tab_65sbc_84:hover {
  color: #3b82f6;
}
._activeTab_65sbc_112 {
  color: #3b82f6;
  font-weight: 600;
}
._tabLabel_65sbc_117 {
  white-space: nowrap;
}
._tabCount_65sbc_121 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  background: #e0e7ff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #3b82f6;
}
._activeTab_65sbc_112 ._tabCount_65sbc_121 {
  background: #3b82f6;
  color: #fff;
}
._tabUnderline_65sbc_140 {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
  border-radius: 2px;
}
._contentArea_65sbc_151 {
  flex: 1;
  overflow-y: auto;
  padding: 24px 32px;
  background: #fff;
}
._contentArea_65sbc_151::-webkit-scrollbar {
  width: 8px;
}
._contentArea_65sbc_151::-webkit-scrollbar-track {
  background: #f9fafb;
}
._contentArea_65sbc_151::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
._contentArea_65sbc_151::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
._cardsGrid_65sbc_175 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  animation: _fadeIn_65sbc_1 0.3s ease;
}
@keyframes _fadeIn_65sbc_1 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._emptyState_65sbc_192 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
._emptyIcon_65sbc_201 {
  font-size: 56px;
  margin-bottom: 16px;
  opacity: 0.5;
  animation: _bounce_65sbc_1 2s infinite;
}
@keyframes _bounce_65sbc_1 {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
._emptyText_65sbc_217 {
  font-size: 16px;
  color: #9ca3af;
  margin: 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  ._modal_65sbc_12 {
    width: 95%;
    max-height: 95vh;
  }
  ._header_65sbc_32 {
    padding: 20px 24px;
  }
  ._title_65sbc_41 {
    font-size: 22px;
  }
  ._tabContainer_65sbc_84 {
    padding: 12px 24px;
    overflow-x: auto;
  }
  ._tab_65sbc_84 {
    padding: 10px 16px;
    font-size: 13px;
  }
  ._contentArea_65sbc_151 {
    padding: 16px 24px;
  }
  ._cardsGrid_65sbc_175 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  ._modal_65sbc_12 {
    width: calc(100% - 32px);
    max-width: 480px;
    max-height: 90vh;
    border-radius: 12px;
    transform: translateY(-50%);
  }
  ._header_65sbc_32 {
    padding: 16px 20px;
  }
  ._title_65sbc_41 {
    font-size: 20px;
  }
  ._closeButton_65sbc_56 {
    width: 36px;
    height: 36px;
  }
  ._contentArea_65sbc_151 {
    padding: 12px 20px;
  }
  ._cardsGrid_65sbc_175 {
    grid-template-columns: 1fr;
  }
}