*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

.mt-auto{margin-top:auto}

.mb-auto{margin-bottom:auto}

.ml-auto{margin-left:auto}

.mr-auto{margin-right:auto}

.mx-auto{margin-left:auto;margin-right:auto}

.my-auto{margin-top:auto;margin-bottom:auto}

.m-auto{margin:auto}

.m-0{margin:0}

.mt-0{margin-top:0}

.mb-0{margin-bottom:0}

.ml-0{margin-left:0}

.mr-0{margin-right:0}

.my-0{margin-top:0;margin-bottom:0}

.mx-0{margin-left:0;margin-right:0}

.m-1{margin:1em}

.mt-1{margin-top:1em}

.mb-1{margin-bottom:1em}

.ml-1{margin-left:1em}

.mr-1{margin-right:1em}

.my-1{margin-top:1em;margin-bottom:1em}

.mx-1{margin-left:1em;margin-right:1em}

.m-2{margin:2em}

.mt-2{margin-top:2em}

.mb-2{margin-bottom:2em}

.ml-2{margin-left:2em}

.mr-2{margin-right:2em}

.my-2{margin-top:2em;margin-bottom:2em}

.mx-2{margin-left:2em;margin-right:2em}

.m-3{margin:3em}

.mt-3{margin-top:3em}

.mb-3{margin-bottom:3em}

.ml-3{margin-left:3em}

.mr-3{margin-right:3em}

.my-3{margin-top:3em;margin-bottom:3em}

.mx-3{margin-left:3em;margin-right:3em}

.m-4{margin:4em}

.mt-4{margin-top:4em}

.mb-4{margin-bottom:4em}

.ml-4{margin-left:4em}

.mr-4{margin-right:4em}

.my-4{margin-top:4em;margin-bottom:4em}

.mx-4{margin-left:4em;margin-right:4em}

.m-5{margin:5em}

.mt-5{margin-top:5em}

.mb-5{margin-bottom:5em}

.ml-5{margin-left:5em}

.mr-5{margin-right:5em}

.my-5{margin-top:5em;margin-bottom:5em}

.mx-5{margin-left:5em;margin-right:5em}

.m-6{margin:6em}

.mt-6{margin-top:6em}

.mb-6{margin-bottom:6em}

.ml-6{margin-left:6em}

.mr-6{margin-right:6em}

.my-6{margin-top:6em;margin-bottom:6em}

.mx-6{margin-left:6em;margin-right:6em}

.m-7{margin:7em}

.mt-7{margin-top:7em}

.mb-7{margin-bottom:7em}

.ml-7{margin-left:7em}

.mr-7{margin-right:7em}

.my-7{margin-top:7em;margin-bottom:7em}

.mx-7{margin-left:7em;margin-right:7em}

.m-8{margin:8em}

.mt-8{margin-top:8em}

.mb-8{margin-bottom:8em}

.ml-8{margin-left:8em}

.mr-8{margin-right:8em}

.my-8{margin-top:8em;margin-bottom:8em}

.mx-8{margin-left:8em;margin-right:8em}

.m-9{margin:9em}

.mt-9{margin-top:9em}

.mb-9{margin-bottom:9em}

.ml-9{margin-left:9em}

.mr-9{margin-right:9em}

.my-9{margin-top:9em;margin-bottom:9em}

.mx-9{margin-left:9em;margin-right:9em}

.m-10{margin:10em}

.mt-10{margin-top:10em}

.mb-10{margin-bottom:10em}

.ml-10{margin-left:10em}

.mr-10{margin-right:10em}

.my-10{margin-top:10em;margin-bottom:10em}

.mx-10{margin-left:10em;margin-right:10em}

.m-11{margin:11em}

.mt-11{margin-top:11em}

.mb-11{margin-bottom:11em}

.ml-11{margin-left:11em}

.mr-11{margin-right:11em}

.my-11{margin-top:11em;margin-bottom:11em}

.mx-11{margin-left:11em;margin-right:11em}

.m-12{margin:12em}

.mt-12{margin-top:12em}

.mb-12{margin-bottom:12em}

.ml-12{margin-left:12em}

.mr-12{margin-right:12em}

.my-12{margin-top:12em;margin-bottom:12em}

.mx-12{margin-left:12em;margin-right:12em}

.m-13{margin:13em}

.mt-13{margin-top:13em}

.mb-13{margin-bottom:13em}

.ml-13{margin-left:13em}

