.locale-segmented[data-v-12010547] {
  --el-segmented-item-selected-color: #f8fcff;
  --el-segmented-item-selected-bg-color: var(--brand-500);
  --el-segmented-item-hover-bg-color: color-mix(in srgb, var(--brand-100) 25%, transparent);
  --el-segmented-item-hover-color: var(--text-primary);
  --el-segmented-border-radius: var(--el-border-radius-round);
  --el-segmented-bg-color: color-mix(in srgb, var(--brand-100) 20%, var(--bg-surface));
  --el-segmented-item-color: var(--text-secondary);
}
.mobile-sidebar-drawer[data-v-12010547] .el-drawer {
  background: var(--brand-aside);
  color: var(--text-primary);
}
.mobile-sidebar-drawer[data-v-12010547] .el-drawer__body {
  height: 100%;
  padding: 0;
}
.mobile-sidebar-header[data-v-12010547] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4rem;
  padding: 0 0.75rem 0 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 45%, transparent);
}
.dashboard-nav-menu[data-v-12010547] .el-menu--inline {
  background: color-mix(in srgb, var(--brand-700) 55%, transparent);
}
html:not(.dark) .dashboard-nav-menu[data-v-12010547] .el-menu--inline {
  background: color-mix(in srgb, var(--brand-700) 15%, transparent);
}
.dashboard-nav-menu[data-v-12010547] .el-menu-item.is-active,
.dashboard-bottom-menu[data-v-12010547] .el-menu-item.is-active {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-fg);
}
.dashboard-nav-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title,
.dashboard-bottom-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-fg);
}
.dashboard-nav-menu[data-v-12010547] .el-menu-item.is-active:hover,
.dashboard-bottom-menu[data-v-12010547] .el-menu-item.is-active:hover {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-fg);
}
.dashboard-nav-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title:hover,
.dashboard-bottom-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title:hover {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-fg);
}
.dashboard-nav-menu[data-v-12010547] .el-menu-item.is-active .el-icon,
.dashboard-nav-menu[data-v-12010547] .el-menu-item.is-active .lucide,
.dashboard-bottom-menu[data-v-12010547] .el-menu-item.is-active .el-icon,
.dashboard-bottom-menu[data-v-12010547] .el-menu-item.is-active .lucide {
  color: var(--sidebar-active-fg);
}
.dashboard-nav-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
.dashboard-nav-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title .lucide,
.dashboard-bottom-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
.dashboard-bottom-menu[data-v-12010547] .el-sub-menu.is-active > .el-sub-menu__title .lucide {
  color: var(--sidebar-active-fg);
}
.sidebar-expand-edge[data-v-12010547] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 100%;
  cursor: ew-resize;
  z-index: 5;
}
.route-content-loading-fade-enter-active[data-v-12010547],
.route-content-loading-fade-leave-active[data-v-12010547] {
  transition: opacity 0.2s ease;
}
.route-content-loading-fade-enter-from[data-v-12010547],
.route-content-loading-fade-leave-to[data-v-12010547] {
  opacity: 0;
}
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --color-red-300: oklch(80.8% .114 19.571);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-red-500: oklch(63.7% .237 25.331);
  --color-red-600: oklch(57.7% .245 27.325);
  --color-red-900: oklch(39.6% .141 25.723);
  --color-orange-400: oklch(75% .183 55.934);
  --color-amber-100: oklch(96.2% .059 95.617);
  --color-amber-200: oklch(92.4% .12 95.746);
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-amber-400: oklch(82.8% .189 84.429);
  --color-amber-500: oklch(76.9% .188 70.08);
  --color-amber-600: oklch(66.6% .179 58.318);
  --color-amber-700: oklch(55.5% .163 48.998);
  --color-amber-800: oklch(47.3% .137 46.201);
  --color-amber-900: oklch(41.4% .112 45.904);
  --color-amber-950: oklch(27.9% .077 45.635);
  --color-yellow-500: oklch(79.5% .184 86.047);
  --color-green-400: oklch(79.2% .209 151.711);
  --color-green-500: oklch(72.3% .219 149.579);
  --color-green-600: oklch(62.7% .194 149.214);
  --color-emerald-300: oklch(84.5% .143 164.978);
  --color-emerald-400: oklch(76.5% .177 163.223);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-emerald-900: oklch(37.8% .077 168.94);
  --color-teal-600: oklch(60% .118 184.704);
  --color-cyan-400: oklch(78.9% .154 211.53);
  --color-blue-500: oklch(62.3% .214 259.815);
  --color-rose-300: oklch(81% .117 11.638);
  --color-rose-400: oklch(71.2% .194 13.428);
  --color-rose-500: oklch(64.5% .246 16.439);
  --color-slate-50: oklch(98.4% .003 247.858);
  --color-slate-100: oklch(96.8% .007 247.896);
  --color-slate-200: oklch(92.9% .013 255.508);
  --color-slate-300: oklch(86.9% .022 252.894);
  --color-slate-400: oklch(70.4% .04 256.788);
  --color-slate-500: oklch(55.4% .046 257.417);
  --color-slate-600: oklch(44.6% .043 257.281);
  --color-slate-700: oklch(37.2% .044 257.287);
  --color-slate-900: oklch(20.8% .042 265.755);
  --color-gray-900: oklch(21% .034 264.665);
  --color-zinc-500: oklch(55.2% .016 285.938);
  --color-white: #fff;
  --spacing: .25rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-wide: .025em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --radius-xs: .125rem;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-y-0 {
  inset-block: 0;
}

.-start-\[13px\] {
  inset-inline-start: -13px;
}

.-end-\[13px\] {
  inset-inline-end: -13px;
}

.top-0 {
  top: 0;
}

.top-3 {
  top: calc(var(--spacing) * 3);
}

.top-6 {
  top: calc(var(--spacing) * 6);
}

.top-\[72px\] {
  top: 72px;
}

.top-\[124px\] {
  top: 124px;
}

.top-\[142px\] {
  top: 142px;
}

.top-\[178px\] {
  top: 178px;
}

.left-0 {
  left: 0;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.col-span-full {
  grid-column: 1 / -1;
}

.m-0 {
  margin: 0;
}

.m-3 {
  margin: calc(var(--spacing) * 3);
}

.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}

.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}

.mx-auto {
  margin-inline: auto;
}

.my-0 {
  margin-block: 0;
}

.my-1 {
  margin-block: var(--spacing);
}

.my-2 {
  margin-block: calc(var(--spacing) * 2);
}

.my-3 {
  margin-block: calc(var(--spacing) * 3);
}

.my-4 {
  margin-block: calc(var(--spacing) * 4);
}

.my-5 {
  margin-block: calc(var(--spacing) * 5);
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: calc(var(--spacing) * .5);
}

.mt-1 {
  margin-top: var(--spacing);
}

.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5);
}

.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}

.mt-auto {
  margin-top: auto;
}

.\!mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: var(--spacing);
}

.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}

.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}

.mr-auto {
  margin-right: auto;
}

.\!mb-0 {
  margin-bottom: 0 !important;
}

.\!mb-1 {
  margin-bottom: var(--spacing) !important;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: var(--spacing);
}

.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}

.ml-1 {
  margin-left: var(--spacing);
}

.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}

.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}

.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}

.ml-16 {
  margin-left: calc(var(--spacing) * 16);
}

.ml-auto {
  margin-left: auto;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.h-2 {
  height: calc(var(--spacing) * 2);
}

.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}

.h-3 {
  height: calc(var(--spacing) * 3);
}

.h-4 {
  height: calc(var(--spacing) * 4);
}

.h-7 {
  height: calc(var(--spacing) * 7);
}

.h-9 {
  height: calc(var(--spacing) * 9);
}

.h-32 {
  height: calc(var(--spacing) * 32);
}

.h-\[32px\] {
  height: 32px;
}

.h-\[46px\] {
  height: 46px;
}

.h-\[64px\] {
  height: 64px;
}

.h-\[600px\] {
  height: 600px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-72 {
  max-height: calc(var(--spacing) * 72);
}

.min-h-screen {
  min-height: 100vh;
}

.w-2 {
  width: calc(var(--spacing) * 2);
}

.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}

.w-4 {
  width: calc(var(--spacing) * 4);
}

.w-6 {
  width: calc(var(--spacing) * 6);
}

.w-7 {
  width: calc(var(--spacing) * 7);
}

.w-8 {
  width: calc(var(--spacing) * 8);
}

.w-9 {
  width: calc(var(--spacing) * 9);
}

.w-10 {
  width: calc(var(--spacing) * 10);
}

.w-16 {
  width: calc(var(--spacing) * 16);
}

.w-32 {
  width: calc(var(--spacing) * 32);
}

.w-44 {
  width: calc(var(--spacing) * 44);
}

.w-48 {
  width: calc(var(--spacing) * 48);
}

.w-56 {
  width: calc(var(--spacing) * 56);
}

.w-64 {
  width: calc(var(--spacing) * 64);
}

.w-65 {
  width: calc(var(--spacing) * 65);
}

.w-70 {
  width: calc(var(--spacing) * 70);
}

.w-72 {
  width: calc(var(--spacing) * 72);
}

.w-\[3px\] {
  width: 3px;
}

.w-\[28rem\] {
  width: 28rem;
}

.w-\[90vw\] {
  width: 90vw;
}

