:root {
  --fjqz-bg: #10100f;
  --fjqz-bg-deep: #080908;
  --fjqz-panel: #1a1b19;
  --fjqz-panel-soft: #20211e;
  --fjqz-panel-raised: #292a26;
  --fjqz-line: rgba(255, 238, 216, 0.12);
  --fjqz-text: #f4e7d3;
  --fjqz-muted: #a9aaa4;
  --fjqz-primary: #dd7950;
  --fjqz-primary-bright: #f09568;
  --fjqz-primary-dark: #a64b30;
  --fjqz-jade: #6f9f8b;
  --fjqz-shadow: rgba(0, 0, 0, 0.42);
}

html.fjqz-runtime-theme.dark {
  color-scheme: dark;
  background-color: var(--fjqz-bg-deep) !important;
}

html.fjqz-runtime-theme.dark body,
html.fjqz-runtime-theme.dark #app {
  background-color: var(--fjqz-bg) !important;
  background-image:
    radial-gradient(circle at 76% 8%, rgba(111, 159, 139, 0.08), transparent 27rem),
    radial-gradient(circle at 38% 0%, rgba(221, 121, 80, 0.12), transparent 32rem) !important;
  background-attachment: fixed !important;
  color: var(--fjqz-text);
}

html.fjqz-runtime-theme.dark [class~="bg-dark-950"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-950"] {
  background-color: var(--fjqz-bg-deep) !important;
}

html.fjqz-runtime-theme.dark [class~="bg-dark-900"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-900"] {
  background-color: var(--fjqz-bg) !important;
}

html.fjqz-runtime-theme.dark [class~="bg-dark-800"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-800"] {
  background-color: var(--fjqz-panel) !important;
}

html.fjqz-runtime-theme.dark [class~="bg-dark-700"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-700"] {
  background-color: var(--fjqz-panel-soft) !important;
}

html.fjqz-runtime-theme.dark [class~="bg-dark-600"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-600"],
html.fjqz-runtime-theme.dark [class~="bg-dark-500"],
html.fjqz-runtime-theme.dark [class*="dark:bg-dark-500"] {
  background-color: var(--fjqz-panel-raised) !important;
}

html.fjqz-runtime-theme.dark [class*="dark:hover:bg-dark-900"]:hover,
html.fjqz-runtime-theme.dark [class*="dark:hover:bg-dark-800"]:hover {
  background-color: rgba(255, 238, 216, 0.055) !important;
}

html.fjqz-runtime-theme.dark [class*="dark:hover:bg-dark-700"]:hover {
  background-color: rgba(221, 121, 80, 0.09) !important;
}

html.fjqz-runtime-theme.dark [class*="dark:hover:bg-dark-600"]:hover,
html.fjqz-runtime-theme.dark [class*="dark:hover:bg-dark-500"]:hover {
  background-color: rgba(221, 121, 80, 0.13) !important;
}

html.fjqz-runtime-theme.dark [class*="border-dark-"],
html.fjqz-runtime-theme.dark [class*="dark:border-dark-"] {
  border-color: var(--fjqz-line) !important;
}

html.fjqz-runtime-theme.dark [class*="divide-dark-"] > :not([hidden]) ~ :not([hidden]),
html.fjqz-runtime-theme.dark [class*="dark:divide-dark-"] > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--fjqz-line) !important;
}

html.fjqz-runtime-theme.dark .text-dark-100,
html.fjqz-runtime-theme.dark .text-dark-200,
html.fjqz-runtime-theme.dark .dark\:text-dark-100,
html.fjqz-runtime-theme.dark .dark\:text-dark-200,
html.fjqz-runtime-theme.dark .dark\:text-gray-100,
html.fjqz-runtime-theme.dark .dark\:text-gray-200,
html.fjqz-runtime-theme.dark .dark\:text-white {
  color: var(--fjqz-text) !important;
}