.mr-13{margin-right:13em}

.my-13{margin-top:13em;margin-bottom:13em}

.mx-13{margin-left:13em;margin-right:13em}

.m-14{margin:14em}

.mt-14{margin-top:14em}

.mb-14{margin-bottom:14em}

.ml-14{margin-left:14em}

.mr-14{margin-right:14em}

.my-14{margin-top:14em;margin-bottom:14em}

.mx-14{margin-left:14em;margin-right:14em}

.m-15{margin:15em}

.mt-15{margin-top:15em}

.mb-15{margin-bottom:15em}

.ml-15{margin-left:15em}

.mr-15{margin-right:15em}

.my-15{margin-top:15em;margin-bottom:15em}

.mx-15{margin-left:15em;margin-right:15em}

.pt-auto{padding-top:auto}

.pb-auto{padding-bottom:auto}

.pl-auto{padding-left:auto}

.pr-auto{padding-right:auto}

.px-auto{padding-left:auto;padding-right:auto}

.py-auto{padding-top:auto;padding-bottom:auto}

.p-auto{padding:auto}

.p-0{padding:0}

.pt-0{padding-top:0}

.pb-0{padding-bottom:0}

.pl-0{padding-left:0}

.pr-0{padding-right:0}

.py-0{padding-top:0;padding-bottom:0}

.px-0{padding-left:0;padding-right:0}

.p-1{padding:1em}

.pt-1{padding-top:1em}

.pb-1{padding-bottom:1em}

.pl-1{padding-left:1em}

.pr-1{padding-right:1em}

.py-1{padding-top:1em;padding-bottom:1em}

.px-1{padding-left:1em;padding-right:1em}

.p-2{padding:2em}

.pt-2{padding-top:2em}

.pb-2{padding-bottom:2em}

.pl-2{padding-left:2em}

.pr-2{padding-right:2em}

.py-2{padding-top:2em;padding-bottom:2em}

.px-2{padding-left:2em;padding-right:2em}

.p-3{padding:3em}

.pt-3{padding-top:3em}

.pb-3{padding-bottom:3em}

.pl-3{padding-left:3em}

.pr-3{padding-right:3em}

.py-3{padding-top:3em;padding-bottom:3em}

.px-3{padding-left:3em;padding-right:3em}

.p-4{padding:4em}

.pt-4{padding-top:4em}

.pb-4{padding-bottom:4em}

.pl-4{padding-left:4em}

.pr-4{padding-right:4em}

.py-4{padding-top:4em;padding-bottom:4em}

.px-4{padding-left:4em;padding-right:4em}

.p-5{padding:5em}

.pt-5{padding-top:5em}

.pb-5{padding-bottom:5em}

.pl-5{padding-left:5em}

.pr-5{padding-right:5em}

.py-5{padding-top:5em;padding-bottom:5em}

.px-5{padding-left:5em;padding-right:5em}

.p-6{padding:6em}

.pt-6{padding-top:6em}

.pb-6{padding-bottom:6em}

.pl-6{padding-left:6em}

.pr-6{padding-right:6em}

.py-6{padding-top:6em;padding-bottom:6em}

.px-6{padding-left:6em;padding-right:6em}

.p-7{padding:7em}

.pt-7{padding-top:7em}

.pb-7{padding-bottom:7em}

.pl-7{padding-left:7em}

.pr-7{padding-right:7em}

.py-7{padding-top:7em;padding-bottom:7em}

.px-7{padding-left:7em;padding-right:7em}

.p-8{padding:8em}

.pt-8{padding-top:8em}

.pb-8{padding-bottom:8em}

.pl-8{padding-left:8em}

.pr-8{padding-right:8em}

.py-8{padding-top:8em;padding-bottom:8em}

.px-8{padding-left:8em;padding-right:8em}

.p-9{padding:9em}

.pt-9{padding-top:9em}

.pb-9{padding-bottom:9em}

.pl-9{padding-left:9em}

.pr-9{padding-right:9em}

.py-9{padding-top:9em;padding-bottom:9em}

.px-9{padding-left:9em;padding-right:9em}

.p-10{padding:10em}

.pt-10{padding-top:10em}

.pb-10{padding-bottom:10em}

.pl-10{padding-left:10em}

.pr-10{padding-right:10em}

.py-10{padding-top:10em;padding-bottom:10em}

.px-10{padding-left:10em;padding-right:10em}

.p-11{padding:11em}