.w-\[300px\] {
  width: 300px;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.max-w-2xl {
  max-width: var(--container-2xl);
}

.max-w-52 {
  max-width: calc(var(--spacing) * 52);
}

.max-w-64 {
  max-width: calc(var(--spacing) * 64);
}

.max-w-\[440px\] {
  max-width: 440px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-xl {
  max-width: var(--container-xl);
}

.min-w-0 {
  min-width: 0;
}

.min-w-52 {
  min-width: calc(var(--spacing) * 52);
}

.min-w-56 {
  min-width: calc(var(--spacing) * 56);
}

.min-w-72 {
  min-width: calc(var(--spacing) * 72);
}

.min-w-\[16rem\] {
  min-width: 16rem;
}

.min-w-full {
  min-width: 100%;
}

.flex-1 {
  flex: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.basis-1\/3 {
  flex-basis: 33.3333%;
}

.table-auto {
  table-layout: auto;
}

.border-separate {
  border-collapse: separate;
}

.border-spacing-y-2 {
  --tw-border-spacing-y: calc(var(--spacing) * 2);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.rotate-0 {
  rotate: 0deg;
}

.rotate-180 {
  rotate: 180deg;
}

.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.animate-pulse {
  animation: var(--animate-pulse);
}

.animate-spin {
  animation: var(--animate-spin);
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.list-outside {
  list-style-position: outside;
}

.list-disc {
  list-style-type: disc;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-items-center {
  place-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-start {
  align-items: flex-start;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: var(--spacing);
}

.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.gap-3 {
  gap: calc(var(--spacing) * 3);
}

.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}

.gap-4 {
  gap: calc(var(--spacing) * 4);
}

.gap-5 {
  gap: calc(var(--spacing) * 5);
}

.gap-6 {
  gap: calc(var(--spacing) * 6);
}

:where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
  margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-1\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-2\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}

.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}

.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}

.gap-y-1 {
  row-gap: var(--spacing);
}

.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}

:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}

:where(.divide-\[var\(--color-border\)\] > :not(:last-child)) {
  border-color: var(--color-border);
}

.self-center {
  align-self: center;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.\!rounded-lg {
  border-radius: var(--radius-lg) !important;
}

.rounded {
  border-radius: .25rem;
}

.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[2rem\] {
  border-radius: 2rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-full {
  border-radius: 3.40282e38px;
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.rounded-md {
  border-radius: var(--radius-md);
}

.rounded-sm {
  border-radius: var(--radius-sm);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.rounded-s-lg {
  border-start-start-radius: var(--radius-lg);
  border-end-start-radius: var(--radius-lg);
}

.rounded-e-lg {
  border-start-end-radius: var(--radius-lg);
  border-end-end-radius: var(--radius-lg);
}

.rounded-l-md {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.rounded-r-md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-1 {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-\[10px\] {
  border-style: var(--tw-border-style);
  border-width: 10px;
}

.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}

.border-none {
  --tw-border-style: none;
  border-style: none;
}

.\!border-\[\#1b263b\] {
  border-color: #1b263b !important;
}

.border-\[var\(--brand-500\)\] {
  border-color: var(--brand-500);
}

.border-\[var\(--brand-600\)\] {
  border-color: var(--brand-600);
}

.border-\[var\(--card-brand-border\)\] {
  border-color: var(--card-brand-border);
}

.border-\[var\(--color-border\)\], .border-\[var\(--color-border\)\]\/70 {
  border-color: var(--color-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[var\(--color-border\)\]\/70 {
    border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
  }
}

.border-\[var\(--el-border-color\)\] {
  border-color: var(--el-border-color);
}

.border-\[var\(--el-color-primary\)\] {
  border-color: var(--el-color-primary);
}

.border-\[var\(--el-color-success\)\]\/40 {
  border-color: var(--el-color-success);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-\[var\(--el-color-success\)\]\/40 {
    border-color: color-mix(in oklab, var(--el-color-success) 40%, transparent);
  }
}

.border-amber-500\/30 {
  border-color: #f99c004d;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-amber-500\/30 {
    border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
  }
}

.border-amber-500\/40 {
  border-color: #f99c0066;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-amber-500\/40 {
    border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
  }
}

.border-amber-500\/70 {
  border-color: #f99c00b3;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-amber-500\/70 {
    border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
  }
}

.border-amber-700\/50 {
  border-color: #b7500080;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-amber-700\/50 {
    border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);
  }
}

.border-amber-900\/50 {
  border-color: #7b330680;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-amber-900\/50 {
    border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
  }
}

.border-emerald-500\/30 {
  border-color: #00bb7f4d;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-emerald-500\/30 {
    border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
  }
}

.border-emerald-500\/40 {
  border-color: #00bb7f66;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-emerald-500\/40 {
    border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
  }
}

.border-emerald-900\/50 {
  border-color: #004e3b80;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-emerald-900\/50 {
    border-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
  }
}

.border-gray-900 {
  border-color: var(--color-gray-900);
}

.border-red-500\/40 {
  border-color: #fb2c3666;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-red-500\/40 {
    border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
  }
}

.border-red-900\/60 {
  border-color: #82181a99;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-red-900\/60 {
    border-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
  }
}

.border-rose-500\/30 {
  border-color: #ff23574d;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-rose-500\/30 {
    border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
  }
}

.border-rose-500\/40 {
  border-color: #ff235766;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-rose-500\/40 {
    border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent);
  }
}

.border-slate-500\/40 {
  border-color: #62748e66;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-slate-500\/40 {
    border-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent);
  }
}

.border-slate-500\/50 {
  border-color: #62748e80;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-slate-500\/50 {
    border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
  }
}

.border-slate-600\/30 {
  border-color: #45556c4d;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-slate-600\/30 {
    border-color: color-mix(in oklab, var(--color-slate-600) 30%, transparent);
  }
}

.border-slate-600\/35 {
  border-color: #45556c59;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-slate-600\/35 {
    border-color: color-mix(in oklab, var(--color-slate-600) 35%, transparent);
  }
}

.border-slate-700\/70 {
  border-color: #314158b3;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-slate-700\/70 {
    border-color: color-mix(in oklab, var(--color-slate-700) 70%, transparent);
  }
}

.border-white\/10 {
  border-color: #ffffff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .border-white\/10 {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}

.\!bg-\[\#0d1b2a\] {
  background-color: #0d1b2a !important;
}

.bg-\[color\:var\(--el-overlay-color-light\)\] {
  background-color: var(--el-overlay-color-light);
}

.bg-\[var\(--bg-panel\)\], .bg-\[var\(--bg-panel\)\]\/50 {
  background-color: var(--bg-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--bg-panel\)\]\/50 {
    background-color: color-mix(in oklab, var(--bg-panel) 50%, transparent);
  }
}

.bg-\[var\(--bg-surface\)\], .bg-\[var\(--bg-surface\)\]\/50 {
  background-color: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--bg-surface\)\]\/50 {
    background-color: color-mix(in oklab, var(--bg-surface) 50%, transparent);
  }
}

.bg-\[var\(--brand-500\)\] {
  background-color: var(--brand-500);
}

.bg-\[var\(--brand-700\)\] {
  background-color: var(--brand-700);
}

.bg-\[var\(--brand-900\)\] {
  background-color: var(--brand-900);
}

.bg-\[var\(--brand-aside\)\], .bg-\[var\(--brand-aside\)\]\/20 {
  background-color: var(--brand-aside);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--brand-aside\)\]\/20 {
    background-color: color-mix(in oklab, var(--brand-aside) 20%, transparent);
  }
}

.bg-\[var\(--card-brand-bg\)\] {
  background-color: var(--card-brand-bg);
}

.bg-\[var\(--color-bg-body\)\] {
  background-color: var(--color-bg-body);
}

.bg-\[var\(--color-bg-panel\)\] {
  background-color: var(--color-bg-panel);
}

.bg-\[var\(--color-bg-soft\)\] {
  background-color: var(--color-bg-soft);
}

.bg-\[var\(--color-bg-surface\)\] {
  background-color: var(--color-bg-surface);
}

.bg-\[var\(--color-border\)\]\/50 {
  background-color: var(--color-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--color-border\)\]\/50 {
    background-color: color-mix(in oklab, var(--color-border) 50%, transparent);
  }
}

.bg-\[var\(--el-bg-color\)\] {
  background-color: var(--el-bg-color);
}

.bg-\[var\(--el-bg-color-overlay\)\] {
  background-color: var(--el-bg-color-overlay);
}

.bg-\[var\(--el-bg-color-page\)\] {
  background-color: var(--el-bg-color-page);
}

.bg-\[var\(--el-border-color-light\)\]\/20 {
  background-color: var(--el-border-color-light);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-border-color-light\)\]\/20 {
    background-color: color-mix(in oklab, var(--el-border-color-light) 20%, transparent);
  }
}

.bg-\[var\(--el-color-danger\)\]\/60 {
  background-color: var(--el-color-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-danger\)\]\/60 {
    background-color: color-mix(in oklab, var(--el-color-danger) 60%, transparent);
  }
}

.bg-\[var\(--el-color-danger-light-9\)\] {
  background-color: var(--el-color-danger-light-9);
}

.bg-\[var\(--el-color-info\)\] {
  background-color: var(--el-color-info);
}

.bg-\[var\(--el-color-primary-light-1\)\] {
  background-color: var(--el-color-primary-light-1);
}

.bg-\[var\(--el-color-primary-light-9\)\]\/70 {
  background-color: var(--el-color-primary-light-9);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-primary-light-9\)\]\/70 {
    background-color: color-mix(in oklab, var(--el-color-primary-light-9) 70%, transparent);
  }
}

.bg-\[var\(--el-color-secondary\)\] {
  background-color: var(--el-color-secondary);
}

.bg-\[var\(--el-color-success\)\]\/30 {
  background-color: var(--el-color-success);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-success\)\]\/30 {
    background-color: color-mix(in oklab, var(--el-color-success) 30%, transparent);
  }
}

.bg-\[var\(--el-color-success\)\]\/80 {
  background-color: var(--el-color-success);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-success\)\]\/80 {
    background-color: color-mix(in oklab, var(--el-color-success) 80%, transparent);
  }
}

.bg-\[var\(--el-color-success-light-9\)\] {
  background-color: var(--el-color-success-light-9);
}

.bg-\[var\(--el-color-warning\)\]\/30 {
  background-color: var(--el-color-warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-warning\)\]\/30 {
    background-color: color-mix(in oklab, var(--el-color-warning) 30%, transparent);
  }
}

.bg-\[var\(--el-color-warning\)\]\/40 {
  background-color: var(--el-color-warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-warning\)\]\/40 {
    background-color: color-mix(in oklab, var(--el-color-warning) 40%, transparent);
  }
}

.bg-\[var\(--el-color-warning\)\]\/80 {
  background-color: var(--el-color-warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-\[var\(--el-color-warning\)\]\/80 {
    background-color: color-mix(in oklab, var(--el-color-warning) 80%, transparent);
  }
}

.bg-\[var\(--el-color-warning-light-9\)\] {
  background-color: var(--el-color-warning-light-9);
}

.bg-\[var\(--el-fill-color-light\)\] {
  background-color: var(--el-fill-color-light);
}

.bg-\[var\(--text-secondary\)\] {
  background-color: var(--text-secondary);
}

.bg-amber-100 {
  background-color: var(--color-amber-100);
}

.bg-amber-400 {
  background-color: var(--color-amber-400);
}

.bg-amber-500 {
  background-color: var(--color-amber-500);
}

.bg-amber-500\/10 {
  background-color: #f99c001a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-500\/10 {
    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}

.bg-amber-900\/30 {
  background-color: #7b33064d;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-900\/30 {
    background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
  }
}