html.fjqz-runtime-theme.dark .text-dark-300,
html.fjqz-runtime-theme.dark .text-dark-400,
html.fjqz-runtime-theme.dark .dark\:text-dark-300,
html.fjqz-runtime-theme.dark .dark\:text-dark-400,
html.fjqz-runtime-theme.dark .dark\:text-gray-300,
html.fjqz-runtime-theme.dark .dark\:text-gray-400 {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .bg-primary-500,
html.fjqz-runtime-theme.dark .bg-primary-600,
html.fjqz-runtime-theme.dark .bg-primary-700,
html.fjqz-runtime-theme.dark .dark\:bg-primary-500,
html.fjqz-runtime-theme.dark .dark\:bg-primary-600,
html.fjqz-runtime-theme.dark .dark\:bg-primary-700 {
  background-color: var(--fjqz-primary) !important;
}

html.fjqz-runtime-theme.dark .hover\:bg-primary-600:hover,
html.fjqz-runtime-theme.dark .hover\:bg-primary-700:hover,
html.fjqz-runtime-theme.dark .dark\:hover\:bg-primary-600:hover,
html.fjqz-runtime-theme.dark .dark\:hover\:bg-primary-700:hover {
  background-color: var(--fjqz-primary-bright) !important;
}

html.fjqz-runtime-theme.dark .text-primary-300,
html.fjqz-runtime-theme.dark .text-primary-400,
html.fjqz-runtime-theme.dark .text-primary-500,
html.fjqz-runtime-theme.dark .text-primary-600,
html.fjqz-runtime-theme.dark .text-primary-700,
html.fjqz-runtime-theme.dark .dark\:text-primary-300,
html.fjqz-runtime-theme.dark .dark\:text-primary-400,
html.fjqz-runtime-theme.dark .dark\:text-primary-500,
html.fjqz-runtime-theme.dark .dark\:text-primary-600 {
  color: var(--fjqz-primary-bright) !important;
}

html.fjqz-runtime-theme.dark .border-primary-300,
html.fjqz-runtime-theme.dark .border-primary-400,
html.fjqz-runtime-theme.dark .border-primary-500,
html.fjqz-runtime-theme.dark .border-primary-600,
html.fjqz-runtime-theme.dark .border-primary-700 {
  border-color: var(--fjqz-primary) !important;
}

html.fjqz-runtime-theme.dark .from-primary-400,
html.fjqz-runtime-theme.dark .from-primary-500,
html.fjqz-runtime-theme.dark .from-primary-600 {
  --tw-gradient-from: var(--fjqz-primary) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(221, 121, 80, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html.fjqz-runtime-theme.dark .to-primary-500,
html.fjqz-runtime-theme.dark .to-primary-600,
html.fjqz-runtime-theme.dark .to-primary-700 {
  --tw-gradient-to: var(--fjqz-primary-dark) var(--tw-gradient-to-position) !important;
}

html.fjqz-runtime-theme.dark .dark\:bg-primary-900\/20,
html.fjqz-runtime-theme.dark .dark\:bg-primary-900\/30,
html.fjqz-runtime-theme.dark .dark\:bg-primary-900\/40 {
  background-color: rgba(221, 121, 80, 0.14) !important;
}

html.fjqz-runtime-theme.dark .focus\:border-primary-500:focus,
html.fjqz-runtime-theme.dark .focus\:ring-primary-500:focus,
html.fjqz-runtime-theme.dark .focus\:ring-primary-500\/20:focus {
  border-color: var(--fjqz-primary) !important;
  --tw-ring-color: rgba(221, 121, 80, 0.28) !important;
}

html.fjqz-runtime-theme.dark [class*="shadow-primary-"] {
  --tw-shadow-color: rgba(221, 121, 80, 0.22) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

html.fjqz-runtime-theme.dark input,
html.fjqz-runtime-theme.dark textarea,
html.fjqz-runtime-theme.dark select {
  caret-color: var(--fjqz-primary-bright);
}

html.fjqz-runtime-theme.dark input::placeholder,
html.fjqz-runtime-theme.dark textarea::placeholder {
  color: var(--fjqz-muted);
  opacity: 0.72;
}

/* FJQZ sidebar */
html.fjqz-runtime-theme.dark .sidebar {
  background:
    radial-gradient(circle at 18% 0%, rgba(221, 121, 80, 0.09), transparent 15rem),
    linear-gradient(180deg, #171815 0%, #10110f 52%, #0b0c0b 100%) !important;
  border-right-color: rgba(255, 238, 216, 0.1) !important;
  box-shadow: 16px 0 48px rgba(0, 0, 0, 0.16);
}

html.fjqz-runtime-theme.dark .sidebar-header {
  border-bottom-color: rgba(221, 121, 80, 0.14) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent);
}

html.fjqz-runtime-theme.dark .sidebar-logo {
  border: 1px solid rgba(221, 121, 80, 0.2);
  background: rgba(26, 27, 25, 0.78);
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 238, 216, 0.025);
}

html.fjqz-runtime-theme.dark .sidebar-brand-title {
  color: var(--fjqz-text) !important;
}

html.fjqz-runtime-theme.dark .sidebar-brand-title:hover {
  color: var(--fjqz-primary-bright) !important;
}

html.fjqz-runtime-theme.dark .sidebar-nav {
  scrollbar-color: rgba(221, 121, 80, 0.22) transparent;
}

html.fjqz-runtime-theme.dark .sidebar-link {
  color: var(--fjqz-muted) !important;
  border: 1px solid transparent;
}

html.fjqz-runtime-theme.dark .sidebar-link:hover {
  color: var(--fjqz-text) !important;
  background-color: rgba(255, 238, 216, 0.055) !important;
  border-color: rgba(255, 238, 216, 0.055);
}

html.fjqz-runtime-theme.dark .sidebar-link-active,
html.fjqz-runtime-theme.dark .sidebar-link-active:hover {
  color: var(--fjqz-primary-bright) !important;
  background:
    linear-gradient(90deg, rgba(221, 121, 80, 0.18), rgba(221, 121, 80, 0.07)) !important;
  border-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow:
    inset 3px 0 0 var(--fjqz-primary),
    0 8px 22px rgba(0, 0, 0, 0.12);
}

html.fjqz-runtime-theme.dark .sidebar-link-active svg,
html.fjqz-runtime-theme.dark .sidebar-link-active .sidebar-svg-icon {
  color: var(--fjqz-primary-bright) !important;
  filter: drop-shadow(0 0 7px rgba(221, 121, 80, 0.2));
}

html.fjqz-runtime-theme.dark .sidebar-section-title {
  color: rgba(143, 188, 168, 0.72) !important;
  letter-spacing: 0.11em;
}

html.fjqz-runtime-theme.dark .sidebar-section-title::after {
  background: linear-gradient(90deg, transparent, rgba(111, 159, 139, 0.3), transparent) !important;
}

html.fjqz-runtime-theme.dark .sidebar-section .border-l {
  border-left-color: rgba(221, 121, 80, 0.16) !important;
}

html.fjqz-runtime-theme .sidebar > .mt-auto > button.sidebar-link.mb-2,
html.fjqz-runtime-theme button[title="浅色模式"],
html.fjqz-runtime-theme button[title="深色模式"],
html.fjqz-runtime-theme button[title="Light Mode"],
html.fjqz-runtime-theme button[title="Dark Mode"],
html.fjqz-runtime-theme button[title="切换到浅色模式"],
html.fjqz-runtime-theme button[title="切换到深色模式"],
html.fjqz-runtime-theme button[title="Switch to Light Mode"],
html.fjqz-runtime-theme button[title="Switch to Dark Mode"] {
  display: none !important;
}

/* FJQZ authentication pages */
html.fjqz-runtime-theme.dark #app > div:has(.card-glass) {
  isolation: isolate;
  background-color: var(--fjqz-bg-deep) !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .absolute.inset-0:first-child {
  background:
    linear-gradient(145deg, rgba(16, 16, 15, 0.82), rgba(8, 9, 8, 0.96)),
    var(--fjqz-bg-deep) !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0 {
  background-image:
    radial-gradient(circle at 18% 12%, rgba(221, 121, 80, 0.18), transparent 27rem),
    radial-gradient(circle at 84% 86%, rgba(111, 159, 139, 0.12), transparent 29rem),
    radial-gradient(circle at 50% 48%, rgba(240, 149, 104, 0.045), transparent 24rem),
    linear-gradient(rgba(255, 238, 216, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 238, 216, 0.024) 1px, transparent 1px) !important;
  background-position: center;
  background-size: auto, auto, auto, 72px 72px, 72px 72px !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0 > div {
  display: none !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0::before,
html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0::before {
  width: min(72vw, 920px);
  height: min(32vw, 390px);
  left: -16vw;
  bottom: -19vw;
  border: 1px solid rgba(111, 159, 139, 0.15);
  box-shadow:
    0 -18px 0 -17px rgba(111, 159, 139, 0.1),
    0 -42px 0 -41px rgba(221, 121, 80, 0.08);
  transform: rotate(-7deg);
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0::after {
  width: 320px;
  height: 320px;
  right: -190px;
  top: 12%;
  border: 1px solid rgba(221, 121, 80, 0.13);
  box-shadow:
    0 0 90px rgba(221, 121, 80, 0.055),
    inset 0 0 70px rgba(111, 159, 139, 0.035);
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .relative.z-10 {
  animation: fjqz-auth-enter 0.5s ease-out both;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .relative.z-10 > .mb-8 {
  margin-bottom: 1.75rem !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) div:has(> img[alt="Logo"]) {
  border: 1px solid rgba(221, 121, 80, 0.22);
  background: rgba(26, 27, 25, 0.76);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(221, 121, 80, 0.12) !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) .text-gradient {
  color: transparent !important;
  background-image: linear-gradient(110deg, #fff4e5 5%, #f0b08c 52%, #dd7950 100%) !important;
  filter: drop-shadow(0 8px 24px rgba(221, 121, 80, 0.1));
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) .card-glass {
  background:
    linear-gradient(145deg, rgba(255, 238, 216, 0.035), transparent 38%),
    rgba(22, 23, 21, 0.86) !important;
  border-color: rgba(255, 238, 216, 0.115) !important;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.46),
    0 0 0 1px rgba(221, 121, 80, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  backdrop-filter: blur(22px) saturate(112%) !important;
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) .card-glass::before {
  content: '';
  display: block;
  height: 1px;
  margin: -2rem -2rem 1.9rem;
  background: linear-gradient(90deg, transparent, rgba(221, 121, 80, 0.42), transparent);
}

html.fjqz-runtime-theme.dark #app > div:has(.card-glass) .card-glass + div a {
  color: var(--fjqz-primary-bright) !important;
}

@keyframes fjqz-auth-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .relative.z-10 {
    animation: none;
  }
}

@media (max-width: 640px) {
  html.fjqz-runtime-theme.dark #app > div:has(.card-glass) > .pointer-events-none.absolute.inset-0 {
    background-size: auto, auto, auto, 48px 48px, 48px 48px !important;
  }

  html.fjqz-runtime-theme.dark #app > div:has(.card-glass) .card-glass::before {
    margin: -2rem -2rem 1.75rem;
  }
}

/* FJQZ main workspace */
html.fjqz-runtime-theme.dark .glass {
  background-color: rgba(20, 21, 19, 0.9) !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.18);
}

html.fjqz-runtime-theme.dark header.glass {
  background:
    linear-gradient(90deg, rgba(221, 121, 80, 0.035), transparent 38%),
    rgba(20, 21, 19, 0.92) !important;
  border-bottom-color: rgba(221, 121, 80, 0.13) !important;
}

html.fjqz-runtime-theme.dark header.glass > div > div:last-child > a:hover,
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > button:hover:not(:disabled),
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > div > button:hover:not(:disabled) {
  background-color: rgba(255, 238, 216, 0.055) !important;
}

html.fjqz-runtime-theme.dark header.glass > div > div:last-child > a:hover,
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > button:hover:not(:disabled),
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > div > button:hover:not(:disabled),
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > a:hover svg,
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > button:hover:not(:disabled) svg,
html.fjqz-runtime-theme.dark header.glass > div > div:last-child > div > button:hover:not(:disabled) svg {
  color: var(--fjqz-text) !important;
}

html.fjqz-runtime-theme.dark .card,
html.fjqz-runtime-theme.dark .glass-card {
  background-color: rgba(26, 27, 25, 0.82) !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
}

html.fjqz-runtime-theme.dark [data-testid="profile-overview-hero"] {
  background:
    radial-gradient(circle at 92% 8%, rgba(111, 159, 139, 0.12), transparent 18rem),
    linear-gradient(135deg, rgba(221, 121, 80, 0.11), rgba(26, 27, 25, 0.94) 46%, rgba(12, 13, 12, 0.96)) !important;
  border-color: rgba(221, 121, 80, 0.2) !important;
}

html.fjqz-runtime-theme.dark [data-testid^="profile-overview-metric-"] {
  background-color: rgba(10, 11, 10, 0.72) !important;
  border: 1px solid rgba(255, 238, 216, 0.1);
  --tw-ring-color: transparent !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
}

html.fjqz-runtime-theme.dark [data-testid="profile-basics-panel"] {
  background:
    linear-gradient(145deg, rgba(255, 238, 216, 0.022), transparent 36%),
    rgba(18, 19, 17, 0.9) !important;
}

html.fjqz-runtime-theme.dark .input {
  background-color: rgba(32, 33, 30, 0.9) !important;
  border-color: rgba(255, 238, 216, 0.13) !important;
  color: var(--fjqz-text) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

html.fjqz-runtime-theme.dark .input:hover:not(:disabled) {
  border-color: rgba(221, 121, 80, 0.3) !important;
}

html.fjqz-runtime-theme.dark .input:focus {
  border-color: var(--fjqz-primary) !important;
  --tw-ring-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow:
    0 0 0 3px rgba(221, 121, 80, 0.12),
    inset 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

html.fjqz-runtime-theme.dark .btn-primary,
html.fjqz-runtime-theme.dark .btn-success {
  color: #fffaf5 !important;
  background: linear-gradient(135deg, var(--fjqz-primary-bright), var(--fjqz-primary-dark)) !important;
  border: 1px solid rgba(255, 238, 216, 0.12);
  box-shadow: 0 10px 26px rgba(166, 75, 48, 0.25) !important;
}

html.fjqz-runtime-theme.dark .btn-primary:hover:not(:disabled),
html.fjqz-runtime-theme.dark .btn-success:hover:not(:disabled) {
  background: linear-gradient(135deg, #f3a078, var(--fjqz-primary)) !important;
  box-shadow: 0 12px 30px rgba(221, 121, 80, 0.3) !important;
}

html.fjqz-runtime-theme.dark .btn-secondary {
  color: var(--fjqz-text) !important;
  background-color: var(--fjqz-panel-soft) !important;
  border-color: rgba(255, 238, 216, 0.13) !important;
}

html.fjqz-runtime-theme.dark .btn-secondary:hover:not(:disabled),
html.fjqz-runtime-theme.dark .btn-ghost:hover:not(:disabled) {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.09) !important;
  border-color: rgba(221, 121, 80, 0.18) !important;
}

html.fjqz-runtime-theme.dark .badge-primary {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.13) !important;
}

html.fjqz-runtime-theme.dark .badge-success {
  color: #9bc6b2 !important;
  background-color: rgba(111, 159, 139, 0.14) !important;
}

html.fjqz-runtime-theme.dark .badge-gray {
  color: var(--fjqz-muted) !important;
  background-color: rgba(255, 238, 216, 0.07) !important;
}

html.fjqz-runtime-theme.dark .badge-purple {
  color: #eab294 !important;
  background-color: rgba(221, 121, 80, 0.11) !important;
}

html.fjqz-runtime-theme.dark .card-header,
html.fjqz-runtime-theme.dark .card-footer,
html.fjqz-runtime-theme.dark .modal-header,
html.fjqz-runtime-theme.dark .modal-footer,
html.fjqz-runtime-theme.dark .dialog-header,
html.fjqz-runtime-theme.dark .dialog-footer {
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .stat-card {
  background:
    linear-gradient(145deg, rgba(255, 238, 216, 0.022), transparent 42%),
    rgba(26, 27, 25, 0.82) !important;
}

html.fjqz-runtime-theme.dark .stat-icon-primary {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.13) !important;
}

html.fjqz-runtime-theme.dark .stat-icon-success {
  color: #9bc6b2 !important;
  background-color: rgba(111, 159, 139, 0.14) !important;
}

html.fjqz-runtime-theme.dark .table-container,
html.fjqz-runtime-theme.dark .table-scroll-container,
html.fjqz-runtime-theme.dark .table-wrapper {
  background-color: rgba(18, 19, 17, 0.9) !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18) !important;
}

html.fjqz-runtime-theme.dark .table th,
html.fjqz-runtime-theme.dark .table-scroll-container thead,
html.fjqz-runtime-theme.dark .table-header {
  background-color: rgba(32, 33, 30, 0.88) !important;
  color: var(--fjqz-muted) !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .table td,
html.fjqz-runtime-theme.dark .table-scroll-container th,
html.fjqz-runtime-theme.dark .table-scroll-container td {
  border-color: rgba(255, 238, 216, 0.075) !important;
}

html.fjqz-runtime-theme.dark .table tbody tr:hover,
html.fjqz-runtime-theme.dark .table-scroll-container tbody tr:hover {
  background-color: rgba(221, 121, 80, 0.045) !important;
}

html.fjqz-runtime-theme.dark .select-trigger {
  color: var(--fjqz-text) !important;
  background-color: rgba(32, 33, 30, 0.94) !important;
  border-color: rgba(255, 238, 216, 0.13) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.fjqz-runtime-theme.dark .select-trigger:hover:not(:disabled) {
  border-color: rgba(221, 121, 80, 0.32) !important;
}

html.fjqz-runtime-theme.dark .select-trigger-open {
  border-color: var(--fjqz-primary) !important;
  --tw-ring-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow:
    0 0 0 3px rgba(221, 121, 80, 0.12),
    inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.fjqz-runtime-theme.dark .select-icon,
html.fjqz-runtime-theme.dark .select-clear {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal {
  color: var(--fjqz-text) !important;
  background:
    linear-gradient(145deg, rgba(221, 121, 80, 0.035), transparent 38%),
    rgba(26, 27, 25, 0.99) !important;
  border-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5) !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal .select-search {
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option {
  color: var(--fjqz-muted) !important;
  background-color: transparent !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option:hover,
html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option-focused {
  color: var(--fjqz-text) !important;
  background-color: rgba(255, 238, 216, 0.055) !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option-selected {
  color: var(--fjqz-primary-bright) !important;
  background:
    linear-gradient(90deg, rgba(221, 121, 80, 0.16), rgba(221, 121, 80, 0.065)) !important;
}

html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option-group,
html.fjqz-runtime-theme.dark .select-dropdown-portal .select-option-group:hover {
  color: rgba(143, 188, 168, 0.72) !important;
  background-color: rgba(8, 9, 8, 0.7) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper .table-header,
html.fjqz-runtime-theme.dark .table-wrapper .sticky-header-cell {
  color: var(--fjqz-muted) !important;
  background-color: #20211e !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper tbody .sticky-col {
  background-color: #121311 !important;
}

html.fjqz-runtime-theme.dark .table-wrapper tbody tr:hover .sticky-col {
  background-color: #211d19 !important;
}

html.fjqz-runtime-theme.dark .table-wrapper.is-scrollable .sticky-col-left::after,
html.fjqz-runtime-theme.dark .table-wrapper.is-scrollable .sticky-col-left-second::after,
html.fjqz-runtime-theme.dark .is-scrollable .sticky-col-left::after,
html.fjqz-runtime-theme.dark .is-scrollable .sticky-col-left-second::after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.34), transparent) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper.is-scrollable .sticky-col-right::before,
html.fjqz-runtime-theme.dark .is-scrollable .sticky-col-right::before {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.34), transparent) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper::-webkit-scrollbar-track {
  background-color: rgba(8, 9, 8, 0.72) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(221, 121, 80, 0.38) !important;
}

html.fjqz-runtime-theme.dark .table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(221, 121, 80, 0.62) !important;
}

html.fjqz-runtime-theme.dark main nav[aria-label="Pagination"] button {
  color: var(--fjqz-muted) !important;
  background-color: rgba(26, 27, 25, 0.94) !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark main nav[aria-label="Pagination"] button:hover:not(:disabled) {
  color: var(--fjqz-text) !important;
  background-color: rgba(255, 238, 216, 0.06) !important;
}

html.fjqz-runtime-theme.dark main nav[aria-label="Pagination"] button[aria-current="page"] {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.13) !important;
  border-color: var(--fjqz-primary) !important;
}

html.fjqz-runtime-theme.dark .date-picker-trigger {
  color: var(--fjqz-text) !important;
  background-color: rgba(32, 33, 30, 0.94) !important;
  border-color: rgba(255, 238, 216, 0.13) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.fjqz-runtime-theme.dark .date-picker-trigger:hover {
  border-color: rgba(221, 121, 80, 0.32) !important;
}

html.fjqz-runtime-theme.dark .date-picker-trigger-open {
  border-color: var(--fjqz-primary) !important;
  --tw-ring-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow:
    0 0 0 3px rgba(221, 121, 80, 0.12),
    inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.fjqz-runtime-theme.dark .date-picker-icon,
html.fjqz-runtime-theme.dark .date-picker-chevron {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .date-picker-dropdown {
  color: var(--fjqz-text) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(111, 159, 139, 0.08), transparent 13rem),
    linear-gradient(145deg, rgba(221, 121, 80, 0.035), transparent 38%),
    rgba(26, 27, 25, 0.99) !important;
  border-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow: 0 24px 66px rgba(0, 0, 0, 0.52) !important;
}

html.fjqz-runtime-theme.dark .date-picker-preset {
  color: var(--fjqz-muted) !important;
  background-color: transparent !important;
}

html.fjqz-runtime-theme.dark .date-picker-preset:hover {
  color: var(--fjqz-text) !important;
  background-color: rgba(255, 238, 216, 0.055) !important;
}

html.fjqz-runtime-theme.dark .date-picker-preset-active,
html.fjqz-runtime-theme.dark .date-picker-preset-active:hover {
  color: var(--fjqz-primary-bright) !important;
  background:
    linear-gradient(90deg, rgba(221, 121, 80, 0.16), rgba(221, 121, 80, 0.065)) !important;
  box-shadow: inset 0 0 0 1px rgba(221, 121, 80, 0.12);
}

html.fjqz-runtime-theme.dark .date-picker-divider {
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .date-picker-label {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .date-picker-input {
  color: var(--fjqz-text) !important;
  background-color: rgba(32, 33, 30, 0.94) !important;
  border-color: rgba(255, 238, 216, 0.13) !important;
}

html.fjqz-runtime-theme.dark .date-picker-input:hover {
  border-color: rgba(221, 121, 80, 0.28) !important;
}

html.fjqz-runtime-theme.dark .date-picker-input:focus {
  border-color: var(--fjqz-primary) !important;
  --tw-ring-color: rgba(221, 121, 80, 0.2) !important;
  box-shadow: 0 0 0 3px rgba(221, 121, 80, 0.11) !important;
}

html.fjqz-runtime-theme.dark .date-picker-input::-webkit-calendar-picker-indicator {
  filter: sepia(0.45) saturate(1.2) hue-rotate(326deg) brightness(1.18) !important;
}

html.fjqz-runtime-theme.dark .date-picker-apply {
  color: #fffaf5 !important;
  background: linear-gradient(135deg, var(--fjqz-primary-bright), var(--fjqz-primary-dark)) !important;
  border: 1px solid rgba(255, 238, 216, 0.12);
  box-shadow: 0 9px 24px rgba(166, 75, 48, 0.24);
}

html.fjqz-runtime-theme.dark .date-picker-apply:hover {
  background: linear-gradient(135deg, #f3a078, var(--fjqz-primary)) !important;
}

html.fjqz-runtime-theme.dark .dropdown,
html.fjqz-runtime-theme.dark .dropdown-menu,
html.fjqz-runtime-theme.dark [role="menu"] {
  background-color: rgba(26, 27, 25, 0.98) !important;
  border-color: rgba(255, 238, 216, 0.11) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42) !important;
}

html.fjqz-runtime-theme.dark .dropdown-item {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .dropdown-item:hover {
  color: var(--fjqz-text) !important;
  background-color: rgba(221, 121, 80, 0.09) !important;
}

html.fjqz-runtime-theme.dark .modal-overlay,
html.fjqz-runtime-theme.dark .dialog-overlay {
  background-color: rgba(3, 4, 3, 0.72) !important;
  backdrop-filter: blur(7px);
}

html.fjqz-runtime-theme.dark .modal-content,
html.fjqz-runtime-theme.dark .dialog-container {
  background:
    linear-gradient(145deg, rgba(221, 121, 80, 0.035), transparent 34%),
    var(--fjqz-panel) !important;
  border: 1px solid rgba(255, 238, 216, 0.11) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.56) !important;
}

html.fjqz-runtime-theme.dark .dialog-footer,
html.fjqz-runtime-theme.dark .modal-footer {
  background-color: rgba(8, 9, 8, 0.24) !important;
}

html.fjqz-runtime-theme.dark .tabs {
  background-color: rgba(8, 9, 8, 0.55) !important;
  border: 1px solid rgba(255, 238, 216, 0.08);
}

html.fjqz-runtime-theme.dark .tab {
  color: var(--fjqz-muted) !important;
}

html.fjqz-runtime-theme.dark .tab:hover {
  color: var(--fjqz-text) !important;
}

html.fjqz-runtime-theme.dark .tab-active {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.13) !important;
  box-shadow: inset 0 0 0 1px rgba(221, 121, 80, 0.18) !important;
}

html.fjqz-runtime-theme.dark .progress {
  background-color: rgba(255, 238, 216, 0.08) !important;
}

html.fjqz-runtime-theme.dark .progress-bar {
  background: linear-gradient(90deg, var(--fjqz-primary-dark), var(--fjqz-primary-bright)) !important;
}

html.fjqz-runtime-theme.dark .switch {
  background-color: var(--fjqz-panel-raised) !important;
}

html.fjqz-runtime-theme.dark .switch-active {
  background-color: var(--fjqz-primary) !important;
  box-shadow: 0 0 0 3px rgba(221, 121, 80, 0.1);
}

html.fjqz-runtime-theme.dark .switch-thumb {
  background-color: #fff4e5 !important;
}

html.fjqz-runtime-theme.dark .code {
  color: var(--fjqz-primary-bright) !important;
  background-color: rgba(221, 121, 80, 0.09) !important;
}

html.fjqz-runtime-theme.dark .code-block,
html.fjqz-runtime-theme.dark pre {
  color: #e8dfd2;
  background-color: #090a09 !important;
  border-color: rgba(255, 238, 216, 0.1) !important;
}

html.fjqz-runtime-theme.dark .divider {
  background-color: rgba(255, 238, 216, 0.09) !important;
}

html.fjqz-runtime-theme.dark .skeleton {
  background-color: var(--fjqz-panel-raised) !important;
}

html.fjqz-runtime-theme.dark .empty-state-icon {
  color: rgba(221, 121, 80, 0.34) !important;
}

html.fjqz-runtime-theme.dark .toast {
  background-color: rgba(26, 27, 25, 0.98) !important;
  border-top: 1px solid rgba(255, 238, 216, 0.08);
  border-right: 1px solid rgba(255, 238, 216, 0.08);
  border-bottom: 1px solid rgba(255, 238, 216, 0.08);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.4) !important;
}

html.fjqz-runtime-theme.dark a:focus-visible,
html.fjqz-runtime-theme.dark button:focus-visible,
html.fjqz-runtime-theme.dark input:focus-visible,
html.fjqz-runtime-theme.dark textarea:focus-visible,
html.fjqz-runtime-theme.dark select:focus-visible {
  outline-color: var(--fjqz-primary-bright);
}

html.fjqz-runtime-theme.dark {
  scrollbar-color: var(--fjqz-panel-raised) var(--fjqz-bg-deep);
}

html.fjqz-runtime-theme.dark ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html.fjqz-runtime-theme.dark ::-webkit-scrollbar-track {
  background: var(--fjqz-bg-deep);
}

html.fjqz-runtime-theme.dark ::-webkit-scrollbar-thumb {
  background: var(--fjqz-panel-raised);
  border: 2px solid var(--fjqz-bg-deep);
  border-radius: 999px;
}

html.fjqz-runtime-theme.dark ::-webkit-scrollbar-thumb:hover {
  background: var(--fjqz-primary-dark);
}

html.fjqz-runtime-theme.dark ::selection {
  background: rgba(221, 121, 80, 0.35);
  color: #fffaf5;
}