.pt-11{padding-top:11em}

.pb-11{padding-bottom:11em}

.pl-11{padding-left:11em}

.pr-11{padding-right:11em}

.py-11{padding-top:11em;padding-bottom:11em}

.px-11{padding-left:11em;padding-right:11em}

.p-12{padding:12em}

.pt-12{padding-top:12em}

.pb-12{padding-bottom:12em}

.pl-12{padding-left:12em}

.pr-12{padding-right:12em}

.py-12{padding-top:12em;padding-bottom:12em}

.px-12{padding-left:12em;padding-right:12em}

.p-13{padding:13em}

.pt-13{padding-top:13em}

.pb-13{padding-bottom:13em}

.pl-13{padding-left:13em}

.pr-13{padding-right:13em}

.py-13{padding-top:13em;padding-bottom:13em}

.px-13{padding-left:13em;padding-right:13em}

.p-14{padding:14em}

.pt-14{padding-top:14em}

.pb-14{padding-bottom:14em}

.pl-14{padding-left:14em}

.pr-14{padding-right:14em}

.py-14{padding-top:14em;padding-bottom:14em}

.px-14{padding-left:14em;padding-right:14em}

.p-15{padding:15em}

.pt-15{padding-top:15em}

.pb-15{padding-bottom:15em}

.pl-15{padding-left:15em}

.pr-15{padding-right:15em}

.py-15{padding-top:15em;padding-bottom:15em}

.px-15{padding-left:15em;padding-right:15em}

:root {
  --color-neutral: #fdfdfd;

  --text-color: #191919;
  --text-color-10: #555;

  --primary: #a2d2ff;
  --primary-10: #66b5ff;
  --primary-20: #005cb3;
  --gray: #4a5565;
  --gray-10: #eae9f0;
  --danger: #f56565;
  --disabled: #f0h0f0;
  --disabled-10: #878691;

  --card-background: var(--color-neutral);

  --table-text-color: #333;
  --table-border-color: #e0e0e0;
  --table-header-color: var(--text-color-10);
  --table-header-background: #f7f7f7;
  --table-row-hover: #f9f9f9;

  --form-field-bg: #fff;
  --form-field-color: var(--text-color);
  --form-field-disabled-bg: var(--disabled);
  --form-field-disabled-color: #a0a0a0;
  --form-field-disabled-border: #d0d0d0;

  --font-sans: "Nunito Sans Variable", sans-serif;

  --hero-bg-color: #4c86f1;
}

html[data-theme="dark"] {
  --color-neutral: #0d1b2a;
  --primary: #778da9;
  --text-color: #e0e1dd;
  --disabled: #293139;
  --gray-10: #0d1a28;

  --card-background: #1b263b;
  --card-background-10: #22304d;
  --card-background-20: #182031;

  --table-text-color: var(--text-color);
  --table-border-color: var(--card-background-10);
  --table-header-color: var(--text-color);
  --table-header-background: var(--card-background-20);
  --table-row-hover: #1d283e;

  --form-field-bg: #122131;

  --filter: 100%;

  --hero-bg-color: #162746;
}

@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/nunito-sans:vf@latest/latin-wght-normal.woff2)
    format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

body {
  background-color: var(--color-neutral);
  color: var(--text-color);
  font-family: var(--font-sans);
}

body * {
  font-family: var(--font-sans);
}

form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.container {
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1200px;
  }
}

.actions-column {
  display: flex;
  gap: 0.5rem;
  justify-content: left;
}

.actions-column app-button {
  width: fit-content;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.5rem;
}

data-table::part(actions-column) {
  display: flex;
  gap: 0.5rem;
  justify-content: left;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.5rem;
}

form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
  color: #333;
}

th, td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

th {
  background-color: #f7f7f7;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #555;
}

tr:last-child td {
  border-bottom: none;
}

tr:hover {
  background-color: #f9f9f9;
}

td {
  font-size: 0.95em;
}

.table-loader {
  display: flex;
  justify-content: center;
}

.card {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease;
  background: var(--card-background);
  color: var(--text-color);
}

.input {
  all: unset;
  width: 100%;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  font-family: inherit;
  transition: border-color 0.2s ease;

  /* Optional: smooth placeholder */
  ::placeholder {
    color: #999;
    opacity: 1;
  }
}

.input:focus {
  border-bottom: 1px solid #333;
}

/*# sourceMappingURL=index.css.map */