.bg-amber-950\/20 {
  background-color: #46190133;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-950\/20 {
    background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
  }
}

.bg-amber-950\/30 {
  background-color: #4619014d;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-amber-950\/30 {
    background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
  }
}

.bg-blue-500 {
  background-color: var(--color-blue-500);
}

.bg-cyan-400 {
  background-color: var(--color-cyan-400);
}

.bg-emerald-400 {
  background-color: var(--color-emerald-400);
}

.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}

.bg-emerald-500\/5 {
  background-color: #00bb7f0d;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-emerald-500\/5 {
    background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
  }
}

.bg-emerald-500\/10 {
  background-color: #00bb7f1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-emerald-500\/10 {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}

.bg-emerald-900\/30 {
  background-color: #004e3b4d;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-emerald-900\/30 {
    background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
  }
}

.bg-gray-900 {
  background-color: var(--color-gray-900);
}

.bg-green-500 {
  background-color: var(--color-green-500);
}

.bg-red-500 {
  background-color: var(--color-red-500);
}

.bg-red-500\/10 {
  background-color: #fb2c361a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/10 {
    background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}

.bg-red-900\/40 {
  background-color: #82181a66;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-red-900\/40 {
    background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
  }
}

.bg-rose-400 {
  background-color: var(--color-rose-400);
}

.bg-rose-500 {
  background-color: var(--color-rose-500);
}

.bg-rose-500\/10 {
  background-color: #ff23571a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-rose-500\/10 {
    background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
  }
}

.bg-slate-400 {
  background-color: var(--color-slate-400);
}

.bg-slate-500\/10 {
  background-color: #62748e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-500\/10 {
    background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
  }
}

.bg-slate-700 {
  background-color: var(--color-slate-700);
}

.bg-slate-900\/35 {
  background-color: #0f172b59;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-900\/35 {
    background-color: color-mix(in oklab, var(--color-slate-900) 35%, transparent);
  }
}

.bg-slate-900\/50 {
  background-color: #0f172b80;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-900\/50 {
    background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
  }
}

.bg-slate-900\/65 {
  background-color: #0f172ba6;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-slate-900\/65 {
    background-color: color-mix(in oklab, var(--color-slate-900) 65%, transparent);
  }
}

.bg-transparent {
  background-color: #0000;
}

.bg-white {
  background-color: var(--color-white);
}

.bg-white\/5 {
  background-color: #ffffff0d;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/5 {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}

.bg-white\/10 {
  background-color: #ffffff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/10 {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}

.object-cover {
  object-fit: cover;
}

.\!p-3 {
  padding: calc(var(--spacing) * 3) !important;
}

.\!p-4 {
  padding: calc(var(--spacing) * 4) !important;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: var(--spacing);
}

.p-2 {
  padding: calc(var(--spacing) * 2);
}

.p-3 {
  padding: calc(var(--spacing) * 3);
}

.p-4 {
  padding: calc(var(--spacing) * 4);
}

.p-5 {
  padding: calc(var(--spacing) * 5);
}

.p-6 {
  padding: calc(var(--spacing) * 6);
}

.p-8 {
  padding: calc(var(--spacing) * 8);
}

.\!px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.px-0\.5 {
  padding-inline: calc(var(--spacing) * .5);
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}

.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

.py-0 {
  padding-block: 0;
}

.py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

.py-1 {
  padding-block: var(--spacing);
}

.py-2 {
  padding-block: calc(var(--spacing) * 2);
}

.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}

.py-3 {
  padding-block: calc(var(--spacing) * 3);
}

.py-4 {
  padding-block: calc(var(--spacing) * 4);
}

.py-6 {
  padding-block: calc(var(--spacing) * 6);
}

.py-10 {
  padding-block: calc(var(--spacing) * 10);
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: var(--spacing);
}

.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}

.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}

.pr-1 {
  padding-right: var(--spacing);
}

.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}

.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}

.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: var(--spacing);
}

.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}

.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}

.pb-28 {
  padding-bottom: calc(var(--spacing) * 28);
}

.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}

.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}

.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.align-middle {
  vertical-align: middle;
}

.font-mono {
  font-family: var(--font-mono);
}

.font-sans {
  font-family: var(--font-sans);
}

.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[1\.7rem\] {
  font-size: 1.7rem;
}

.text-\[1\.9rem\] {
  font-size: 1.9rem;
}

.text-\[11px\] {
  font-size: 11px;
}

.leading-none {
  --tw-leading: 1;
  line-height: 1;
}

.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}

.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

.\!font-semibold {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-\[0\.35em\] {
  --tw-tracking: .35em;
  letter-spacing: .35em;
}

.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

.text-pretty {
  text-wrap: pretty;
}

.text-\[var\(--brand-100\)\] {
  color: var(--brand-100);
}

.text-\[var\(--brand-200\)\] {
  color: var(--brand-200);
}

.text-\[var\(--brand-300\)\] {
  color: var(--brand-300);
}

.text-\[var\(--brand-400\)\] {
  color: var(--brand-400);
}

.text-\[var\(--brand-500\)\] {
  color: var(--brand-500);
}

.text-\[var\(--brand-600\)\] {
  color: var(--brand-600);
}

.text-\[var\(--button-primary-text\)\] {
  color: var(--button-primary-text);
}

.text-\[var\(--card-brand-title\)\] {
  color: var(--card-brand-title);
}

.text-\[var\(--color-accent\)\] {
  color: var(--color-accent);
}

.text-\[var\(--color-text-primary\)\] {
  color: var(--color-text-primary);
}

.text-\[var\(--color-text-secondary\)\] {
  color: var(--color-text-secondary);
}

.text-\[var\(--color-warning-text\)\] {
  color: var(--color-warning-text);
}

.text-\[var\(--el-color-danger\)\] {
  color: var(--el-color-danger);
}

.text-\[var\(--el-color-info\)\] {
  color: var(--el-color-info);
}

.text-\[var\(--el-color-primary\)\] {
  color: var(--el-color-primary);
}

.text-\[var\(--el-color-primary-light-2\)\] {
  color: var(--el-color-primary-light-2);
}

.text-\[var\(--el-color-primary-light-3\)\] {
  color: var(--el-color-primary-light-3);
}

.text-\[var\(--el-color-primary-light-5\)\] {
  color: var(--el-color-primary-light-5);
}

.text-\[var\(--el-color-success\)\] {
  color: var(--el-color-success);
}

.text-\[var\(--el-color-warning\)\] {
  color: var(--el-color-warning);
}

.text-\[var\(--el-text-color-primary\)\] {
  color: var(--el-text-color-primary);
}

.text-\[var\(--text-primary\)\], .text-\[var\(--text-primary\)\]\/50 {
  color: var(--text-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-\[var\(--text-primary\)\]\/50 {
    color: color-mix(in oklab, var(--text-primary) 50%, transparent);
  }
}

.text-\[var\(--text-secondary\)\] {
  color: var(--text-secondary);
}

.text-amber-100\/90 {
  color: #fef3c6e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-amber-100\/90 {
    color: color-mix(in oklab, var(--color-amber-100) 90%, transparent);
  }
}

.text-amber-200\/90 {
  color: #fee685e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-amber-200\/90 {
    color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
  }
}

.text-amber-300 {
  color: var(--color-amber-300);
}

.text-amber-400 {
  color: var(--color-amber-400);
}

.text-amber-500 {
  color: var(--color-amber-500);
}

.text-amber-600 {
  color: var(--color-amber-600);
}

.text-amber-800 {
  color: var(--color-amber-800);
}

.text-cyan-400 {
  color: var(--color-cyan-400);
}

.text-emerald-300 {
  color: var(--color-emerald-300);
}

.text-emerald-400 {
  color: var(--color-emerald-400);
}

.text-emerald-500 {
  color: var(--color-emerald-500);
}

.text-emerald-600 {
  color: var(--color-emerald-600);
}

.text-green-400 {
  color: var(--color-green-400);
}

.text-green-500 {
  color: var(--color-green-500);
}

.text-green-600 {
  color: var(--color-green-600);
}

.text-orange-400 {
  color: var(--color-orange-400);
}

.text-red-300 {
  color: var(--color-red-300);
}

.text-red-400 {
  color: var(--color-red-400);
}

.text-red-500 {
  color: var(--color-red-500);
}

.text-red-600 {
  color: var(--color-red-600);
}

.text-rose-300 {
  color: var(--color-rose-300);
}

.text-rose-400 {
  color: var(--color-rose-400);
}

.text-slate-50 {
  color: var(--color-slate-50);
}

.text-slate-100 {
  color: var(--color-slate-100);
}

.text-slate-200 {
  color: var(--color-slate-200);
}

.text-slate-300\/80 {
  color: #cad5e2cc;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-slate-300\/80 {
    color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
  }
}

.text-slate-300\/85 {
  color: #cad5e2d9;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-slate-300\/85 {
    color: color-mix(in oklab, var(--color-slate-300) 85%, transparent);
  }
}

.text-slate-300\/90 {
  color: #cad5e2e6;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-slate-300\/90 {
    color: color-mix(in oklab, var(--color-slate-300) 90%, transparent);
  }
}

.text-slate-400 {
  color: var(--color-slate-400);
}

.text-slate-400\/95 {
  color: #90a1b9f2;
}

@supports (color: color-mix(in lab, red, red)) {
  .text-slate-400\/95 {
    color: color-mix(in oklab, var(--color-slate-400) 95%, transparent);
  }
}

.text-teal-600 {
  color: var(--color-teal-600);
}

.text-white {
  color: var(--color-white);
}

.text-yellow-500 {
  color: var(--color-yellow-500);
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.no-underline {
  text-decoration-line: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[var\(--shadow-soft\)\] {
  --tw-shadow: var(--shadow-soft);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.filter {
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s;
}

.duration-500 {
  --tw-duration: .5s;
  transition-duration: .5s;
}

.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}

@media (hover: hover) {
  .hover\:border-\[var\(--el-color-primary\)\]:hover {
    border-color: var(--el-color-primary);
  }

  .hover\:bg-\[var\(--el-fill-color-light\)\]:hover {
    background-color: var(--el-fill-color-light);
  }

  .hover\:text-\[var\(--text-primary\)\]:hover {
    color: var(--text-primary);
  }

  .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (min-width: 40rem) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }

  .md\:ml-64 {
    margin-left: calc(var(--spacing) * 64);
  }

  .md\:\!hidden {
    display: none !important;
  }

  .md\:inline {
    display: inline;
  }

  .md\:w-64 {
    width: calc(var(--spacing) * 64);
  }

  .md\:w-\[75vw\] {
    width: 75vw;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .md\:p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .md\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .md\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}

@media (min-width: 64rem) {
  .lg\:w-\[50vw\] {
    width: 50vw;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:text-right {
    text-align: right;
  }
}

@media (min-width: 80rem) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:text-amber-400 {
    color: var(--color-amber-400);
  }

  .dark\:text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .dark\:text-green-400 {
    color: var(--color-green-400);
  }

  .dark\:text-red-400 {
    color: var(--color-red-400);
  }
}

:root {
  --brand-50: #e6f7fb;
  --brand-100: #c6ecf4;
  --brand-200: #8dd8e7;
  --brand-300: #57c8dc;
  --brand-400: #22b8cf;
  --brand-500: #027190;
  --brand-600: #02627e;
  --brand-700: #024e66;
  --brand-800: #03354a;
  --brand-900: #0b2438;
  --brand-950: #081625;
  --brand-aside: var(--bg-panel);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --brand-aside: color-mix(in srgb, var(--bg-panel) 84%, var(--bg-primary));
  }
}

:root {
  --bg-primary: #0a0f1d;
  --bg-surface: #0f172a;
  --bg-panel: #111827;
  --border: #1e293b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-disabled: #64748b;
  --accent: var(--brand-400);
  --accent-hover: #38bdf8;
  --accent-link: var(--brand-400);
  --accent-link-hover: #38bdf8;
  --color-bg-body: var(--bg-primary);
  --color-bg-panel: var(--bg-panel);
  --color-border: var(--border);
  --color-text-primary: var(--text-primary);
  --color-text-secondary: var(--text-secondary);
  --color-accent: var(--accent);
  --color-warning-text: var(--el-color-warning);
  --card-brand-bg: var(--brand-50);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --card-brand-bg: color-mix(in srgb, var(--brand-50) 55%, var(--bg-panel));
  }
}

:root {
  --card-brand-border: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --card-brand-border: color-mix(in srgb, var(--brand-300) 22%, var(--border));
  }
}

:root {
  --card-brand-title: var(--brand-700);
  --table-stripe-bg: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --table-stripe-bg: color-mix(in srgb, var(--brand-300) 10%, var(--bg-panel));
  }
}

:root {
  --button-default-bg: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --button-default-bg: color-mix(in srgb, var(--bg-surface) 84%, var(--bg-panel));
  }
}

:root {
  --button-default-bg-hover: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --button-default-bg-hover: color-mix(in srgb, var(--brand-100) 32%, var(--bg-panel));
  }
}

:root {
  --button-default-bg-active: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --button-default-bg-active: color-mix(in srgb, var(--brand-100) 44%, var(--bg-panel));
  }
}

:root {
  --button-default-border: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --button-default-border: color-mix(in srgb, var(--border) 88%, var(--brand-100));
  }
}

:root {
  --button-default-border-hover: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --button-default-border-hover: color-mix(in srgb, var(--brand-300) 52%, var(--border));
  }
}

:root {
  --button-default-text: var(--text-primary);
  --button-primary-bg: var(--brand-500);
  --button-primary-bg-hover: var(--brand-400);
  --button-primary-bg-active: var(--brand-600);
  --button-primary-border: var(--brand-600);
  --button-primary-text: #f8fafc;
  --table-header-text: #94a3b8;
  --table-primary-text: #f8fafc;
  --table-secondary-text: #cbd5e1;
  --table-icon-border: #475569;
  --table-icon-active: #38bdf8;
  --form-label-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --form-label-color: color-mix(in srgb, var(--brand-100) 70%, #fff);
  }
}

:root {
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --shadow-soft: 0 8px 30px #02719014;
  --el-color-primary: var(--brand-500);
  --el-color-primary-light-3: var(--brand-300);
  --el-color-primary-light-5: var(--brand-200);
  --el-color-primary-light-7: var(--brand-100);
  --el-color-primary-light-8: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --el-color-primary-light-8: color-mix(in srgb, var(--brand-100) 55%, var(--bg-panel));
  }
}

:root {
  --el-color-primary-light-9: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --el-color-primary-light-9: color-mix(in srgb, var(--brand-100) 28%, var(--bg-panel));
  }
}

:root {
  --el-color-primary-dark-2: var(--brand-600);
  --el-bg-color: var(--bg-primary);
  --el-bg-color-page: var(--bg-primary);
  --el-bg-color-overlay: var(--bg-panel);
  --el-text-color-primary: var(--text-primary);
  --el-text-color-regular: var(--text-secondary);
  --el-border-color: var(--border);
  --el-border-color-light: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --el-border-color-light: color-mix(in srgb, var(--border) 80%, white);
  }
}

:root {
  --el-border-radius-base: var(--radius-sm);
  --el-border-radius-small: var(--radius-xs);
  --el-border-radius-round: 999px;
  --el-fill-color-light: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --el-fill-color-light: color-mix(in srgb, var(--brand-400) 14%, var(--bg-panel));
  }
}

:root {
  --sidebar-active-bg-solid: var(--brand-600);
  --sidebar-active-fg-solid: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --sidebar-active-fg-solid: color-mix(in srgb, var(--brand-300) 55%, white);
  }
}

:root {
  --sidebar-active-bg-subtle: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --sidebar-active-bg-subtle: color-mix(in srgb, var(--brand-500) 15%, transparent);
  }
}

:root {
  --sidebar-active-fg-subtle: var(--brand-300);
  --sidebar-active-bg: var(--sidebar-active-bg-solid);
  --sidebar-active-fg: var(--sidebar-active-fg-solid);
}

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

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color-scheme: dark;
  line-height: 1.5;
}

html:not(.dark) {
  color-scheme: light;
}

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

html, body, .el-card, .el-dialog, .el-drawer, .el-popover, .el-button, .el-input__wrapper, .el-table, .el-table th.el-table__cell, .el-table td.el-table__cell {
  transition: background-color .2s, border-color .2s, color .2s;
}

body {
  background: radial-gradient(1000px 500px at -8% -20%, var(--brand-100), transparent 65%), var(--bg-primary);
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.5;
}

@supports (color: color-mix(in lab, red, red)) {
  body {
    background: radial-gradient(1000px 500px at -8% -20%, color-mix(in srgb, var(--brand-100) 45%, transparent), transparent 65%), var(--bg-primary);
  }
}

body {
  color: var(--text-primary);
  text-rendering: optimizelegibility;
}

:focus-visible {
  outline: 2px solid var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :focus-visible {
    outline: 2px solid color-mix(in srgb, var(--el-color-primary) 55%, transparent);
  }
}

:focus-visible {
  outline-offset: 2px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--brand-500) transparent;
}

@supports (color: color-mix(in lab, red, red)) {
  * {
    scrollbar-color: color-mix(in srgb, var(--brand-500) 40%, transparent) transparent;
  }
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background-color: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  ::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--brand-500) 35%, transparent);
  }
}

::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border: 2px solid #0000;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  ::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in srgb, var(--brand-500) 55%, transparent);
  }
}

::-webkit-scrollbar-thumb:hover {
  background-clip: content-box;
}

html:not(.dark) {
  --bg-primary: #f3f6fb;
  --bg-surface: #fff;
  --bg-panel: #fff;
  --border: #d9e2ec;
  --brand-aside: var(--bg-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --brand-aside: color-mix(in srgb, var(--bg-panel) 84%, var(--bg-primary));
  }
}

html:not(.dark) {
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-disabled: #94a3b8;
  --accent: var(--brand-500);
  --accent-hover: var(--brand-600);
  --accent-link: var(--brand-600);
  --accent-link-hover: var(--brand-700);
  --el-color-primary: #027190;
  --el-color-primary-light-3: #22b8cf;
  --el-color-primary-light-5: #57c8dc;
  --el-color-primary-light-7: #8dd8e7;
  --el-color-primary-light-8: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --el-color-primary-light-8: color-mix(in srgb, var(--brand-100) 60%, var(--bg-surface));
  }
}

html:not(.dark) {
  --el-color-primary-light-9: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --el-color-primary-light-9: color-mix(in srgb, var(--brand-100) 32%, var(--bg-surface));
  }
}

html:not(.dark) {
  --el-color-primary-dark-2: #02627e;
  --el-bg-color: var(--bg-primary);
  --el-bg-color-page: var(--bg-primary);
  --el-bg-color-overlay: var(--bg-panel);
  --el-text-color-primary: var(--text-primary);
  --el-text-color-regular: var(--text-secondary);
  --el-border-color: var(--border);
  --el-border-color-light: #cbd5e1;
  --el-fill-color-light: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --el-fill-color-light: color-mix(in srgb, var(--brand-400) 14%, var(--bg-panel));
  }
}

html:not(.dark) {
  --table-stripe-bg: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --table-stripe-bg: color-mix(in srgb, var(--brand-300) 12%, var(--bg-panel));
  }
}

html:not(.dark) {
  --card-brand-bg: var(--brand-50);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --card-brand-bg: color-mix(in srgb, var(--brand-50) 84%, var(--bg-panel));
  }
}

html:not(.dark) {
  --card-brand-border: var(--brand-200);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --card-brand-border: color-mix(in srgb, var(--brand-200) 48%, var(--border));
  }
}

html:not(.dark) {
  --card-brand-title: var(--brand-700);
  --shadow-soft: 0 10px 28px #0f172a14;
  --button-default-bg: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --button-default-bg: color-mix(in srgb, var(--bg-surface) 96%, var(--bg-primary));
  }
}

html:not(.dark) {
  --button-default-bg-hover: var(--brand-50);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --button-default-bg-hover: color-mix(in srgb, var(--brand-50) 65%, var(--bg-surface));
  }
}

html:not(.dark) {
  --button-default-bg-active: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --button-default-bg-active: color-mix(in srgb, var(--brand-100) 46%, var(--bg-surface));
  }
}

html:not(.dark) {
  --button-default-border: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --button-default-border: color-mix(in srgb, var(--border) 82%, var(--brand-100));
  }
}

html:not(.dark) {
  --button-default-border-hover: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --button-default-border-hover: color-mix(in srgb, var(--brand-300) 46%, var(--border));
  }
}

html:not(.dark) {
  --button-default-text: var(--text-primary);
  --button-primary-bg: var(--brand-500);
  --button-primary-bg-hover: var(--brand-400);
  --button-primary-bg-active: var(--brand-600);
  --button-primary-border: var(--brand-600);
  --button-primary-text: #f8fafc;
  --sidebar-active-bg-solid: var(--brand-500);
  --sidebar-active-fg-solid: var(--brand-50);
  --sidebar-active-bg-subtle: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --sidebar-active-bg-subtle: color-mix(in srgb, var(--brand-500) 12%, transparent);
  }
}

html:not(.dark) {
  --sidebar-active-fg-subtle: var(--brand-700);
  --table-header-text: #64748b;
  --table-primary-text: #0f172a;
  --table-secondary-text: #475569;
  --form-label-color: var(--brand-600);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) {
    --form-label-color: color-mix(in srgb, var(--brand-600) 90%, #fff);
  }
}

html:not(.dark) body {
  background: radial-gradient(1000px 500px at -8% -20%, var(--brand-200), transparent 65%), var(--bg-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) body {
    background: radial-gradient(1000px 500px at -8% -20%, color-mix(in srgb, var(--brand-200) 30%, transparent), transparent 65%), var(--bg-primary);
  }
}

html:not(.dark) body {
  color: var(--text-primary);
}

html:not(.dark) .el-dialog, html:not(.dark) .el-drawer, html:not(.dark) .el-popover {
  background-color: var(--bg-panel);
}

html.dark {
  --bg-primary: #0a0f1d;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --bg-primary: color-mix(in srgb, #0a0f1d 92%, var(--brand-950));
  }
}

html.dark {
  --bg-surface: #0f172a;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --bg-surface: color-mix(in srgb, #0f172a 92%, var(--brand-900));
  }
}

html.dark {
  --bg-panel: #111827;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --bg-panel: color-mix(in srgb, #111827 90%, var(--brand-900));
  }
}

html.dark {
  --border: #1e293b;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --border: color-mix(in srgb, #1e293b 82%, var(--brand-800));
  }
}

html.dark {
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-disabled: #64748b;
  --accent: var(--brand-400);
  --accent-hover: #38bdf8;
  --accent-link: var(--brand-400);
  --accent-link-hover: #38bdf8;
  --el-color-primary: #027190;
  --el-color-primary-light-3: #38bdf8;
  --el-color-primary-light-5: #57c8dc;
  --el-color-primary-light-7: #8dd8e7;
  --el-color-primary-light-8: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --el-color-primary-light-8: color-mix(in srgb, var(--brand-700) 55%, var(--bg-panel));
  }
}

html.dark {
  --el-color-primary-light-9: var(--brand-800);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --el-color-primary-light-9: color-mix(in srgb, var(--brand-800) 45%, var(--bg-panel));
  }
}

html.dark {
  --el-color-primary-dark-2: #02627e;
  --el-bg-color: var(--bg-primary);
  --el-bg-color-page: var(--bg-primary);
  --el-bg-color-overlay: var(--bg-panel);
  --el-text-color-primary: var(--text-primary);
  --el-text-color-regular: var(--text-secondary);
  --el-border-color: var(--border);
  --el-border-color-light: #334155;
  --el-fill-color-light: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --el-fill-color-light: color-mix(in srgb, var(--brand-400) 16%, var(--bg-panel));
  }
}

html.dark {
  --table-stripe-bg: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --table-stripe-bg: color-mix(in srgb, var(--brand-400) 10%, var(--bg-panel));
  }
}

html.dark {
  --card-brand-bg: var(--brand-800);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --card-brand-bg: color-mix(in srgb, var(--brand-800) 55%, var(--bg-panel));
  }
}

html.dark {
  --card-brand-border: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --card-brand-border: color-mix(in srgb, var(--brand-500) 28%, var(--border));
  }
}

html.dark {
  --card-brand-title: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --card-brand-title: color-mix(in srgb, var(--brand-100) 92%, white);
  }
}

html.dark {
  --shadow-soft: 0 10px 30px #010a1259;
  --button-default-bg: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --button-default-bg: color-mix(in srgb, var(--bg-surface) 86%, var(--bg-panel));
  }
}

html.dark {
  --button-default-bg-hover: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --button-default-bg-hover: color-mix(in srgb, var(--brand-700) 24%, var(--bg-surface));
  }
}

html.dark {
  --button-default-bg-active: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --button-default-bg-active: color-mix(in srgb, var(--brand-700) 34%, var(--bg-surface));
  }
}

html.dark {
  --button-default-border: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --button-default-border: color-mix(in srgb, var(--border) 78%, var(--brand-800));
  }
}

html.dark {
  --button-default-border-hover: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --button-default-border-hover: color-mix(in srgb, var(--brand-500) 44%, var(--border));
  }
}

html.dark {
  --button-default-text: var(--text-primary);
  --button-primary-bg: var(--brand-500);
  --button-primary-bg-hover: #38bdf8;
  --button-primary-bg-active: var(--brand-600);
  --button-primary-border: var(--brand-600);
  --button-primary-text: #f8fafc;
  --form-label-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark {
    --form-label-color: color-mix(in srgb, var(--brand-100) 70%, #fff);
  }
}

html.dark body {
  background: radial-gradient(900px 480px at -8% -25%, var(--brand-400), transparent 62%), var(--bg-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark body {
    background: radial-gradient(900px 480px at -8% -25%, color-mix(in srgb, var(--brand-400) 18%, transparent), transparent 62%), var(--bg-primary);
  }
}

html.dark body {
  color: var(--text-primary);
}

.el-button.el-button--primary.is-text.is-has-bg {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg {
    background-color: color-mix(in srgb, var(--el-color-primary) 16%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg {
    border-color: color-mix(in srgb, var(--el-color-primary) 22%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg {
  color: var(--el-color-primary);
}

html.dark .el-button.el-button--primary.is-text.is-has-bg {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg {
    background-color: color-mix(in srgb, var(--el-color-primary) 24%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg {
    border-color: color-mix(in srgb, var(--el-color-primary) 34%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg, html.dark .el-button.el-button--primary.is-text:not(.is-has-bg), html.dark .el-button.el-button--primary.is-text:not(.is-has-bg):hover {
  color: var(--el-color-primary-light-3);
}

html.dark .el-button.el-button--primary.is-text:not(.is-has-bg):active {
  color: var(--el-color-primary-light-7);
}

.el-button.el-button--primary.is-text.is-has-bg:hover {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg:hover {
    background-color: color-mix(in srgb, var(--el-color-primary) 24%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg:hover {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 34%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg:hover {
  color: var(--el-color-primary-dark-2);
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:hover {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg:hover {
    background-color: color-mix(in srgb, var(--el-color-primary) 30%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:hover {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 42%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:hover {
  color: var(--el-color-primary-light-7);
}

.el-button.el-button--primary.is-text.is-has-bg:active {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg:active {
    background-color: color-mix(in srgb, var(--el-color-primary) 30%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg:active {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg:active {
    border-color: color-mix(in srgb, var(--el-color-primary) 42%, transparent);
  }
}

.el-button.el-button--primary.is-text.is-has-bg:active {
  color: var(--el-color-primary-dark-2);
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:active {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg:active {
    background-color: color-mix(in srgb, var(--el-color-primary) 36%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:active {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-text.is-has-bg:active {
    border-color: color-mix(in srgb, var(--el-color-primary) 50%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-text.is-has-bg:active {
  color: var(--el-color-primary-light-7);
}

.el-button.el-button--primary.is-text.is-has-bg:focus-visible {
  box-shadow: 0 0 0 3px var(--el-color-primary);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-text.is-has-bg:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-color-primary) 28%, transparent);
  }
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle) {
  background-color: var(--button-default-bg);
  border-color: var(--button-default-border);
  color: var(--button-default-text);
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle):hover {
  background-color: var(--button-default-bg-hover);
  border-color: var(--button-default-border-hover);
  color: var(--button-default-text);
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle):active {
  background-color: var(--button-default-bg-active);
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle):focus-visible {
  box-shadow: 0 0 0 3px var(--el-color-primary);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle):focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-color-primary) 30%, transparent);
  }
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled, .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled:hover {
  background-color: var(--button-default-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled, .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled:hover {
    background-color: color-mix(in srgb, var(--button-default-bg) 72%, transparent);
  }
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled, .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled:hover {
  border-color: var(--button-default-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled, .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled:hover {
    border-color: color-mix(in srgb, var(--button-default-border) 64%, transparent);
  }
}

.el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled, .el-button.el-button--default:not(.is-text):not(.is-link):not(.is-circle).is-disabled:hover {
  color: var(--text-disabled);
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain) {
  background-color: var(--button-primary-bg);
  border-color: var(--button-primary-border);
  color: var(--button-primary-text);
  box-shadow: inset 0 1px #ffffff1a, 0 8px 20px #0271903d;
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):hover {
  background-color: var(--button-primary-bg-hover);
  border-color: var(--button-primary-bg-hover);
  color: var(--button-primary-text);
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):active {
  background-color: var(--button-primary-bg-active);
  border-color: var(--button-primary-bg-active);
  box-shadow: 0 3px 10px #0271903d;
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):focus-visible {
  box-shadow: 0 0 0 3px var(--el-color-primary), 0 8px 20px #0271903d;
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain):focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-color-primary) 36%, transparent), 0 8px 20px #0271903d;
  }
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
  background-color: var(--button-primary-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
    background-color: color-mix(in srgb, var(--button-primary-bg) 66%, transparent);
  }
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
  border-color: var(--button-primary-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
    border-color: color-mix(in srgb, var(--button-primary-border) 66%, transparent);
  }
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
  color: var(--button-primary-text);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
    color: color-mix(in srgb, var(--button-primary-text) 70%, transparent);
  }
}

.el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled, .el-button.el-button--primary:not(.is-text):not(.is-link):not(.is-plain).is-disabled:hover {
  box-shadow: none;
}

.el-button.el-button--primary.is-plain {
  color: var(--el-color-primary-dark-2);
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain {
    border-color: color-mix(in srgb, var(--el-color-primary) 52%, var(--el-border-color));
  }
}

.el-button.el-button--primary.is-plain {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain {
    background-color: color-mix(in srgb, var(--el-color-primary) 14%, transparent);
  }
}

.el-button.el-button--primary.is-plain:hover {
  color: var(--button-primary-text);
  border-color: var(--el-color-primary);
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain:hover {
    background-color: color-mix(in srgb, var(--el-color-primary) 30%, transparent);
  }
}

.el-button.el-button--primary.is-plain:active {
  color: var(--button-primary-text);
  border-color: var(--el-color-primary-dark-2);
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain:active {
    background-color: color-mix(in srgb, var(--el-color-primary) 40%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-plain {
  color: var(--el-color-primary-light-5);
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain {
    border-color: color-mix(in srgb, var(--el-color-primary) 62%, var(--border));
  }
}

html.dark .el-button.el-button--primary.is-plain {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain {
    background-color: color-mix(in srgb, var(--el-color-primary) 20%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-plain:hover {
  color: var(--el-color-primary-light-7);
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 74%, var(--border));
  }
}

html.dark .el-button.el-button--primary.is-plain:hover {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain:hover {
    background-color: color-mix(in srgb, var(--el-color-primary) 80%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-plain:active {
  color: var(--el-color-primary-light-7);
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain:active {
    border-color: color-mix(in srgb, var(--el-color-primary) 82%, var(--border));
  }
}

html.dark .el-button.el-button--primary.is-plain:active {
  background-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain:active {
    background-color: color-mix(in srgb, var(--el-color-primary) 38%, transparent);
  }
}

.el-button.el-button--primary.is-plain.is-disabled, .el-button.el-button--primary.is-plain.is-disabled:hover {
  color: var(--text-secondary);
  border-color: var(--el-border-color);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain.is-disabled, .el-button.el-button--primary.is-plain.is-disabled:hover {
    border-color: color-mix(in srgb, var(--el-border-color) 72%, transparent);
  }
}

.el-button.el-button--primary.is-plain.is-disabled, .el-button.el-button--primary.is-plain.is-disabled:hover {
  background-color: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-button.el-button--primary.is-plain.is-disabled, .el-button.el-button--primary.is-plain.is-disabled:hover {
    background-color: color-mix(in srgb, var(--bg-surface) 78%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
  color: var(--text-secondary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
    color: color-mix(in srgb, var(--text-secondary) 92%, var(--text-disabled));
  }
}

html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
    border-color: color-mix(in srgb, var(--border) 82%, transparent);
  }
}

html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
  background-color: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-button.el-button--primary.is-plain.is-disabled, html.dark .el-button.el-button--primary.is-plain.is-disabled:hover {
    background-color: color-mix(in srgb, var(--bg-surface) 74%, transparent);
  }
}

.el-dialog, .el-popover {
  border-radius: var(--radius-lg);
  border-color: var(--el-border-color-light);
  box-shadow: var(--shadow-soft);
}

.el-popper.is-light, .el-select__popper, .el-dropdown__popper {
  background-color: var(--bg-panel) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-popper.is-light, .el-select__popper, .el-dropdown__popper {
    background-color: color-mix(in srgb, var(--bg-panel) 92%, transparent) !important;
  }
}

.el-popper.is-light, .el-select__popper, .el-dropdown__popper {
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--radius-md) !important;
}

.el-overlay-drawer {
  transition: opacity .3s cubic-bezier(.25, .8, .25, 1) !important;
}

.el-drawer {
  transition: all .25s cubic-bezier(.16, 1, .3, 1) !important;
}

html.dark .el-card {
  border-radius: var(--radius-md);
  background-color: var(--brand-900);
  border-width: 0;
}

html:not(.dark) .el-card {
  border-radius: var(--radius-md);
  background-color: var(--brand-50);
  border-width: 0;
}

.dashboard-nav-popper.el-popper {
  border: 1px solid var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-nav-popper.el-popper {
    border: 1px solid color-mix(in srgb, var(--brand-500) 32%, var(--border));
  }
}

.dashboard-nav-popper.el-popper {
  border-radius: var(--radius-md);
  background: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-nav-popper.el-popper {
    background: color-mix(in srgb, var(--brand-500) 50%, var(--brand-aside));
  }
}

.dashboard-nav-popper.el-popper {
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 26px #01171d47;
}

.dashboard-nav-popper .el-menu {
  background: none;
  border-right: none;
}

.dashboard-nav-popper .el-menu-item, .dashboard-nav-popper .el-sub-menu__title {
  color: var(--text-primary);
  border-radius: var(--radius-xs);
}

.dashboard-nav-popper .el-menu-item:hover, .dashboard-nav-popper .el-sub-menu__title:hover {
  background: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .dashboard-nav-popper .el-menu-item:hover, .dashboard-nav-popper .el-sub-menu__title:hover {
    background: color-mix(in srgb, var(--brand-500) 18%, transparent);
  }
}

.dashboard-nav-popper .el-menu-item:hover, .dashboard-nav-popper .el-sub-menu__title:hover {
  color: var(--text-primary);
}

.dashboard-nav-popper .el-menu-item.is-active {
  background: var(--sidebar-active-bg);
  color: var(--sidebar-active-fg);
}

.dashboard-nav-popper .el-menu-item.is-active .el-icon, .dashboard-nav-popper .el-menu-item.is-active .lucide {
  color: var(--sidebar-active-fg);
}

.el-menu:not(.dashboard-nav-popper .el-menu) .el-menu-item.is-active {
  background: var(--brand-aside);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-menu:not(.dashboard-nav-popper .el-menu) .el-menu-item.is-active {
    background: color-mix(in srgb, var(--brand-aside) 25%, var(--sidebar-active-bg));
  }
}

.el-menu:not(.dashboard-nav-popper .el-menu) .el-menu-item.is-active {
  color: var(--sidebar-active-fg);
  border-radius: 0;
}

.el-menu:not(.dashboard-nav-popper .el-menu) .el-menu-item.is-active .el-icon, .el-menu:not(.dashboard-nav-popper .el-menu) .el-menu-item.is-active .lucide {
  color: var(--sidebar-active-fg);
}

html.dark .el-dialog, html.dark .el-drawer, html.dark .el-popover {
  background-color: var(--bg-panel);
}

html:not(.dark) .el-alert.el-alert--info.is-light {
  background-color: #3b82f6;
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-alert.el-alert--info.is-light {
    background-color: color-mix(in srgb, #3b82f6 14%, var(--bg-surface));
  }
}

html:not(.dark) .el-alert.el-alert--info.is-light {
  border: 1px solid #3b82f6;
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-alert.el-alert--info.is-light {
    border: 1px solid color-mix(in srgb, #3b82f6 36%, var(--border));
  }
}

html:not(.dark) .el-alert.el-alert--info.is-light .el-alert__title, html:not(.dark) .el-alert.el-alert--info.is-light .el-alert__description, html:not(.dark) .el-alert.el-alert--info.is-light .el-alert__icon {
  color: #1d4ed8;
}

html.dark .el-alert.el-alert--info.is-light {
  background-color: #38bdf8;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-alert.el-alert--info.is-light {
    background-color: color-mix(in srgb, #38bdf8 18%, var(--bg-panel));
  }
}

html.dark .el-alert.el-alert--info.is-light {
  border: 1px solid #38bdf8;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-alert.el-alert--info.is-light {
    border: 1px solid color-mix(in srgb, #38bdf8 42%, var(--border));
  }
}

html.dark .el-alert.el-alert--info.is-light .el-alert__title, html.dark .el-alert.el-alert--info.is-light .el-alert__description, html.dark .el-alert.el-alert--info.is-light .el-alert__icon {
  color: #bae6fd;
}

.el-alert {
  border-radius: var(--radius-sm);
}

.el-tag.el-tag--primary {
  color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tag.el-tag--primary {
    color: color-mix(in srgb, var(--brand-700) 86%, #0b2438);
  }
}

.el-tag.el-tag--primary {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tag.el-tag--primary {
    background-color: color-mix(in srgb, var(--brand-100) 52%, var(--bg-surface));
  }
}

.el-tag.el-tag--primary {
  border-color: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tag.el-tag--primary {
    border-color: color-mix(in srgb, var(--brand-300) 50%, var(--el-border-color));
  }
}

html.dark .el-tag.el-tag--primary {
  color: var(--brand-200);
  background-color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tag.el-tag--primary {
    background-color: color-mix(in srgb, var(--brand-700) 54%, var(--bg-surface));
  }
}

html.dark .el-tag.el-tag--primary {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tag.el-tag--primary {
    border-color: color-mix(in srgb, var(--el-color-primary) 94%, var(--border));
  }
}

.el-table {
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--radius-sm);
  background-color: var(--bg-panel);
  overflow: hidden;
}

.el-table th.el-table__cell {
  background-color: var(--brand-50);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-table th.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-50) 30%, var(--bg-panel));
  }
}

.el-table th.el-table__cell {
  color: var(--table-header-text);
  border-bottom: 1px solid var(--brand-300);
  font-weight: 600;
  line-height: 1.45;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-table th.el-table__cell {
    border-bottom: 1px solid color-mix(in srgb, var(--brand-300) 35%, var(--el-border-color));
  }
}

.el-table tr:hover > td.el-table__cell {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-table tr:hover > td.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-100) 16%, var(--bg-panel));
  }
}

.seq-data-table .el-table th.el-table__cell .cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.seq-data-table .el-table th.el-table__cell .caret-wrapper {
  flex-shrink: 0;
}

.seq-data-table__header-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--table-header-text);
  text-transform: uppercase;
  letter-spacing: .04em;
  flex: auto;
  font-weight: 700;
  display: block;
  overflow: hidden;
}

.seq-data-table__cell--primary {
  color: var(--table-primary-text);
  font-weight: 600;
}

.seq-data-table__cell--secondary, .seq-data-table__cell--actions {
  color: var(--table-secondary-text);
}

.seq-data-table .el-table th.el-table__cell .sort-caret.ascending {
  border-bottom-color: var(--table-icon-border);
}

.seq-data-table .el-table th.el-table__cell .sort-caret.descending {
  border-top-color: var(--table-icon-border);
}

.seq-data-table .el-table th.ascending .sort-caret.ascending {
  border-bottom-color: var(--table-icon-active);
}

.seq-data-table .el-table th.descending .sort-caret.descending {
  border-top-color: var(--table-icon-active);
}

.seq-data-table .el-table th.el-table__cell.is-center .cell {
  justify-content: center;
}

.seq-data-table .el-table th.el-table__cell.is-right .cell {
  justify-content: flex-end;
}

html.dark .el-collapse {
  border-width: 0;
  margin-bottom: 2px;
  background-color: #0000 !important;
}

html.dark .el-collapse-item__header {
  border-radius: 5px;
  background-color: var(--brand-800) !important;
  color: var(--el-collapse-header-text-color) !important;
}

html.dark .el-collapse-item__header:hover {
  background-color: var(--el-collapse-header-bg-color) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-collapse-item__header:hover {
    background-color: color-mix(in srgb, var(--el-collapse-header-bg-color) 80%, var(--el-color-primary-light-5)) !important;
  }
}

.el-collapse-item__header.is-active {
  background-color: var(--el-collapse-header-bg-color) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .el-collapse-item__header.is-active {
    background-color: color-mix(in srgb, var(--el-collapse-header-bg-color) 60%, var(--el-color-primary)) !important;
  }
}

.el-collapse-item__wrap {
  background-color: var(--el-collapse-content-bg-color) !important;
}

html.dark .el-collapse-item__content {
  color: var(--el-collapse-content-text-color);
  background-color: var(--bg-panel) !important;
}

.el-collapse-item__arrow {
  color: var(--el-color-primary) !important;
}

html:not(.dark) .el-collapse {
  border-top: 1px solid var(--el-collapse-border-color) !important;
  border-bottom: 1px solid var(--el-collapse-border-color) !important;
}

html:not(.dark) .el-collapse-item__header:hover {
  background-color: var(--brand-300) !important;
  color: var(--brand-900) !important;
}

html:not(.dark) .el-collapse-item__header.is-active {
  background-color: var(--brand-400) !important;
  color: #fff !important;
}

html:not(.dark) .el-collapse-item__header.is-active .el-collapse-item__arrow {
  color: #fff !important;
}

html:not(.dark) .el-collapse-item__wrap, html:not(.dark) .el-collapse-item__content {
  background-color: var(--brand-100) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-collapse-item__wrap, html:not(.dark) .el-collapse-item__content {
    background-color: color-mix(in srgb, var(--brand-100) 76%, #fff) !important;
  }
}

html:not(.dark) .el-table td.el-table__cell, html:not(.dark) .el-table tr {
  background-color: var(--bg-panel);
  color: var(--text-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-table td.el-table__cell, html:not(.dark) .el-table tr {
    color: color-mix(in srgb, var(--text-primary) 88%, var(--text-secondary));
  }
}

html:not(.dark) .el-table th.el-table__cell {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-table th.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-100) 36%, var(--bg-surface));
  }
}

html:not(.dark) .el-table th.el-table__cell {
  border-bottom: 1px solid var(--brand-200);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-table th.el-table__cell {
    border-bottom: 1px solid color-mix(in srgb, var(--brand-200) 42%, var(--border));
  }
}

html:not(.dark) .el-table tr:hover > td.el-table__cell {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-table tr:hover > td.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-100) 26%, var(--bg-panel));
  }
}

html.dark .el-table {
  background-color: var(--bg-panel);
}

html.dark .el-table th.el-table__cell {
  background-color: var(--brand-800);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-table th.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-800) 42%, var(--bg-panel));
  }
}

html.dark .el-table th.el-table__cell {
  color: var(--table-header-text);
  border-bottom: 1px solid var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-table th.el-table__cell {
    border-bottom: 1px solid color-mix(in srgb, var(--brand-500) 34%, var(--border));
  }
}

html.dark .el-table td.el-table__cell, html.dark .el-table tr {
  background-color: var(--bg-panel);
  color: var(--text-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-table td.el-table__cell, html.dark .el-table tr {
    color: color-mix(in srgb, var(--text-primary) 84%, var(--text-secondary));
  }
}

html.dark .el-table tr:hover > td.el-table__cell {
  background-color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-table tr:hover > td.el-table__cell {
    background-color: color-mix(in srgb, var(--brand-700) 26%, var(--bg-panel));
  }
}

.el-table--striped .el-table__body tr.el-table__row--striped > td.el-table__cell {
  background-color: var(--table-stripe-bg) !important;
}

.seq-pagination-wrap {
  padding-top: .25rem;
}

.seq-pagination {
  align-items: center;
  gap: .35rem;
}

.seq-pagination .el-pagination__total, .seq-pagination .el-pagination__sizes {
  color: var(--text-secondary);
  margin-right: .45rem;
  font-weight: 500;
}

.seq-pagination .btn-prev, .seq-pagination .btn-next, .seq-pagination .el-pager li {
  border: 1px solid var(--el-border-color-light);
  border-radius: var(--radius-md);
  background-color: var(--bg-surface);
  min-width: 2.5rem;
  height: 2.5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .btn-prev, .seq-pagination .btn-next, .seq-pagination .el-pager li {
    background-color: color-mix(in srgb, var(--bg-surface) 84%, var(--bg-panel));
  }
}

.seq-pagination .btn-prev, .seq-pagination .btn-next, .seq-pagination .el-pager li {
  color: var(--text-secondary);
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s, transform .15s, box-shadow .2s;
}

.seq-pagination .btn-prev:hover, .seq-pagination .btn-next:hover, .seq-pagination .el-pager li:hover {
  border-color: var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .btn-prev:hover, .seq-pagination .btn-next:hover, .seq-pagination .el-pager li:hover {
    border-color: color-mix(in srgb, var(--brand-300) 55%, var(--el-border-color));
  }
}

.seq-pagination .btn-prev:hover, .seq-pagination .btn-next:hover, .seq-pagination .el-pager li:hover {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .btn-prev:hover, .seq-pagination .btn-next:hover, .seq-pagination .el-pager li:hover {
    background-color: color-mix(in srgb, var(--brand-100) 26%, var(--bg-panel));
  }
}

.seq-pagination .btn-prev:hover, .seq-pagination .btn-next:hover, .seq-pagination .el-pager li:hover {
  color: var(--text-primary);
  transform: translateY(-1px);
}

.seq-pagination .el-pager li.is-active {
  border-color: var(--brand-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .el-pager li.is-active {
    border-color: color-mix(in srgb, var(--brand-500) 70%, #0f7f9f);
  }
}

.seq-pagination .el-pager li.is-active {
  background: linear-gradient(145deg, var(--brand-400), var(--brand-600));
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .el-pager li.is-active {
    background: linear-gradient(145deg, color-mix(in srgb, var(--brand-400) 82%, var(--brand-500)), color-mix(in srgb, var(--brand-600) 85%, #0a6984));
  }
}

.seq-pagination .el-pager li.is-active {
  color: #f4fcff;
  box-shadow: inset 0 1px #ffffff2e, 0 10px 20px #02719038;
}

.seq-pagination .btn-prev:focus-visible, .seq-pagination .btn-next:focus-visible, .seq-pagination .el-pager li:focus-visible {
  box-shadow: 0 0 0 3px var(--el-color-primary);
  outline: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .seq-pagination .btn-prev:focus-visible, .seq-pagination .btn-next:focus-visible, .seq-pagination .el-pager li:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-color-primary) 28%, transparent);
  }
}

.seq-pagination .btn-prev:disabled, .seq-pagination .btn-next:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

html.dark .seq-pagination .btn-prev, html.dark .seq-pagination .btn-next, html.dark .seq-pagination .el-pager li {
  background-color: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .btn-prev, html.dark .seq-pagination .btn-next, html.dark .seq-pagination .el-pager li {
    background-color: color-mix(in srgb, var(--bg-surface) 86%, var(--bg-panel));
  }
}

html.dark .seq-pagination .btn-prev, html.dark .seq-pagination .btn-next, html.dark .seq-pagination .el-pager li {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .btn-prev, html.dark .seq-pagination .btn-next, html.dark .seq-pagination .el-pager li {
    border-color: color-mix(in srgb, var(--border) 82%, var(--brand-900));
  }
}

html.dark .seq-pagination .btn-prev, html.dark .seq-pagination .btn-next, html.dark .seq-pagination .el-pager li {
  color: var(--text-secondary);
}

html.dark .seq-pagination .btn-prev:hover, html.dark .seq-pagination .btn-next:hover, html.dark .seq-pagination .el-pager li:hover {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .btn-prev:hover, html.dark .seq-pagination .btn-next:hover, html.dark .seq-pagination .el-pager li:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 42%, var(--border));
  }
}

html.dark .seq-pagination .btn-prev:hover, html.dark .seq-pagination .btn-next:hover, html.dark .seq-pagination .el-pager li:hover {
  background-color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .btn-prev:hover, html.dark .seq-pagination .btn-next:hover, html.dark .seq-pagination .el-pager li:hover {
    background-color: color-mix(in srgb, var(--brand-700) 20%, var(--bg-surface));
  }
}

html.dark .seq-pagination .btn-prev:hover, html.dark .seq-pagination .btn-next:hover, html.dark .seq-pagination .el-pager li:hover {
  color: var(--text-primary);
}

html.dark .seq-pagination .el-pager li.is-active {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .el-pager li.is-active {
    border-color: color-mix(in srgb, var(--el-color-primary) 56%, var(--brand-600));
  }
}

html.dark .seq-pagination .el-pager li.is-active {
  background: linear-gradient(145deg, var(--el-color-primary), var(--brand-600));
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .seq-pagination .el-pager li.is-active {
    background: linear-gradient(145deg, color-mix(in srgb, var(--el-color-primary) 76%, var(--brand-500)), color-mix(in srgb, var(--brand-600) 86%, #1f849e));
  }
}

html.dark .seq-pagination .el-pager li.is-active {
  color: #eaf8fc;
  box-shadow: inset 0 1px #ffffff17, 0 8px 18px #05222e66;
}

.el-form-item__label {
  font-weight: 600;
  color: var(--form-label-color) !important;
}

.el-input, .el-select, .el-date-editor.el-input, .el-date-editor.el-input__wrapper, .el-textarea {
  --el-component-size-large: 44px;
}

.el-input__wrapper, .el-textarea__inner, .el-select__wrapper {
  border-radius: var(--radius-sm);
  box-shadow: 0 0 0 1px var(--el-border-color-light) inset;
  transition: box-shadow .2s, border-color .2s;
}

.el-input__wrapper.is-focus, .el-textarea__inner:focus, .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--brand-300) inset, 0 0 0 4px var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-input__wrapper.is-focus, .el-textarea__inner:focus, .el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--brand-300) inset, 0 0 0 4px color-mix(in srgb, var(--brand-100) 45%, transparent);
  }
}

html:not(.dark) .el-input__wrapper, html:not(.dark) .el-textarea__inner, html:not(.dark) .el-select__wrapper {
  background-color: var(--bg-surface);
  color: var(--text-primary);
}

html:not(.dark) .el-input__wrapper.is-focus, html:not(.dark) .el-textarea__inner:focus, html:not(.dark) .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--brand-400) inset, 0 0 0 3px var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  html:not(.dark) .el-input__wrapper.is-focus, html:not(.dark) .el-textarea__inner:focus, html:not(.dark) .el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-400) 65%, var(--brand-500)) inset, 0 0 0 3px color-mix(in srgb, var(--brand-100) 36%, transparent);
  }
}

html.dark .el-input__wrapper, html.dark .el-textarea__inner, html.dark .el-select__wrapper {
  background-color: var(--bg-surface);
  color: var(--text-primary);
  box-shadow: 0 0 0 1px var(--el-border-color-light) inset;
}

html.dark .el-input__wrapper.is-focus, html.dark .el-textarea__inner:focus, html.dark .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset, 0 0 0 4px var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-input__wrapper.is-focus, html.dark .el-textarea__inner:focus, html.dark .el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset, 0 0 0 4px color-mix(in srgb, var(--el-color-primary) 26%, transparent);
  }
}

.el-select__wrapper .el-tag {
  border: 1px solid var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag {
    border: 1px solid color-mix(in srgb, var(--brand-300) 50%, var(--el-border-color));
  }
}

.el-select__wrapper .el-tag {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag {
    background-color: color-mix(in srgb, var(--brand-100) 44%, var(--bg-surface));
  }
}

.el-select__wrapper .el-tag {
  color: var(--brand-700);
  border-radius: var(--radius-xs);
}

.el-select__wrapper .el-tag:hover {
  border-color: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag:hover {
    border-color: color-mix(in srgb, var(--brand-400) 60%, var(--brand-500));
  }
}

.el-select__wrapper .el-tag:hover {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag:hover {
    background-color: color-mix(in srgb, var(--brand-100) 62%, var(--bg-surface));
  }
}

.el-select__wrapper .el-tag .el-tag__close {
  color: var(--brand-600);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag .el-tag__close {
    color: color-mix(in srgb, var(--brand-600) 88%, var(--text-secondary));
  }
}

.el-select__wrapper .el-tag .el-tag__close:hover {
  color: var(--brand-700);
  background-color: var(--brand-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper .el-tag .el-tag__close:hover {
    background-color: color-mix(in srgb, var(--brand-200) 45%, transparent);
  }
}

html.dark .el-select__wrapper .el-tag {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-select__wrapper .el-tag {
    border-color: color-mix(in srgb, var(--el-color-primary) 46%, var(--border));
  }
}

html.dark .el-select__wrapper .el-tag {
  background-color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-select__wrapper .el-tag {
    background-color: color-mix(in srgb, var(--brand-700) 34%, var(--bg-surface));
  }
}

html.dark .el-select__wrapper .el-tag {
  color: #d8edf3;
}

html.dark .el-select__wrapper .el-tag:hover {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-select__wrapper .el-tag:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 62%, var(--brand-600));
  }
}

html.dark .el-select__wrapper .el-tag:hover {
  background-color: var(--brand-600);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-select__wrapper .el-tag:hover {
    background-color: color-mix(in srgb, var(--brand-600) 46%, var(--bg-surface));
  }
}

html.dark .el-select__wrapper .el-tag .el-tag__close {
  color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-select__wrapper .el-tag .el-tag__close {
    color: color-mix(in srgb, var(--el-color-primary) 70%, #d8edf3);
  }
}

html.dark .el-select__wrapper .el-tag .el-tag__close:hover {
  color: #eaf8fc;
  background-color: #4db2ca38;
}

.el-select__wrapper.is-disabled .el-tag, .el-select__wrapper.is-disabled .el-tag:hover {
  border-color: var(--el-border-color);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper.is-disabled .el-tag, .el-select__wrapper.is-disabled .el-tag:hover {
    border-color: color-mix(in srgb, var(--el-border-color) 75%, transparent);
  }
}

.el-select__wrapper.is-disabled .el-tag, .el-select__wrapper.is-disabled .el-tag:hover {
  background-color: var(--bg-surface);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-select__wrapper.is-disabled .el-tag, .el-select__wrapper.is-disabled .el-tag:hover {
    background-color: color-mix(in srgb, var(--bg-surface) 78%, transparent);
  }
}

.el-select__wrapper.is-disabled .el-tag, .el-select__wrapper.is-disabled .el-tag:hover {
  color: var(--text-disabled);
}

.el-select__wrapper.is-disabled .el-tag .el-tag__close, .el-select__wrapper.is-disabled .el-tag .el-tag__close:hover {
  color: var(--text-disabled);
  background-color: #0000;
}

.el-tooltip__popper .el-select__selection .el-tag {
  border: 1px solid var(--brand-300);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag {
    border: 1px solid color-mix(in srgb, var(--brand-300) 50%, var(--el-border-color));
  }
}

.el-tooltip__popper .el-select__selection .el-tag {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag {
    background-color: color-mix(in srgb, var(--brand-100) 44%, var(--bg-surface));
  }
}

.el-tooltip__popper .el-select__selection .el-tag {
  color: var(--brand-700);
}

.el-tooltip__popper .el-select__selection .el-tag:hover {
  border-color: var(--brand-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag:hover {
    border-color: color-mix(in srgb, var(--brand-400) 60%, var(--brand-500));
  }
}

.el-tooltip__popper .el-select__selection .el-tag:hover {
  background-color: var(--brand-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag:hover {
    background-color: color-mix(in srgb, var(--brand-100) 62%, var(--bg-surface));
  }
}

.el-tooltip__popper .el-select__selection .el-tag .el-tag__close {
  color: var(--brand-600);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag .el-tag__close {
    color: color-mix(in srgb, var(--brand-600) 88%, var(--text-secondary));
  }
}

.el-tooltip__popper .el-select__selection .el-tag .el-tag__close:hover {
  color: var(--brand-700);
  background-color: var(--brand-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-tooltip__popper .el-select__selection .el-tag .el-tag__close:hover {
    background-color: color-mix(in srgb, var(--brand-200) 45%, transparent);
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tooltip__popper .el-select__selection .el-tag {
    border-color: color-mix(in srgb, var(--el-color-primary) 46%, var(--border));
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag {
  background-color: var(--brand-700);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tooltip__popper .el-select__selection .el-tag {
    background-color: color-mix(in srgb, var(--brand-700) 34%, var(--bg-surface));
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag {
  color: #d8edf3;
}

html.dark .el-tooltip__popper .el-select__selection .el-tag:hover {
  border-color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tooltip__popper .el-select__selection .el-tag:hover {
    border-color: color-mix(in srgb, var(--el-color-primary) 62%, var(--brand-600));
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag:hover {
  background-color: var(--brand-600);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tooltip__popper .el-select__selection .el-tag:hover {
    background-color: color-mix(in srgb, var(--brand-600) 46%, var(--bg-surface));
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag .el-tag__close {
  color: var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-tooltip__popper .el-select__selection .el-tag .el-tag__close {
    color: color-mix(in srgb, var(--el-color-primary) 70%, #d8edf3);
  }
}

html.dark .el-tooltip__popper .el-select__selection .el-tag .el-tag__close:hover {
  color: #eaf8fc;
  background-color: #4db2ca38;
}

.el-checkbox {
  --seq-checkbox-size: 14px;
  --seq-checkbox-radius: 2px;
  --seq-checkbox-primary: var(--table-icon-active);
  --seq-checkbox-primary-hover: var(--table-icon-active);
  --seq-checkbox-surface: #2f3440;
  --seq-checkbox-border: var(--table-icon-border);
  --el-checkbox-checked-bg-color: var(--seq-checkbox-primary);
  --el-checkbox-checked-input-border-color: var(--seq-checkbox-primary);
  --el-checkbox-checked-text-color: var(--text-primary);
  --el-checkbox-input-border-color-hover: var(--seq-checkbox-primary-hover);
}

.el-checkbox .el-checkbox__inner {
  width: var(--seq-checkbox-size);
  height: var(--seq-checkbox-size);
  border-radius: var(--seq-checkbox-radius);
  border: 1px solid var(--seq-checkbox-border);
  background-color: var(--seq-checkbox-surface);
  box-shadow: none;
  transition: background-color .2s, border-color .2s;
}

.el-checkbox .el-checkbox__input:hover .el-checkbox__inner {
  border-color: var(--seq-checkbox-primary-hover);
}

.el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
  box-shadow: 0 0 0 3px var(--el-color-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--el-color-primary) 30%, transparent);
  }
}

.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: var(--seq-checkbox-primary);
  background-color: var(--seq-checkbox-primary);
  box-shadow: none;
}

html:not(.dark) .el-checkbox {
  --seq-checkbox-surface: #f6f8fb;
  --seq-checkbox-border: var(--table-icon-border);
}

html.dark .el-checkbox {
  --seq-checkbox-surface: #303742;
  --seq-checkbox-border: var(--table-icon-border);
}

html.dark .el-checkbox .el-checkbox__label {
  color: var(--el-color-primary-light-3);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .el-checkbox .el-checkbox__label {
    color: color-mix(in srgb, var(--el-color-primary-light-3) 90%, #fff);
  }
}

.el-notification.seq-toast {
  background: var(--color-bg-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast {
    background: color-mix(in srgb, var(--color-bg-panel) 65%, transparent);
  }
}

.el-notification.seq-toast {
  border: 1px solid var(--color-border);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast {
    border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent);
  }
}

.el-notification.seq-toast {
  border-radius: var(--radius-md);
  -webkit-backdrop-filter: blur(10px);
}

.el-notification.seq-toast .el-notification__title {
  color: var(--color-text-primary);
}

.el-notification.seq-toast .el-notification__content {
  color: var(--color-text-secondary);
}

.el-notification.seq-toast.seq-toast--success {
  border-color: var(--el-color-success);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--success {
    border-color: color-mix(in srgb, var(--el-color-success) 45%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--success {
  background: var(--el-color-success);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--success {
    background: color-mix(in srgb, var(--el-color-success) 8%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--info {
  border-color: var(--el-color-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--info {
    border-color: color-mix(in srgb, var(--el-color-info) 45%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--info {
  background: var(--el-color-info);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--info {
    background: color-mix(in srgb, var(--el-color-info) 8%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--warn {
  border-color: var(--el-color-warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--warn {
    border-color: color-mix(in srgb, var(--el-color-warning) 45%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--warn {
  background: var(--el-color-warning);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--warn {
    background: color-mix(in srgb, var(--el-color-warning) 8%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--error {
  border-color: var(--el-color-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--error {
    border-color: color-mix(in srgb, var(--el-color-danger) 45%, transparent);
  }
}

.el-notification.seq-toast.seq-toast--error {
  background: var(--el-color-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .el-notification.seq-toast.seq-toast--error {
    background: color-mix(in srgb, var(--el-color-danger) 8%, transparent);
  }
}

svg.lucide {
  width: 18px !important;
  height: 18px !important;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}