:root {
  --dc-black: #05070a;
  --dc-ink: #0a0d12;
  --dc-ink-2: #10151e;
  --dc-panel: #141b26;
  --dc-panel-2: #1b2432;
  --dc-panel-3: #222d3d;
  --dc-text: #f8ebcb;
  --dc-text-2: #f5e6c8;
  --dc-muted: #cdbb86;
  --dc-weak: #a99563;
  --dc-gold: #ffd66b;
  --dc-gold-2: #d7a63a;
  --dc-gold-3: #8d6820;
  --dc-red: #e05858;
  --dc-red-soft: #7e2f35;
  --dc-green: #35d48a;
  --dc-blue: #77a7ff;
  --dc-border: rgba(255, 204, 102, 0.25);
  --dc-border-strong: rgba(255, 214, 107, 0.48);
  --dc-glow: 0 0 18px rgba(255, 214, 107, 0.22);
  --dc-glow-strong: 0 0 26px rgba(255, 214, 107, 0.34);
  --dc-shadow: 0 18px 45px rgba(0, 0, 0, 0.36);
}

html,
body,
#app {
  min-height: 100%;
  color: var(--dc-text) !important;
  background-color: var(--dc-black) !important;
  background-image:
    radial-gradient(circle at 18% 10%, rgba(255, 214, 107, 0.16), transparent 26rem),
    radial-gradient(circle at 88% 0%, rgba(224, 88, 88, 0.08), transparent 22rem),
    linear-gradient(rgba(255, 214, 107, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 214, 107, 0.026) 1px, transparent 1px),
    linear-gradient(145deg, #05070a 0%, #0a0d12 48%, #100d08 100%) !important;
  background-size: auto, auto, 46px 46px, 46px 46px, auto !important;
}

body,
button,
input,
textarea,
select {
  color: var(--dc-text) !important;
}

a,
.n-a {
  color: var(--dc-gold) !important;
}

::selection {
  color: #201400;
  background: var(--dc-gold);
}

.layout,
.n-layout,
.layout-default-background,
.layout .layout-content,
.n-layout-scroll-container {
  color: var(--dc-text) !important;
  background: transparent !important;
}

.layout-content-main {
  background: transparent !important;
}

.main-view {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.14);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.1), transparent 18rem),
    linear-gradient(180deg, rgba(16, 21, 30, 0.96), rgba(8, 11, 16, 0.96)) !important;
  box-shadow: var(--dc-shadow), inset 0 1px 0 rgba(255, 240, 190, 0.05);
}

.layout .layout-sider,
.layout-side-drawer .layout-sider,
.n-layout-sider {
  color: var(--dc-text) !important;
  border-right: 1px solid var(--dc-border) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 214, 107, 0.16), transparent 12rem),
    linear-gradient(180deg, #07090d 0%, #0b1018 48%, #05070a 100%) !important;
  box-shadow: 8px 0 32px rgba(0, 0, 0, 0.42), inset -1px 0 0 rgba(255, 214, 107, 0.08) !important;
}

.layout .layout-sider::after,
.layout-side-drawer .layout-sider::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(135deg, rgba(255, 214, 107, 0.14) 8%, transparent 8%, transparent 50%, rgba(255, 214, 107, 0.12) 50%, rgba(255, 214, 107, 0.12) 58%, transparent 58%);
  background-size: 26px 26px;
}

.logo {
  border-bottom: 1px solid rgba(255, 214, 107, 0.18);
  background: linear-gradient(180deg, rgba(255, 214, 107, 0.1), rgba(255, 214, 107, 0.02)) !important;
}

.logo img,
.layout-header-left .logo img,
.n-avatar img {
  border-radius: 50%;
  filter: drop-shadow(0 0 10px rgba(255, 214, 107, 0.55));
}

.logo .title,
.layout-header-left .logo .title {
  color: var(--dc-gold) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 16px rgba(255, 214, 107, 0.42);
}

.n-menu {
  --n-item-text-color: var(--dc-muted) !important;
  --n-item-icon-color: var(--dc-muted) !important;
  --n-item-text-color-hover: var(--dc-gold) !important;
  --n-item-icon-color-hover: var(--dc-gold) !important;
  --n-item-text-color-active: var(--dc-gold) !important;
  --n-item-icon-color-active: var(--dc-gold) !important;
  --n-item-text-color-child-active: var(--dc-gold) !important;
  --n-item-icon-color-child-active: var(--dc-gold) !important;
  --n-item-color-hover: rgba(255, 214, 107, 0.1) !important;
  --n-item-color-active: rgba(255, 214, 107, 0.14) !important;
  --n-item-color-active-hover: rgba(255, 214, 107, 0.18) !important;
}

.n-menu .n-menu-item-content {
  position: relative;
  margin: 4px 9px !important;
  border-radius: 7px !important;
  overflow: hidden;
}

.n-menu .n-menu-item-content::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(110deg, transparent, rgba(255, 214, 107, 0.18), transparent);
  transform: translateX(-90%);
  transition: opacity 0.2s ease, transform 0.35s ease;
}

.n-menu .n-menu-item-content:hover::after,
.n-menu .n-menu-item-content--selected::after {
  opacity: 1;
  transform: translateX(90%);
}

.n-menu .n-menu-item-content:hover,
.n-menu .n-menu-item-content--selected,
.n-menu .n-menu-item-content--child-active {
  box-shadow: inset 3px 0 0 var(--dc-gold), var(--dc-glow) !important;
}

.n-menu .n-menu-item-content--disabled,
.n-menu .n-menu-item-content--disabled .n-menu-item-content-header,
.n-menu .n-menu-item-content--disabled .n-icon {
  color: var(--dc-weak) !important;
  opacity: 0.76 !important;
}

.layout-header,
.layout-header-light,
.n-layout-header {
  color: var(--dc-text) !important;
  border-bottom: 1px solid var(--dc-border) !important;
  background:
    linear-gradient(90deg, rgba(255, 214, 107, 0.07), transparent 22%),
    rgba(8, 11, 16, 0.96) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 -1px 0 rgba(255, 214, 107, 0.08) !important;
  backdrop-filter: blur(12px);
}

.layout-header *,
.layout-header-light * {
  color: inherit;
}

.layout-header .n-icon,
.layout-header-trigger,
.layout-header-trigger .n-icon,
.layout-header-light .n-icon {
  color: var(--dc-gold) !important;
}

.layout-header-trigger {
  border-left: 1px solid rgba(255, 214, 107, 0.08);
}

.layout-header-trigger:hover {
  color: var(--dc-gold) !important;
  background: rgba(255, 214, 107, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 214, 107, 0.1);
}

.layout-header-left .n-breadcrumb,
.layout-header-left .n-breadcrumb .n-breadcrumb-item,
.layout-header-left .n-breadcrumb .n-breadcrumb-item__link,
.layout-header-left .link-text,
.n-breadcrumb,
.n-breadcrumb-item,
.n-breadcrumb-item__link {
  color: var(--dc-muted) !important;
}

.layout-header-left .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link,
.layout-header-left .n-breadcrumb span:last-child .link-text {
  color: var(--dc-gold) !important;
  text-shadow: 0 0 10px rgba(255, 214, 107, 0.26);
}

.layout-header-right > div:first-child {
  border: 1px solid rgba(255, 214, 107, 0.2);
  border-radius: 8px;
  background: rgba(255, 214, 107, 0.06);
}

.layout-header-right span[style*="background-color:red"],
.layout-header-right span[style*="background-color: red"] {
  color: #fff4d8 !important;
  border: 1px solid rgba(255, 214, 107, 0.42) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9e2525, #6d2c14) !important;
  box-shadow: 0 0 14px rgba(224, 88, 88, 0.28) !important;
}

.inline-player,
.inline-player span {
  color: var(--dc-text) !important;
}

.inline-player .n-slider-rail {
  background: rgba(255, 214, 107, 0.16) !important;
}

.inline-player .n-slider-fill,
.inline-player .n-slider-handle {
  background: var(--dc-gold) !important;
  box-shadow: 0 0 12px rgba(255, 214, 107, 0.42) !important;
}

.tabs-view,
.tabs-view-default-background,
.tabs-view-dark-background {
  border-bottom: 1px solid rgba(255, 214, 107, 0.14);
  background: rgba(8, 11, 16, 0.95) !important;
}

.tabs-card-scroll-item {
  color: var(--dc-muted) !important;
  border: 1px solid rgba(255, 214, 107, 0.18);
  border-radius: 7px !important;
  background: rgba(20, 27, 38, 0.92) !important;
}

.tabs-card-scroll-item:hover,
.tabs-card-scroll .active-item {
  color: var(--dc-gold) !important;
  border-color: var(--dc-border-strong);
  background: rgba(255, 214, 107, 0.14) !important;
  box-shadow: var(--dc-glow);
}

.tabs-card-scroll-item .n-icon,
.tabs-card-prev .n-icon,
.tabs-card-next .n-icon,
.tabs-close .n-icon {
  color: var(--dc-muted) !important;
}

.tabs-card-scroll-item:hover .n-icon,
.tabs-card-scroll .active-item .n-icon {
  color: var(--dc-gold) !important;
}

.n-card {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(27, 36, 50, 0.96), rgba(16, 21, 30, 0.96)) !important;
  box-shadow: var(--dc-shadow), inset 0 1px 0 rgba(255, 240, 190, 0.05) !important;
}

.n-card:hover {
  border-color: rgba(255, 214, 107, 0.28) !important;
}

.n-card-header,
.n-card-header__main,
.n-card__content,
.n-dialog__title,
.n-drawer-header,
.n-modal-header {
  color: var(--dc-text) !important;
}

.n-card-header__main,
.n-dialog__title,
.n-drawer-header,
.n-modal-header {
  color: var(--dc-gold) !important;
}

.n-form-item-label,
.n-form-item-label__text,
.n-form-item-feedback-wrapper,
.n-form-item-feedback,
.n-form-item-blank,
.n-form-item {
  color: var(--dc-muted) !important;
}

.n-checkbox,
.n-checkbox *,
.n-checkbox__label,
.n-radio,
.n-radio *,
.n-radio__label {
  color: var(--dc-text-2) !important;
}

.n-input,
.n-base-selection,
.n-input .n-input-wrapper,
.n-base-selection .n-base-selection-label,
.n-input .n-input__border,
.n-base-selection .n-base-selection__border {
  border-radius: 7px !important;
}

.n-input,
.n-base-selection {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.24) !important;
  background: rgba(16, 21, 30, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.04) !important;
}

.n-input .n-input-wrapper,
.n-base-selection .n-base-selection-label {
  background: transparent !important;
}

.n-input:hover,
.n-input.n-input--focus,
.n-base-selection:hover,
.n-base-selection.n-base-selection--active {
  border-color: rgba(255, 214, 107, 0.62) !important;
  box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.11), 0 0 18px rgba(255, 214, 107, 0.1) !important;
}

.n-input input,
.n-input textarea,
.n-input .n-input__input-el,
.n-input .n-input__textarea-el,
.n-base-selection-input,
.n-base-selection-placeholder,
.n-base-selection-input__content,
.n-base-selection .n-base-selection-label,
.n-base-selection .n-base-selection__render-label {
  color: var(--dc-text) !important;
  caret-color: var(--dc-gold) !important;
}

.n-input input::placeholder,
.n-input textarea::placeholder,
.n-base-selection-placeholder {
  color: var(--dc-weak) !important;
  opacity: 1 !important;
}

.n-input.n-input--disabled,
.n-base-selection.n-base-selection--disabled,
.n-input.n-input--disabled *,
.n-base-selection.n-base-selection--disabled * {
  color: #9e8e65 !important;
  opacity: 1 !important;
}

.n-button {
  border-radius: 7px !important;
  font-weight: 600 !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease !important;
}

.n-button:not(.n-button--disabled):hover {
  transform: translateY(-1px);
}

.n-button--primary-type,
.n-button[type="primary"] {
  color: #1f1400 !important;
  border-color: rgba(255, 214, 107, 0.72) !important;
  background: linear-gradient(135deg, #d59b25, #ffd66b) !important;
  box-shadow: 0 8px 22px rgba(255, 214, 107, 0.22) !important;
}

.n-button--primary-type:hover,
.n-button[type="primary"]:hover {
  box-shadow: 0 0 0 1px rgba(255, 214, 107, 0.28), 0 0 22px rgba(255, 214, 107, 0.38) !important;
}

.n-button--info-type {
  color: var(--dc-gold) !important;
  border-color: rgba(255, 214, 107, 0.46) !important;
  background: rgba(10, 13, 18, 0.82) !important;
  box-shadow: 0 0 14px rgba(255, 214, 107, 0.12) !important;
}

.n-button--warning-type {
  color: #1f1400 !important;
  border-color: rgba(255, 214, 107, 0.72) !important;
  background: linear-gradient(135deg, #b77d1d, #e6b64b) !important;
  box-shadow: 0 0 18px rgba(255, 214, 107, 0.2) !important;
}

.n-button--error-type {
  color: #ffe2e2 !important;
  border-color: rgba(224, 88, 88, 0.72) !important;
  background: linear-gradient(135deg, #70262c, #9d3838) !important;
  box-shadow: 0 0 16px rgba(224, 88, 88, 0.18) !important;
}

.n-button--success-type {
  color: #e8fff2 !important;
  border-color: rgba(53, 212, 138, 0.62) !important;
  background: linear-gradient(135deg, #226845, #2d8a5d) !important;
  box-shadow: 0 0 16px rgba(53, 212, 138, 0.16) !important;
}

.n-button--tertiary-type,
.n-button--default-type {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.22) !important;
}

.n-button--disabled,
.n-button--disabled *,
.n-button[disabled],
.n-button[disabled] * {
  color: #9e8e65 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.n-button__border,
.n-button__state-border {
  border-color: currentColor !important;
}

.n-data-table {
  --n-td-color: rgba(20, 27, 38, 0.98) !important;
  --n-td-color-hover: rgba(37, 43, 51, 0.98) !important;
  --n-th-color: rgba(10, 13, 18, 0.98) !important;
  --n-border-color: rgba(255, 204, 102, 0.16) !important;
  --n-th-text-color: var(--dc-gold) !important;
  --n-td-text-color: var(--dc-text) !important;
  --n-td-color-striped: rgba(24, 32, 44, 0.98) !important;
  --n-merged-border-color: rgba(255, 204, 102, 0.16) !important;
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: rgba(12, 16, 23, 0.98) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.n-data-table .n-data-table-th {
  color: var(--dc-gold) !important;
  font-weight: 700 !important;
  border-color: rgba(255, 204, 102, 0.18) !important;
  background: linear-gradient(180deg, #14100a, #0a0d12) !important;
  text-shadow: 0 0 12px rgba(255, 214, 107, 0.22);
}

.n-data-table .n-data-table-td,
.n-data-table .n-data-table-td *,
.n-data-table .n-data-table-tr,
.n-data-table .n-data-table-empty {
  color: var(--dc-text) !important;
}

.n-data-table .n-data-table-td {
  border-color: rgba(255, 204, 102, 0.11) !important;
}

.n-data-table .n-data-table-tr {
  transition: background-color 0.16s ease, box-shadow 0.16s ease !important;
}

.n-data-table .n-data-table-tr:hover {
  background: rgba(37, 43, 51, 0.98) !important;
  box-shadow: inset 3px 0 0 var(--dc-gold), inset 0 0 0 1px rgba(255, 214, 107, 0.18), 0 0 16px rgba(255, 214, 107, 0.1) !important;
}

.n-data-table .n-data-table-td img {
  border: 1px solid rgba(255, 204, 102, 0.26);
  border-radius: 6px;
  background: var(--dc-ink);
  box-shadow: 0 0 12px rgba(255, 214, 107, 0.1);
}

.n-data-table .n-data-table-td:nth-child(4),
.n-data-table .n-data-table-td:nth-child(8),
.n-data-table .n-data-table-td:nth-child(10) {
  color: var(--dc-gold) !important;
  font-weight: 650;
}

.n-empty,
.n-empty *,
.n-data-table-empty,
.n-data-table-empty * {
  color: var(--dc-muted) !important;
}

.n-spin,
.n-spin * {
  color: var(--dc-gold) !important;
}

.n-tag {
  border-radius: 999px !important;
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.24) !important;
  background: rgba(255, 214, 107, 0.08) !important;
}

.n-tag--success-type {
  color: #c7ffdf !important;
  border-color: rgba(53, 212, 138, 0.5) !important;
  background: rgba(53, 212, 138, 0.14) !important;
  box-shadow: 0 0 13px rgba(53, 212, 138, 0.12);
}

.n-tag--warning-type {
  color: #fff2c0 !important;
  border-color: rgba(255, 214, 107, 0.5) !important;
  background: rgba(255, 214, 107, 0.14) !important;
}

.n-tag--error-type {
  color: #ffd6d6 !important;
  border-color: rgba(224, 88, 88, 0.5) !important;
  background: rgba(224, 88, 88, 0.14) !important;
}

.n-pagination,
.n-pagination *,
.table-toolbar,
.table-toolbar-left,
.table-toolbar-right,
.table-toolbar-left-title,
.table-toolbar-right-icon {
  color: var(--dc-text) !important;
}

.table-toolbar-right-icon:hover,
.table-toolbar-right-icon:hover * {
  color: var(--dc-gold) !important;
  filter: drop-shadow(0 0 8px rgba(255, 214, 107, 0.35));
}

.n-pagination .n-pagination-item,
.n-pagination .n-base-selection {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.22) !important;
  background: rgba(20, 27, 38, 0.94) !important;
}

.n-pagination .n-pagination-item:hover,
.n-pagination .n-pagination-item--active {
  color: #1f1400 !important;
  border-color: rgba(255, 214, 107, 0.7) !important;
  background: linear-gradient(135deg, #d59b25, #ffd66b) !important;
}

.n-pagination .n-pagination-item--disabled,
.n-pagination .n-pagination-item--disabled * {
  color: #9e8e65 !important;
  opacity: 1 !important;
}

.n-card.n-modal,
.n-dialog,
.n-drawer-content,
.n-popover:not(.n-tooltip) {
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.09), transparent 16rem),
    linear-gradient(180deg, #1b2432, #0f141c) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255, 214, 107, 0.05) inset !important;
}

.n-modal-mask,
.n-dialog-mask {
  background-color: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(4px);
}

.n-card.n-modal *,
.n-dialog *,
.n-drawer-content *,
.n-popover:not(.n-tooltip) * {
  color: inherit;
}

.modal-content {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.28) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #1b2432, #111722) !important;
  box-shadow: var(--dc-shadow), var(--dc-glow) !important;
}

.input-field {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.28) !important;
  background: rgba(16, 21, 30, 0.96) !important;
}

.input-field::placeholder {
  color: var(--dc-weak) !important;
  opacity: 1 !important;
}

.input-field:focus {
  border-color: rgba(255, 214, 107, 0.64) !important;
  box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.12), var(--dc-glow) !important;
}

.n-dropdown-menu,
.n-base-select-menu,
.n-date-panel,
.n-popover-shared,
.n-popover:not(.n-tooltip) {
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
  background: #111722 !important;
}

.n-dropdown-option,
.n-dropdown-option *,
.n-base-select-option,
.n-base-select-option *,
.n-date-panel .n-date-panel-date,
.n-date-panel * {
  color: var(--dc-text) !important;
}

.n-dropdown-option:hover,
.n-dropdown-option:hover *,
.n-base-select-option:hover,
.n-base-select-option:hover *,
.n-base-select-option--pending,
.n-base-select-option--selected {
  color: var(--dc-gold) !important;
  background: rgba(255, 214, 107, 0.12) !important;
}

.n-dropdown-option--disabled,
.n-dropdown-option--disabled *,
.n-base-select-option--disabled,
.n-base-select-option--disabled * {
  color: #9e8e65 !important;
  opacity: 1 !important;
  background: transparent !important;
}

.n-tooltip,
.n-popover.n-tooltip {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 214, 107, 0.26) !important;
  background: #0a0d12 !important;
  box-shadow: var(--dc-glow), 0 12px 32px rgba(0, 0, 0, 0.36) !important;
}

.n-tooltip *,
.n-popover.n-tooltip * {
  color: var(--dc-text) !important;
}

.n-alert,
.n-message,
.n-notification {
  color: var(--dc-text) !important;
  border-color: var(--dc-border) !important;
  background: #141b26 !important;
}

.n-alert *,
.n-message *,
.n-notification * {
  color: inherit !important;
}

.n-switch .n-switch__rail {
  border: 1px solid rgba(255, 204, 102, 0.2) !important;
  background: rgba(10, 13, 18, 0.92) !important;
}

.n-switch.n-switch--active .n-switch__rail {
  background: rgba(255, 214, 107, 0.34) !important;
}

/* Detail/control pages and app-builder pages use scoped local CSS; keep this as
   visual-only overrides so their existing event handlers and layouts stay intact. */
.n-descriptions,
.n-descriptions *,
.n-tabs {
  color: var(--dc-text) !important;
}

.n-descriptions {
  --n-th-color: rgba(10, 13, 18, 0.98) !important;
  --n-td-color: rgba(20, 27, 38, 0.98) !important;
  --n-label-text-color: var(--dc-gold) !important;
  --n-content-text-color: var(--dc-text) !important;
  --n-border-color: rgba(255, 204, 102, 0.18) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: rgba(12, 16, 23, 0.98) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.04), 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.n-descriptions-table,
.n-descriptions-table-wrapper,
.n-descriptions-table-content,
.n-descriptions-table-content__label,
.n-descriptions-table-content__content {
  border-color: rgba(255, 204, 102, 0.18) !important;
  background: rgba(20, 27, 38, 0.98) !important;
}

.n-descriptions-table-content__label {
  color: var(--dc-gold) !important;
  background: rgba(10, 13, 18, 0.98) !important;
  text-shadow: 0 0 10px rgba(255, 214, 107, 0.22);
}

.n-descriptions-table-content__content {
  color: var(--dc-text) !important;
}

.n-tabs {
  --n-tab-text-color: var(--dc-muted) !important;
  --n-tab-text-color-active: var(--dc-gold) !important;
  --n-tab-text-color-hover: var(--dc-gold) !important;
  --n-bar-color: var(--dc-gold) !important;
  --n-pane-text-color: var(--dc-text) !important;
}

.n-tabs-nav,
.n-tabs .n-tabs-nav-scroll-wrapper,
.n-tabs .n-tabs-nav__line {
  border-color: rgba(255, 204, 102, 0.24) !important;
  background: rgba(8, 11, 16, 0.76) !important;
}

.n-tabs-tab {
  color: var(--dc-muted) !important;
  border-radius: 7px 7px 0 0 !important;
}

.n-tabs-tab:hover,
.n-tabs-tab:hover *,
.n-tabs-tab.n-tabs-tab--active,
.n-tabs-tab.n-tabs-tab--active * {
  color: var(--dc-gold) !important;
  text-shadow: 0 0 12px rgba(255, 214, 107, 0.28);
}

.n-tabs-tab.n-tabs-tab--disabled,
.n-tabs-tab.n-tabs-tab--disabled * {
  color: var(--dc-weak) !important;
  opacity: 1 !important;
}

.n-tabs-bar {
  background: var(--dc-gold) !important;
  box-shadow: var(--dc-glow);
}

.n-tab-pane,
.n-tabs-pane-wrapper {
  color: var(--dc-text) !important;
  background: transparent !important;
}

.n-thing,
.n-thing-main,
.n-thing-header,
.n-thing-header__title {
  color: var(--dc-text) !important;
}

.n-thing-header__title {
  color: var(--dc-gold) !important;
}

.n-thing-main__description,
.n-thing-main__description * {
  color: var(--dc-muted) !important;
}

.proCard,
.proCard.n-card,
.n-card.proCard {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.08), transparent 12rem),
    linear-gradient(180deg, rgba(20, 27, 38, 0.98), rgba(10, 13, 18, 0.98)) !important;
  box-shadow: var(--dc-shadow), inset 0 1px 0 rgba(255, 240, 190, 0.05) !important;
}

.thing-cell[data-v-9a915ab9] {
  margin: 0 -10px 10px !important;
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.14) !important;
  border-radius: 7px !important;
  background: rgba(10, 13, 18, 0.72) !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

.thing-cell[data-v-9a915ab9]:hover {
  color: var(--dc-gold) !important;
  border-color: rgba(255, 214, 107, 0.46) !important;
  background: rgba(255, 214, 107, 0.1) !important;
  box-shadow: inset 3px 0 0 var(--dc-gold), var(--dc-glow) !important;
}

.thing-cell-on[data-v-9a915ab9],
.thing-cell-on[data-v-9a915ab9]:hover {
  color: var(--dc-gold) !important;
  border-color: rgba(255, 214, 107, 0.58) !important;
  background:
    linear-gradient(90deg, rgba(255, 214, 107, 0.22), rgba(255, 214, 107, 0.08)) !important;
  box-shadow: inset 4px 0 0 var(--dc-gold), var(--dc-glow-strong) !important;
}

.thing-cell[data-v-9a915ab9] .n-thing-header__title,
.thing-cell-on[data-v-9a915ab9] .n-thing-main .n-thing-header .n-thing-header__title {
  color: var(--dc-gold) !important;
}

.thing-cell[data-v-9a915ab9] .n-thing-main__description,
.thing-cell[data-v-9a915ab9] .n-thing-main__description * {
  color: var(--dc-muted) !important;
}

#app [style*="color:#666"],
#app [style*="color: #666"] {
  color: var(--dc-muted) !important;
}

#app [style*="border:1px solid #ccc"],
#app [style*="border: 1px solid #ccc"] {
  border-color: rgba(255, 204, 102, 0.32) !important;
}

#app .n-card table,
#app .n-tab-pane table,
#app .n-tabs-pane-wrapper table,
#app .log-viewer table {
  width: 100%;
  color: var(--dc-text) !important;
  border-collapse: collapse;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(12, 16, 23, 0.98) !important;
}

#app .n-card thead,
#app .n-tab-pane thead,
#app .n-tabs-pane-wrapper thead,
#app .log-viewer thead {
  background: linear-gradient(180deg, #14100a, #0a0d12) !important;
}

#app .n-card th,
#app .n-tab-pane th,
#app .n-tabs-pane-wrapper th,
#app .log-viewer th {
  color: var(--dc-gold) !important;
  font-weight: 700 !important;
  text-align: left;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  background: transparent !important;
  text-shadow: 0 0 12px rgba(255, 214, 107, 0.22);
}

#app .n-card td,
#app .n-tab-pane td,
#app .n-tabs-pane-wrapper td,
#app .log-viewer td {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.12) !important;
  background: rgba(20, 27, 38, 0.96) !important;
}

#app .n-card tr:hover td,
#app .n-tab-pane tr:hover td,
#app .n-tabs-pane-wrapper tr:hover td,
#app .log-viewer tr:hover td {
  color: var(--dc-text) !important;
  background: rgba(37, 43, 51, 0.98) !important;
  box-shadow: inset 3px 0 0 var(--dc-gold);
}

.log-viewer[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.24) !important;
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.08), transparent 14rem),
    rgba(8, 11, 16, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.05), 0 14px 34px rgba(0, 0, 0, 0.24);
}

.log-line[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  background: rgba(20, 27, 38, 0.96) !important;
  box-shadow: 0 0 12px rgba(255, 214, 107, 0.08) !important;
}

.file-item[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.18) !important;
  background:
    linear-gradient(90deg, rgba(255, 214, 107, 0.08), rgba(20, 27, 38, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.04);
}

.file-item[data-v-fc0266af]:hover {
  color: var(--dc-text) !important;
  border-color: rgba(255, 214, 107, 0.46) !important;
  background: rgba(37, 43, 51, 0.98) !important;
  box-shadow: inset 3px 0 0 var(--dc-gold), var(--dc-glow) !important;
}

.file-item strong[data-v-fc0266af] {
  color: var(--dc-text) !important;
  text-shadow: 0 0 10px rgba(255, 214, 107, 0.16);
}

.file-item span[data-v-fc0266af] {
  color: var(--dc-muted) !important;
}

.file-item[data-v-fc0266af]:hover strong,
.file-item[data-v-fc0266af]:hover span {
  color: var(--dc-text) !important;
}

.inner-sidebar[data-v-fc0266af],
.image-wrapper[data-v-fc0266af],
.image-slot[data-v-fc0266af],
.screenlayers[data-v-fc0266af] {
  border: 1px solid rgba(255, 204, 102, 0.2);
  border-radius: 8px;
  background: rgba(5, 7, 10, 0.96) !important;
  box-shadow: 0 0 18px rgba(255, 214, 107, 0.08);
}

.image-content[data-v-fc0266af],
.screenlayers img[data-v-fc0266af] {
  border-radius: 7px;
  background: #000 !important;
}

.button-row[data-v-fc0266af],
.button-container[data-v-fc0266af],
.image2-input-wrapper[data-v-fc0266af] {
  color: var(--dc-text) !important;
}

.n-progress,
.n-progress * {
  color: var(--dc-text) !important;
}

.n-progress .n-progress-text,
.n-progress .n-progress-text * {
  color: var(--dc-gold) !important;
}

.first-loading-wrap {
  background:
    radial-gradient(circle at center, rgba(255, 214, 107, 0.16), transparent 18rem),
    var(--dc-black) !important;
}

.dot i {
  background-color: var(--dc-gold) !important;
  box-shadow: 0 0 12px rgba(255, 214, 107, 0.62);
}

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

::-webkit-scrollbar-track {
  background: #05070a;
}

::-webkit-scrollbar-thumb {
  border: 2px solid #05070a;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 214, 107, 0.72), rgba(141, 104, 32, 0.72));
}

@media (max-width: 900px) {
  .main-view {
    border-radius: 7px;
  }

  .inline-player {
    max-width: 48vw;
    overflow: hidden;
  }

  .layout-header-right > div:first-child {
    max-width: 52vw;
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 2026-06-27: dual theme polish. Business JS and component structure stay untouched. */
html[data-dragon-theme="dark"] {
  --dc-black: #05070a;
  --dc-ink: #0a0d12;
  --dc-ink-2: #10151e;
  --dc-panel: #141b26;
  --dc-panel-2: #1b2432;
  --dc-panel-3: #222d3d;
  --dc-text: #f8ebcb;
  --dc-text-2: #f5e6c8;
  --dc-muted: #cdbb86;
  --dc-weak: #a99563;
  --dc-gold: #ffd66b;
  --dc-gold-2: #d7a63a;
  --dc-gold-3: #8d6820;
  --dc-red: #e05858;
  --dc-red-soft: #7e2f35;
  --dc-green: #35d48a;
  --dc-blue: #77a7ff;
  --dc-border: rgba(255, 204, 102, 0.25);
  --dc-border-strong: rgba(255, 214, 107, 0.48);
  --dc-glow: 0 0 18px rgba(255, 214, 107, 0.22);
  --dc-glow-strong: 0 0 26px rgba(255, 214, 107, 0.34);
  --dc-shadow: 0 18px 45px rgba(0, 0, 0, 0.36);
}

html[data-dragon-theme="light"] {
  --dc-black: #edf4ff;
  --dc-ink: #f7fbff;
  --dc-ink-2: #eef5ff;
  --dc-panel: #ffffff;
  --dc-panel-2: #f5f9ff;
  --dc-panel-3: #e8f1ff;
  --dc-text: #172033;
  --dc-text-2: #243149;
  --dc-muted: #4f617c;
  --dc-weak: #76869e;
  --dc-gold: #9b6a10;
  --dc-gold-2: #d39725;
  --dc-gold-3: #ffcf5a;
  --dc-red: #be303a;
  --dc-red-soft: #fff0f0;
  --dc-green: #0f8a55;
  --dc-blue: #1463d6;
  --dc-border: rgba(38, 84, 145, 0.18);
  --dc-border-strong: rgba(178, 122, 21, 0.44);
  --dc-glow: 0 0 20px rgba(211, 151, 37, 0.2);
  --dc-glow-strong: 0 0 30px rgba(20, 99, 214, 0.22);
  --dc-shadow: 0 18px 45px rgba(35, 64, 108, 0.16);
}

html[data-dragon-theme="light"],
html[data-dragon-theme="light"] body,
html[data-dragon-theme="light"] #app {
  color: var(--dc-text) !important;
  background-color: var(--dc-black) !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 207, 90, 0.28), transparent 26rem),
    radial-gradient(circle at 82% 4%, rgba(20, 99, 214, 0.18), transparent 24rem),
    linear-gradient(rgba(20, 99, 214, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 99, 214, 0.035) 1px, transparent 1px),
    linear-gradient(145deg, #f9fcff 0%, #edf4ff 52%, #fff8e7 100%) !important;
  background-size: auto, auto, 42px 42px, 42px 42px, auto !important;
}

html[data-dragon-theme="light"] body,
html[data-dragon-theme="light"] button,
html[data-dragon-theme="light"] input,
html[data-dragon-theme="light"] textarea,
html[data-dragon-theme="light"] select,
html[data-dragon-theme="light"] a,
html[data-dragon-theme="light"] span,
html[data-dragon-theme="light"] div,
html[data-dragon-theme="light"] label,
html[data-dragon-theme="light"] th,
html[data-dragon-theme="light"] td {
  color: inherit;
}

html[data-dragon-theme="light"] a,
html[data-dragon-theme="light"] .n-a {
  color: var(--dc-blue) !important;
}

html[data-dragon-theme="light"] ::selection {
  color: #07172f;
  background: #ffe08a;
}

html[data-dragon-theme="light"] .layout,
html[data-dragon-theme="light"] .n-layout,
html[data-dragon-theme="light"] .layout-default-background,
html[data-dragon-theme="light"] .layout .layout-content,
html[data-dragon-theme="light"] .n-layout-scroll-container,
html[data-dragon-theme="light"] .layout-content-main {
  color: var(--dc-text) !important;
  background: transparent !important;
}

html[data-dragon-theme="light"] .main-view {
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.16) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 207, 90, 0.2), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 248, 255, 0.96)) !important;
  box-shadow: var(--dc-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html[data-dragon-theme="light"] .layout .layout-sider,
html[data-dragon-theme="light"] .layout-side-drawer .layout-sider,
html[data-dragon-theme="light"] .n-layout-sider {
  color: var(--dc-text) !important;
  border-right: 1px solid rgba(178, 122, 21, 0.24) !important;
  background:
    radial-gradient(circle at 48% 0%, rgba(255, 207, 90, 0.34), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(236, 245, 255, 0.98)) !important;
  box-shadow: 9px 0 34px rgba(35, 64, 108, 0.13), inset -1px 0 0 rgba(178, 122, 21, 0.12) !important;
}

html[data-dragon-theme="light"] .layout .layout-sider::after,
html[data-dragon-theme="light"] .layout-side-drawer .layout-sider::after {
  opacity: 0.18;
  background-image:
    linear-gradient(135deg, rgba(178, 122, 21, 0.16) 8%, transparent 8%, transparent 50%, rgba(20, 99, 214, 0.12) 50%, rgba(20, 99, 214, 0.12) 58%, transparent 58%) !important;
}

html[data-dragon-theme="light"] .logo {
  border-bottom-color: rgba(178, 122, 21, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(255, 207, 90, 0.26), rgba(255, 255, 255, 0.1)) !important;
}

html[data-dragon-theme="light"] .logo img,
html[data-dragon-theme="light"] .layout-header-left .logo img,
html[data-dragon-theme="light"] .n-avatar img {
  filter: drop-shadow(0 0 10px rgba(178, 122, 21, 0.45));
}

html[data-dragon-theme="light"] .logo .title,
html[data-dragon-theme="light"] .layout-header-left .logo .title {
  color: #83540a !important;
  text-shadow: 0 0 15px rgba(255, 207, 90, 0.45);
}

html[data-dragon-theme="light"] .n-menu {
  --n-item-text-color: #4f617c !important;
  --n-item-icon-color: #4f617c !important;
  --n-item-text-color-hover: #8b5b0c !important;
  --n-item-icon-color-hover: #8b5b0c !important;
  --n-item-text-color-active: #7b4f07 !important;
  --n-item-icon-color-active: #7b4f07 !important;
  --n-item-text-color-child-active: #7b4f07 !important;
  --n-item-icon-color-child-active: #7b4f07 !important;
  --n-item-color-hover: rgba(255, 207, 90, 0.22) !important;
  --n-item-color-active: rgba(255, 207, 90, 0.28) !important;
  --n-item-color-active-hover: rgba(255, 207, 90, 0.34) !important;
}

html[data-dragon-theme="light"] .n-menu .n-menu-item-content:hover,
html[data-dragon-theme="light"] .n-menu .n-menu-item-content--selected,
html[data-dragon-theme="light"] .n-menu .n-menu-item-content--child-active {
  color: #7b4f07 !important;
  box-shadow: inset 3px 0 0 #d39725, 0 0 20px rgba(211, 151, 37, 0.22) !important;
}

html[data-dragon-theme="light"] .n-menu .n-menu-item-content::after {
  background: linear-gradient(110deg, transparent, rgba(255, 207, 90, 0.34), transparent) !important;
}

html[data-dragon-theme="light"] .layout-header,
html[data-dragon-theme="light"] .layout-header-light,
html[data-dragon-theme="light"] .n-layout-header {
  color: var(--dc-text) !important;
  border-bottom: 1px solid rgba(178, 122, 21, 0.22) !important;
  background:
    linear-gradient(90deg, rgba(255, 207, 90, 0.18), rgba(20, 99, 214, 0.08) 34%, rgba(255, 255, 255, 0.88)) !important;
  box-shadow: 0 14px 34px rgba(35, 64, 108, 0.13), inset 0 -1px 0 rgba(178, 122, 21, 0.12) !important;
}

html[data-dragon-theme="light"] .layout-header *,
html[data-dragon-theme="light"] .layout-header-light * {
  color: inherit;
}

html[data-dragon-theme="light"] .layout-header .n-icon,
html[data-dragon-theme="light"] .layout-header-trigger,
html[data-dragon-theme="light"] .layout-header-trigger .n-icon,
html[data-dragon-theme="light"] .layout-header-light .n-icon {
  color: #8b5b0c !important;
}

html[data-dragon-theme="light"] .layout-header-trigger:hover {
  background: rgba(255, 207, 90, 0.24) !important;
  box-shadow: inset 0 0 0 1px rgba(178, 122, 21, 0.16), 0 0 18px rgba(211, 151, 37, 0.2) !important;
}

html[data-dragon-theme="light"] .layout-header-left .n-breadcrumb,
html[data-dragon-theme="light"] .layout-header-left .n-breadcrumb .n-breadcrumb-item,
html[data-dragon-theme="light"] .layout-header-left .n-breadcrumb .n-breadcrumb-item__link,
html[data-dragon-theme="light"] .layout-header-left .link-text,
html[data-dragon-theme="light"] .n-breadcrumb,
html[data-dragon-theme="light"] .n-breadcrumb-item,
html[data-dragon-theme="light"] .n-breadcrumb-item__link {
  color: #53637a !important;
}

html[data-dragon-theme="light"] .layout-header-left .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link,
html[data-dragon-theme="light"] .layout-header-left .n-breadcrumb span:last-child .link-text {
  color: #8b5b0c !important;
  text-shadow: 0 0 12px rgba(255, 207, 90, 0.48);
}

html[data-dragon-theme="light"] .layout-header-right > div:first-child {
  border-color: rgba(178, 122, 21, 0.2) !important;
  background: rgba(255, 255, 255, 0.52) !important;
}

html[data-dragon-theme="light"] .layout-header-right span[style*="background-color:red"],
html[data-dragon-theme="light"] .layout-header-right span[style*="background-color: red"] {
  color: #fff9e8 !important;
  border-color: rgba(178, 122, 21, 0.42) !important;
  background: linear-gradient(135deg, #b92f36, #8b5b0c) !important;
  box-shadow: 0 0 18px rgba(190, 48, 58, 0.24) !important;
}

html[data-dragon-theme="light"] .inline-player,
html[data-dragon-theme="light"] .inline-player span,
html[data-dragon-theme="light"] .table-toolbar,
html[data-dragon-theme="light"] .table-toolbar *,
html[data-dragon-theme="light"] .n-pagination,
html[data-dragon-theme="light"] .n-pagination * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .inline-player .n-slider-rail {
  background: rgba(38, 84, 145, 0.14) !important;
}

html[data-dragon-theme="light"] .inline-player .n-slider-fill,
html[data-dragon-theme="light"] .inline-player .n-slider-handle {
  background: linear-gradient(135deg, #1463d6, #ffcf5a) !important;
  box-shadow: 0 0 14px rgba(20, 99, 214, 0.25) !important;
}

html[data-dragon-theme="light"] .tabs-view,
html[data-dragon-theme="light"] .tabs-view-default-background,
html[data-dragon-theme="light"] .tabs-view-dark-background {
  border-bottom-color: rgba(38, 84, 145, 0.16) !important;
  background: rgba(247, 251, 255, 0.92) !important;
}

html[data-dragon-theme="light"] .tabs-card-scroll-item {
  color: #52627a !important;
  border-color: rgba(38, 84, 145, 0.16) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html[data-dragon-theme="light"] .tabs-card-scroll-item:hover,
html[data-dragon-theme="light"] .tabs-card-scroll .active-item {
  color: #7b4f07 !important;
  border-color: rgba(178, 122, 21, 0.42) !important;
  background: linear-gradient(135deg, rgba(255, 207, 90, 0.32), rgba(255, 255, 255, 0.86)) !important;
  box-shadow: var(--dc-glow) !important;
}

html[data-dragon-theme="light"] .tabs-card-scroll-item .n-icon,
html[data-dragon-theme="light"] .tabs-card-prev .n-icon,
html[data-dragon-theme="light"] .tabs-card-next .n-icon,
html[data-dragon-theme="light"] .tabs-close .n-icon {
  color: #61718a !important;
}

html[data-dragon-theme="light"] .tabs-card-scroll-item:hover .n-icon,
html[data-dragon-theme="light"] .tabs-card-scroll .active-item .n-icon {
  color: #8b5b0c !important;
}

html[data-dragon-theme="light"] .n-card,
html[data-dragon-theme="light"] .proCard,
html[data-dragon-theme="light"] .proCard.n-card,
html[data-dragon-theme="light"] .n-card.proCard {
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 207, 90, 0.2), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 255, 0.96)) !important;
  box-shadow: var(--dc-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html[data-dragon-theme="light"] .n-card:hover,
html[data-dragon-theme="light"] .proCard:hover {
  border-color: rgba(178, 122, 21, 0.28) !important;
}

html[data-dragon-theme="light"] .n-card-header,
html[data-dragon-theme="light"] .n-card-header__main,
html[data-dragon-theme="light"] .n-card__content,
html[data-dragon-theme="light"] .n-dialog__title,
html[data-dragon-theme="light"] .n-drawer-header,
html[data-dragon-theme="light"] .n-modal-header,
html[data-dragon-theme="light"] .n-thing,
html[data-dragon-theme="light"] .n-thing-main,
html[data-dragon-theme="light"] .n-thing-header {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-card-header__main,
html[data-dragon-theme="light"] .n-dialog__title,
html[data-dragon-theme="light"] .n-drawer-header,
html[data-dragon-theme="light"] .n-modal-header,
html[data-dragon-theme="light"] .n-thing-header__title {
  color: #8b5b0c !important;
  text-shadow: 0 0 10px rgba(255, 207, 90, 0.34);
}

html[data-dragon-theme="light"] .n-form-item-label,
html[data-dragon-theme="light"] .n-form-item-label__text,
html[data-dragon-theme="light"] .n-form-item-feedback-wrapper,
html[data-dragon-theme="light"] .n-form-item-feedback,
html[data-dragon-theme="light"] .n-form-item-blank,
html[data-dragon-theme="light"] .n-form-item,
html[data-dragon-theme="light"] .n-thing-main__description,
html[data-dragon-theme="light"] .n-thing-main__description * {
  color: #4f617c !important;
}

html[data-dragon-theme="light"] .n-checkbox,
html[data-dragon-theme="light"] .n-checkbox *,
html[data-dragon-theme="light"] .n-checkbox__label,
html[data-dragon-theme="light"] .n-radio,
html[data-dragon-theme="light"] .n-radio *,
html[data-dragon-theme="light"] .n-radio__label {
  color: var(--dc-text-2) !important;
}

html[data-dragon-theme="light"] .n-input,
html[data-dragon-theme="light"] .n-base-selection,
html[data-dragon-theme="light"] .input-field {
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.2) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(35, 64, 108, 0.06) !important;
}

html[data-dragon-theme="light"] .n-input .n-input-wrapper,
html[data-dragon-theme="light"] .n-base-selection .n-base-selection-label {
  background: transparent !important;
}

html[data-dragon-theme="light"] .n-input:hover,
html[data-dragon-theme="light"] .n-input.n-input--focus,
html[data-dragon-theme="light"] .n-base-selection:hover,
html[data-dragon-theme="light"] .n-base-selection.n-base-selection--active,
html[data-dragon-theme="light"] .input-field:focus {
  border-color: rgba(178, 122, 21, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(255, 207, 90, 0.22), 0 0 20px rgba(20, 99, 214, 0.12) !important;
}

html[data-dragon-theme="light"] .n-input input,
html[data-dragon-theme="light"] .n-input textarea,
html[data-dragon-theme="light"] .n-input .n-input__input-el,
html[data-dragon-theme="light"] .n-input .n-input__textarea-el,
html[data-dragon-theme="light"] .n-base-selection-input,
html[data-dragon-theme="light"] .n-base-selection-placeholder,
html[data-dragon-theme="light"] .n-base-selection-input__content,
html[data-dragon-theme="light"] .n-base-selection .n-base-selection-label,
html[data-dragon-theme="light"] .n-base-selection .n-base-selection__render-label {
  color: var(--dc-text) !important;
  caret-color: #1463d6 !important;
}

html[data-dragon-theme="light"] .n-input input::placeholder,
html[data-dragon-theme="light"] .n-input textarea::placeholder,
html[data-dragon-theme="light"] .n-base-selection-placeholder,
html[data-dragon-theme="light"] .input-field::placeholder {
  color: #76869e !important;
  opacity: 1 !important;
}

html[data-dragon-theme="light"] .n-input.n-input--disabled,
html[data-dragon-theme="light"] .n-base-selection.n-base-selection--disabled,
html[data-dragon-theme="light"] .n-input.n-input--disabled *,
html[data-dragon-theme="light"] .n-base-selection.n-base-selection--disabled * {
  color: #7f8da3 !important;
  opacity: 1 !important;
}

html[data-dragon-theme="light"] .n-button {
  border-radius: 7px !important;
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-button--primary-type,
html[data-dragon-theme="light"] .n-button[type="primary"] {
  color: #07172f !important;
  border-color: rgba(255, 207, 90, 0.72) !important;
  background: linear-gradient(135deg, #ffcf5a, #f0a72d) !important;
  box-shadow: 0 10px 24px rgba(211, 151, 37, 0.24) !important;
}

html[data-dragon-theme="light"] .n-button--info-type {
  color: #0b4da8 !important;
  border-color: rgba(20, 99, 214, 0.36) !important;
  background: linear-gradient(135deg, rgba(231, 241, 255, 0.98), rgba(255, 255, 255, 0.86)) !important;
  box-shadow: 0 0 16px rgba(20, 99, 214, 0.12) !important;
}

html[data-dragon-theme="light"] .n-button--warning-type {
  color: #1c2637 !important;
  border-color: rgba(211, 151, 37, 0.58) !important;
  background: linear-gradient(135deg, #f0a72d, #ffdd7a) !important;
  box-shadow: 0 0 18px rgba(211, 151, 37, 0.22) !important;
}

html[data-dragon-theme="light"] .n-button--error-type {
  color: #fff6f6 !important;
  border-color: rgba(190, 48, 58, 0.68) !important;
  background: linear-gradient(135deg, #be303a, #84232b) !important;
  box-shadow: 0 0 16px rgba(190, 48, 58, 0.22) !important;
}

html[data-dragon-theme="light"] .n-button--success-type {
  color: #f5fff9 !important;
  border-color: rgba(15, 138, 85, 0.55) !important;
  background: linear-gradient(135deg, #0f8a55, #19ad70) !important;
  box-shadow: 0 0 16px rgba(15, 138, 85, 0.16) !important;
}

html[data-dragon-theme="light"] .n-button--tertiary-type,
html[data-dragon-theme="light"] .n-button--default-type {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: rgba(255, 255, 255, 0.76) !important;
}

html[data-dragon-theme="light"] .n-button--disabled,
html[data-dragon-theme="light"] .n-button--disabled *,
html[data-dragon-theme="light"] .n-button[disabled],
html[data-dragon-theme="light"] .n-button[disabled] * {
  color: #7f8da3 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-dragon-theme="light"] .n-data-table {
  --n-td-color: rgba(255, 255, 255, 0.98) !important;
  --n-td-color-hover: rgba(255, 248, 226, 0.98) !important;
  --n-th-color: rgba(239, 246, 255, 0.98) !important;
  --n-border-color: rgba(38, 84, 145, 0.13) !important;
  --n-th-text-color: #83540a !important;
  --n-td-text-color: var(--dc-text) !important;
  --n-td-color-striped: rgba(247, 251, 255, 0.98) !important;
  --n-merged-border-color: rgba(38, 84, 145, 0.13) !important;
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.14) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 14px 34px rgba(35, 64, 108, 0.12) !important;
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-th {
  color: #83540a !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: linear-gradient(180deg, #fff2c5, #eff6ff) !important;
  text-shadow: 0 0 12px rgba(255, 207, 90, 0.42);
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-td,
html[data-dragon-theme="light"] .n-data-table .n-data-table-td *,
html[data-dragon-theme="light"] .n-data-table .n-data-table-tr,
html[data-dragon-theme="light"] .n-data-table .n-data-table-empty {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-td {
  border-color: rgba(38, 84, 145, 0.1) !important;
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-tr:hover {
  background: rgba(255, 248, 226, 0.98) !important;
  box-shadow: inset 3px 0 0 #d39725, inset 0 0 0 1px rgba(211, 151, 37, 0.22), 0 0 18px rgba(211, 151, 37, 0.14) !important;
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-td img {
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: #eef5ff !important;
  box-shadow: 0 0 12px rgba(20, 99, 214, 0.1) !important;
}

html[data-dragon-theme="light"] .n-data-table .n-data-table-td:nth-child(4),
html[data-dragon-theme="light"] .n-data-table .n-data-table-td:nth-child(8),
html[data-dragon-theme="light"] .n-data-table .n-data-table-td:nth-child(10),
html[data-dragon-theme="light"] .n-progress .n-progress-text,
html[data-dragon-theme="light"] .n-progress .n-progress-text * {
  color: #83540a !important;
}

html[data-dragon-theme="light"] .n-empty,
html[data-dragon-theme="light"] .n-empty *,
html[data-dragon-theme="light"] .n-data-table-empty,
html[data-dragon-theme="light"] .n-data-table-empty * {
  color: #5b6d86 !important;
}

html[data-dragon-theme="light"] .n-spin,
html[data-dragon-theme="light"] .n-spin * {
  color: #1463d6 !important;
}

html[data-dragon-theme="light"] .n-tag {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.16) !important;
  background: rgba(239, 246, 255, 0.9) !important;
}

html[data-dragon-theme="light"] .n-tag--success-type {
  color: #0b7045 !important;
  border-color: rgba(15, 138, 85, 0.38) !important;
  background: rgba(15, 138, 85, 0.1) !important;
}

html[data-dragon-theme="light"] .n-tag--warning-type {
  color: #83540a !important;
  border-color: rgba(211, 151, 37, 0.42) !important;
  background: rgba(255, 207, 90, 0.2) !important;
}

html[data-dragon-theme="light"] .n-tag--error-type {
  color: #a82932 !important;
  border-color: rgba(190, 48, 58, 0.36) !important;
  background: rgba(190, 48, 58, 0.08) !important;
}

html[data-dragon-theme="light"] .n-pagination .n-pagination-item,
html[data-dragon-theme="light"] .n-pagination .n-base-selection {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

html[data-dragon-theme="light"] .n-pagination .n-pagination-item:hover,
html[data-dragon-theme="light"] .n-pagination .n-pagination-item--active {
  color: #07172f !important;
  border-color: rgba(211, 151, 37, 0.55) !important;
  background: linear-gradient(135deg, #ffcf5a, #f0a72d) !important;
}

html[data-dragon-theme="light"] .n-pagination .n-pagination-item--disabled,
html[data-dragon-theme="light"] .n-pagination .n-pagination-item--disabled * {
  color: #7f8da3 !important;
  opacity: 1 !important;
}

html[data-dragon-theme="light"] .n-card.n-modal,
html[data-dragon-theme="light"] .n-dialog,
html[data-dragon-theme="light"] .n-drawer-content,
html[data-dragon-theme="light"] .n-popover:not(.n-tooltip),
html[data-dragon-theme="light"] .modal-content {
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 207, 90, 0.2), transparent 14rem),
    linear-gradient(180deg, #ffffff, #f2f7ff) !important;
  box-shadow: 0 24px 70px rgba(35, 64, 108, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.78) inset !important;
}

html[data-dragon-theme="light"] .n-modal-mask,
html[data-dragon-theme="light"] .n-dialog-mask {
  background-color: rgba(13, 27, 48, 0.34) !important;
  backdrop-filter: blur(4px);
}

html[data-dragon-theme="light"] .n-card.n-modal *,
html[data-dragon-theme="light"] .n-dialog *,
html[data-dragon-theme="light"] .n-drawer-content *,
html[data-dragon-theme="light"] .n-popover:not(.n-tooltip) * {
  color: inherit;
}

html[data-dragon-theme="light"] .n-dropdown-menu,
html[data-dragon-theme="light"] .n-base-select-menu,
html[data-dragon-theme="light"] .n-date-panel,
html[data-dragon-theme="light"] .n-popover-shared,
html[data-dragon-theme="light"] .n-popover:not(.n-tooltip) {
  color: var(--dc-text) !important;
  border: 1px solid rgba(38, 84, 145, 0.18) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(35, 64, 108, 0.16) !important;
}

html[data-dragon-theme="light"] .n-dropdown-option,
html[data-dragon-theme="light"] .n-dropdown-option *,
html[data-dragon-theme="light"] .n-base-select-option,
html[data-dragon-theme="light"] .n-base-select-option *,
html[data-dragon-theme="light"] .n-date-panel .n-date-panel-date,
html[data-dragon-theme="light"] .n-date-panel * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-dropdown-option:hover,
html[data-dragon-theme="light"] .n-dropdown-option:hover *,
html[data-dragon-theme="light"] .n-base-select-option:hover,
html[data-dragon-theme="light"] .n-base-select-option:hover *,
html[data-dragon-theme="light"] .n-base-select-option--pending,
html[data-dragon-theme="light"] .n-base-select-option--selected {
  color: #7b4f07 !important;
  background: rgba(255, 207, 90, 0.22) !important;
}

html[data-dragon-theme="light"] .n-dropdown-option--disabled,
html[data-dragon-theme="light"] .n-dropdown-option--disabled *,
html[data-dragon-theme="light"] .n-base-select-option--disabled,
html[data-dragon-theme="light"] .n-base-select-option--disabled * {
  color: #7f8da3 !important;
  opacity: 1 !important;
  background: transparent !important;
}

html[data-dragon-theme="light"] .n-tooltip,
html[data-dragon-theme="light"] .n-popover.n-tooltip {
  color: #f7fbff !important;
  border: 1px solid rgba(255, 207, 90, 0.3) !important;
  background: #172033 !important;
  box-shadow: 0 0 20px rgba(20, 99, 214, 0.22), 0 12px 32px rgba(35, 64, 108, 0.24) !important;
}

html[data-dragon-theme="light"] .n-tooltip *,
html[data-dragon-theme="light"] .n-popover.n-tooltip * {
  color: #f7fbff !important;
}

html[data-dragon-theme="light"] .n-alert,
html[data-dragon-theme="light"] .n-message,
html[data-dragon-theme="light"] .n-notification {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgba(35, 64, 108, 0.16) !important;
}

html[data-dragon-theme="light"] .n-alert *,
html[data-dragon-theme="light"] .n-message *,
html[data-dragon-theme="light"] .n-notification * {
  color: inherit !important;
}

html[data-dragon-theme="light"] .n-switch .n-switch__rail {
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: rgba(38, 84, 145, 0.12) !important;
}

html[data-dragon-theme="light"] .n-switch.n-switch--active .n-switch__rail {
  background: linear-gradient(135deg, #ffcf5a, #1463d6) !important;
}

html[data-dragon-theme="light"] .n-descriptions,
html[data-dragon-theme="light"] .n-descriptions *,
html[data-dragon-theme="light"] .n-tabs,
html[data-dragon-theme="light"] .n-progress,
html[data-dragon-theme="light"] .n-progress * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-descriptions {
  --n-th-color: rgba(239, 246, 255, 0.98) !important;
  --n-td-color: rgba(255, 255, 255, 0.98) !important;
  --n-label-text-color: #83540a !important;
  --n-content-text-color: var(--dc-text) !important;
  --n-border-color: rgba(38, 84, 145, 0.14) !important;
  border: 1px solid rgba(38, 84, 145, 0.14) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 34px rgba(35, 64, 108, 0.12) !important;
}

html[data-dragon-theme="light"] .n-descriptions-table,
html[data-dragon-theme="light"] .n-descriptions-table-wrapper,
html[data-dragon-theme="light"] .n-descriptions-table-content,
html[data-dragon-theme="light"] .n-descriptions-table-content__label,
html[data-dragon-theme="light"] .n-descriptions-table-content__content {
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

html[data-dragon-theme="light"] .n-descriptions-table-content__label {
  color: #83540a !important;
  background: linear-gradient(180deg, #fff2c5, #eff6ff) !important;
  text-shadow: 0 0 10px rgba(255, 207, 90, 0.36);
}

html[data-dragon-theme="light"] .n-tabs {
  --n-tab-text-color: #53637a !important;
  --n-tab-text-color-active: #83540a !important;
  --n-tab-text-color-hover: #83540a !important;
  --n-bar-color: #d39725 !important;
  --n-pane-text-color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .n-tabs-nav,
html[data-dragon-theme="light"] .n-tabs .n-tabs-nav-scroll-wrapper,
html[data-dragon-theme="light"] .n-tabs .n-tabs-nav__line {
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: rgba(247, 251, 255, 0.7) !important;
}

html[data-dragon-theme="light"] .n-tabs-tab {
  color: #53637a !important;
}

html[data-dragon-theme="light"] .n-tabs-tab:hover,
html[data-dragon-theme="light"] .n-tabs-tab:hover *,
html[data-dragon-theme="light"] .n-tabs-tab.n-tabs-tab--active,
html[data-dragon-theme="light"] .n-tabs-tab.n-tabs-tab--active * {
  color: #83540a !important;
  text-shadow: 0 0 12px rgba(255, 207, 90, 0.38);
}

html[data-dragon-theme="light"] .n-tabs-tab.n-tabs-tab--disabled,
html[data-dragon-theme="light"] .n-tabs-tab.n-tabs-tab--disabled * {
  color: #7f8da3 !important;
  opacity: 1 !important;
}

html[data-dragon-theme="light"] .n-tabs-bar {
  background: #d39725 !important;
  box-shadow: var(--dc-glow) !important;
}

html[data-dragon-theme="light"] .n-tab-pane,
html[data-dragon-theme="light"] .n-tabs-pane-wrapper {
  color: var(--dc-text) !important;
  background: transparent !important;
}

html[data-dragon-theme="light"] .thing-cell[data-v-9a915ab9] {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

html[data-dragon-theme="light"] .thing-cell[data-v-9a915ab9]:hover {
  color: #83540a !important;
  border-color: rgba(211, 151, 37, 0.46) !important;
  background: rgba(255, 248, 226, 0.86) !important;
  box-shadow: inset 3px 0 0 #d39725, var(--dc-glow) !important;
}

html[data-dragon-theme="light"] .thing-cell-on[data-v-9a915ab9],
html[data-dragon-theme="light"] .thing-cell-on[data-v-9a915ab9]:hover {
  color: #83540a !important;
  border-color: rgba(211, 151, 37, 0.5) !important;
  background: linear-gradient(90deg, rgba(255, 207, 90, 0.34), rgba(239, 246, 255, 0.78)) !important;
  box-shadow: inset 4px 0 0 #d39725, var(--dc-glow-strong) !important;
}

html[data-dragon-theme="light"] .thing-cell[data-v-9a915ab9] .n-thing-header__title,
html[data-dragon-theme="light"] .thing-cell-on[data-v-9a915ab9] .n-thing-main .n-thing-header .n-thing-header__title {
  color: #83540a !important;
}

html[data-dragon-theme="light"] .thing-cell[data-v-9a915ab9] .n-thing-main__description,
html[data-dragon-theme="light"] .thing-cell[data-v-9a915ab9] .n-thing-main__description * {
  color: #53637a !important;
}

html[data-dragon-theme="light"] #app [style*="color:#666"],
html[data-dragon-theme="light"] #app [style*="color: #666"],
html[data-dragon-theme="light"] #app [style*="color: black"],
html[data-dragon-theme="light"] #app [style*="color:black"] {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] #app [style*="color:red"],
html[data-dragon-theme="light"] #app [style*="color: red"] {
  color: #c91f2d !important;
  text-shadow: 0 0 10px rgba(201, 31, 45, 0.18);
}

html[data-dragon-theme="light"] #app [style*="border:1px solid #ccc"],
html[data-dragon-theme="light"] #app [style*="border: 1px solid #ccc"] {
  border-color: rgba(38, 84, 145, 0.22) !important;
}

html[data-dragon-theme="light"] #app .n-card table,
html[data-dragon-theme="light"] #app .n-tab-pane table,
html[data-dragon-theme="light"] #app .n-tabs-pane-wrapper table,
html[data-dragon-theme="light"] #app .log-viewer table {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

html[data-dragon-theme="light"] #app .n-card thead,
html[data-dragon-theme="light"] #app .n-tab-pane thead,
html[data-dragon-theme="light"] #app .n-tabs-pane-wrapper thead,
html[data-dragon-theme="light"] #app .log-viewer thead {
  background: linear-gradient(180deg, #fff2c5, #eff6ff) !important;
}

html[data-dragon-theme="light"] #app .n-card th,
html[data-dragon-theme="light"] #app .n-tab-pane th,
html[data-dragon-theme="light"] #app .n-tabs-pane-wrapper th,
html[data-dragon-theme="light"] #app .log-viewer th {
  color: #83540a !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  text-shadow: 0 0 12px rgba(255, 207, 90, 0.36);
}

html[data-dragon-theme="light"] #app .n-card td,
html[data-dragon-theme="light"] #app .n-tab-pane td,
html[data-dragon-theme="light"] #app .n-tabs-pane-wrapper td,
html[data-dragon-theme="light"] #app .log-viewer td {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

html[data-dragon-theme="light"] #app .n-card tr:hover td,
html[data-dragon-theme="light"] #app .n-tab-pane tr:hover td,
html[data-dragon-theme="light"] #app .n-tabs-pane-wrapper tr:hover td,
html[data-dragon-theme="light"] #app .log-viewer tr:hover td {
  color: var(--dc-text) !important;
  background: rgba(255, 248, 226, 0.96) !important;
  box-shadow: inset 3px 0 0 #d39725 !important;
}

html[data-dragon-theme="light"] .log-viewer[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 207, 90, 0.18), transparent 14rem),
    rgba(255, 255, 255, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 14px 34px rgba(35, 64, 108, 0.12) !important;
}

html[data-dragon-theme="light"] .log-line[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: rgba(247, 251, 255, 0.88) !important;
  box-shadow: 0 0 12px rgba(20, 99, 214, 0.08) !important;
}

html[data-dragon-theme="light"] .file-item[data-v-fc0266af] {
  color: var(--dc-text) !important;
  border-color: rgba(38, 84, 145, 0.14) !important;
  background: linear-gradient(90deg, rgba(255, 207, 90, 0.16), rgba(255, 255, 255, 0.94)) !important;
}

html[data-dragon-theme="light"] .file-item[data-v-fc0266af]:hover {
  color: var(--dc-text) !important;
  border-color: rgba(211, 151, 37, 0.46) !important;
  background: rgba(255, 248, 226, 0.94) !important;
  box-shadow: inset 3px 0 0 #d39725, var(--dc-glow) !important;
}

html[data-dragon-theme="light"] .file-item strong[data-v-fc0266af],
html[data-dragon-theme="light"] .file-item[data-v-fc0266af]:hover strong,
html[data-dragon-theme="light"] .file-item[data-v-fc0266af]:hover span {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .file-item span[data-v-fc0266af] {
  color: #53637a !important;
}

html[data-dragon-theme="light"] .inner-sidebar[data-v-fc0266af],
html[data-dragon-theme="light"] .image-wrapper[data-v-fc0266af],
html[data-dragon-theme="light"] .image-slot[data-v-fc0266af],
html[data-dragon-theme="light"] .screenlayers[data-v-fc0266af] {
  border-color: rgba(38, 84, 145, 0.18) !important;
  background: rgba(247, 251, 255, 0.94) !important;
  box-shadow: 0 0 18px rgba(20, 99, 214, 0.08) !important;
}

html[data-dragon-theme="light"] .image-content[data-v-fc0266af],
html[data-dragon-theme="light"] .screenlayers img[data-v-fc0266af] {
  background: #111827 !important;
}

html[data-dragon-theme="light"] .button-row[data-v-fc0266af],
html[data-dragon-theme="light"] .button-container[data-v-fc0266af],
html[data-dragon-theme="light"] .image2-input-wrapper[data-v-fc0266af],
html[data-dragon-theme="light"] .input-container[data-v-fc0266af],
html[data-dragon-theme="light"] .content-wrapper[data-v-fc0266af],
html[data-dragon-theme="light"] .tabs-wrapper[data-v-fc0266af] {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .lockscreen[data-v-bed9b923] {
  color: var(--dc-text) !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 207, 90, 0.24), transparent 22rem),
    radial-gradient(circle at 82% 8%, rgba(20, 99, 214, 0.18), transparent 24rem),
    linear-gradient(145deg, #f9fcff, #edf4ff) !important;
}

html[data-dragon-theme="light"] .lockscreen[data-v-bed9b923] *,
html[data-dragon-theme="light"] .page-container[data-v-413a9aad],
html[data-dragon-theme="light"] .page-container[data-v-413a9aad] * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="light"] .first-loading-wrap {
  background:
    radial-gradient(circle at center, rgba(255, 207, 90, 0.26), transparent 18rem),
    linear-gradient(145deg, #f9fcff, #edf4ff) !important;
}

html[data-dragon-theme="light"] .dot i {
  background-color: #d39725 !important;
  box-shadow: 0 0 14px rgba(211, 151, 37, 0.48) !important;
}

html[data-dragon-theme="light"] ::-webkit-scrollbar-track {
  background: #edf4ff;
}

html[data-dragon-theme="light"] ::-webkit-scrollbar-thumb {
  border: 2px solid #edf4ff;
  background: linear-gradient(180deg, rgba(255, 207, 90, 0.88), rgba(20, 99, 214, 0.72));
}

html[data-dragon-theme="light"] [class*="text-gray-400"],
html[data-dragon-theme="light"] [class*="text-gray-500"] {
  color: #61718a !important;
}

/* 2026-06-27: dark theme re-assertion for the live Project Setting switch. */
html[data-dragon-theme="dark"],
html[data-dragon-theme="dark"] body,
html[data-dragon-theme="dark"] #app {
  color: var(--dc-text) !important;
  background-color: #05070a !important;
  background-image:
    radial-gradient(circle at 18% 10%, rgba(255, 214, 107, 0.12), transparent 24rem),
    radial-gradient(circle at 78% 0%, rgba(255, 90, 40, 0.08), transparent 22rem),
    linear-gradient(rgba(255, 214, 107, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 214, 107, 0.028) 1px, transparent 1px),
    linear-gradient(145deg, #05070a 0%, #0a0d12 48%, #10151e 100%) !important;
}

html[data-dragon-theme="dark"] body,
html[data-dragon-theme="dark"] button,
html[data-dragon-theme="dark"] input,
html[data-dragon-theme="dark"] textarea,
html[data-dragon-theme="dark"] select,
html[data-dragon-theme="dark"] a,
html[data-dragon-theme="dark"] span,
html[data-dragon-theme="dark"] div,
html[data-dragon-theme="dark"] label,
html[data-dragon-theme="dark"] th,
html[data-dragon-theme="dark"] td {
  color: var(--dc-text);
}

html[data-dragon-theme="dark"] .layout,
html[data-dragon-theme="dark"] .n-layout,
html[data-dragon-theme="dark"] .layout-default-background,
html[data-dragon-theme="dark"] .layout-content-main,
html[data-dragon-theme="dark"] .n-layout-scroll-container,
html[data-dragon-theme="dark"] .main-view {
  color: var(--dc-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.08), transparent 22rem),
    linear-gradient(rgba(255, 214, 107, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 214, 107, 0.022) 1px, transparent 1px),
    linear-gradient(145deg, #05070a, #0a0d12 56%, #10151e) !important;
}

html[data-dragon-theme="dark"] .layout .layout-sider,
html[data-dragon-theme="dark"] .layout-side-drawer .layout-sider,
html[data-dragon-theme="dark"] .n-layout-sider,
html[data-dragon-theme="dark"] .layout-header,
html[data-dragon-theme="dark"] .layout-header-light,
html[data-dragon-theme="dark"] .n-layout-header,
html[data-dragon-theme="dark"] .tabs-view,
html[data-dragon-theme="dark"] .tabs-view-default-background,
html[data-dragon-theme="dark"] .tabs-view-dark-background {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.2) !important;
  background:
    linear-gradient(135deg, rgba(255, 214, 107, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(16, 21, 30, 0.98), rgba(5, 7, 10, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.05), 0 0 24px rgba(0, 0, 0, 0.26) !important;
}

html[data-dragon-theme="dark"] .n-card,
html[data-dragon-theme="dark"] .proCard,
html[data-dragon-theme="dark"] .n-card.n-modal,
html[data-dragon-theme="dark"] .n-dialog,
html[data-dragon-theme="dark"] .n-drawer-content,
html[data-dragon-theme="dark"] .n-popover:not(.n-tooltip),
html[data-dragon-theme="dark"] .modal-content {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.25) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 214, 107, 0.11), transparent 16rem),
    linear-gradient(180deg, #1b2432, #0f141c) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255, 214, 107, 0.05) inset !important;
}

html[data-dragon-theme="dark"] .n-card *,
html[data-dragon-theme="dark"] .proCard *,
html[data-dragon-theme="dark"] .n-card.n-modal *,
html[data-dragon-theme="dark"] .n-dialog *,
html[data-dragon-theme="dark"] .n-drawer-content *,
html[data-dragon-theme="dark"] .n-popover:not(.n-tooltip) * {
  color: inherit;
}

html[data-dragon-theme="dark"] .n-drawer-header,
html[data-dragon-theme="dark"] .n-card-header,
html[data-dragon-theme="dark"] .n-card-header__main,
html[data-dragon-theme="dark"] .n-modal-header,
html[data-dragon-theme="dark"] .n-dialog__title,
html[data-dragon-theme="dark"] .n-divider__title,
html[data-dragon-theme="dark"] .n-divider__title span {
  color: var(--dc-gold) !important;
  text-shadow: 0 0 14px rgba(255, 214, 107, 0.34);
}

html[data-dragon-theme="dark"] .n-divider,
html[data-dragon-theme="dark"] .n-divider::before,
html[data-dragon-theme="dark"] .n-divider::after {
  border-color: rgba(255, 204, 102, 0.22) !important;
}

html[data-dragon-theme="dark"] .n-input,
html[data-dragon-theme="dark"] .n-base-selection,
html[data-dragon-theme="dark"] .input-field {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.28) !important;
  background: rgba(10, 13, 18, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 190, 0.05) !important;
}

html[data-dragon-theme="dark"] .n-input:hover,
html[data-dragon-theme="dark"] .n-input.n-input--focus,
html[data-dragon-theme="dark"] .n-base-selection:hover,
html[data-dragon-theme="dark"] .n-base-selection.n-base-selection--active,
html[data-dragon-theme="dark"] .input-field:focus {
  border-color: rgba(255, 214, 107, 0.64) !important;
  box-shadow: 0 0 0 2px rgba(255, 214, 107, 0.12), 0 0 20px rgba(255, 214, 107, 0.2) !important;
}

html[data-dragon-theme="dark"] .n-input input,
html[data-dragon-theme="dark"] .n-input textarea,
html[data-dragon-theme="dark"] .n-input .n-input__input-el,
html[data-dragon-theme="dark"] .n-input .n-input__textarea-el,
html[data-dragon-theme="dark"] .n-base-selection-input,
html[data-dragon-theme="dark"] .n-base-selection-input__content,
html[data-dragon-theme="dark"] .n-base-selection .n-base-selection__render-label {
  color: var(--dc-text) !important;
  -webkit-text-fill-color: var(--dc-text) !important;
}

html[data-dragon-theme="dark"] .n-input input::placeholder,
html[data-dragon-theme="dark"] .n-input textarea::placeholder,
html[data-dragon-theme="dark"] .n-base-selection-placeholder,
html[data-dragon-theme="dark"] .input-field::placeholder {
  color: var(--dc-weak) !important;
  opacity: 1 !important;
}

html[data-dragon-theme="dark"] .n-button {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.26) !important;
  background: rgba(20, 27, 38, 0.92) !important;
}

html[data-dragon-theme="dark"] .n-button--primary-type,
html[data-dragon-theme="dark"] .n-button[type="primary"],
html[data-dragon-theme="dark"] .n-pagination .n-pagination-item--active {
  color: #221600 !important;
  border-color: rgba(255, 214, 107, 0.72) !important;
  background: linear-gradient(135deg, #d59b25, #ffd66b) !important;
  box-shadow: 0 0 18px rgba(255, 214, 107, 0.26) !important;
}

html[data-dragon-theme="dark"] .n-button--error-type {
  color: #fff2f2 !important;
  border-color: rgba(224, 88, 88, 0.5) !important;
  background: linear-gradient(135deg, #7e2f35, #b23b43) !important;
}

html[data-dragon-theme="dark"] .n-button--disabled,
html[data-dragon-theme="dark"] .n-button--disabled *,
html[data-dragon-theme="dark"] .n-input.n-input--disabled *,
html[data-dragon-theme="dark"] .n-base-selection.n-base-selection--disabled * {
  color: #9e8e65 !important;
  opacity: 1 !important;
}

html[data-dragon-theme="dark"] .n-data-table {
  color: var(--dc-text) !important;
  --n-merged-th-color: rgba(10, 13, 18, 0.98) !important;
  --n-merged-td-color: rgba(20, 27, 38, 0.98) !important;
  --n-merged-border-color: rgba(255, 204, 102, 0.16) !important;
  background: rgba(12, 16, 23, 0.98) !important;
}

html[data-dragon-theme="dark"] .n-data-table .n-data-table-th {
  color: var(--dc-gold) !important;
  background: linear-gradient(180deg, rgba(20, 27, 38, 0.98), rgba(10, 13, 18, 0.98)) !important;
}

html[data-dragon-theme="dark"] .n-data-table .n-data-table-td,
html[data-dragon-theme="dark"] .n-data-table .n-data-table-td *,
html[data-dragon-theme="dark"] .n-data-table .n-data-table-empty,
html[data-dragon-theme="dark"] .n-pagination,
html[data-dragon-theme="dark"] .n-pagination * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="dark"] .n-data-table .n-data-table-tr:hover .n-data-table-td,
html[data-dragon-theme="dark"] #app .n-card tr:hover td,
html[data-dragon-theme="dark"] #app .n-tab-pane tr:hover td,
html[data-dragon-theme="dark"] #app .n-tabs-pane-wrapper tr:hover td {
  color: var(--dc-text) !important;
  background: rgba(255, 214, 107, 0.08) !important;
  box-shadow: inset 3px 0 0 var(--dc-gold) !important;
}

html[data-dragon-theme="dark"] .n-dropdown-menu,
html[data-dragon-theme="dark"] .n-base-select-menu,
html[data-dragon-theme="dark"] .n-date-panel,
html[data-dragon-theme="dark"] .n-popover-shared {
  color: var(--dc-text) !important;
  border: 1px solid rgba(255, 204, 102, 0.25) !important;
  background: #111722 !important;
}

html[data-dragon-theme="dark"] .n-dropdown-option,
html[data-dragon-theme="dark"] .n-dropdown-option *,
html[data-dragon-theme="dark"] .n-base-select-option,
html[data-dragon-theme="dark"] .n-base-select-option *,
html[data-dragon-theme="dark"] .n-date-panel * {
  color: var(--dc-text) !important;
}

html[data-dragon-theme="dark"] .n-dropdown-option:hover,
html[data-dragon-theme="dark"] .n-dropdown-option:hover *,
html[data-dragon-theme="dark"] .n-base-select-option:hover,
html[data-dragon-theme="dark"] .n-base-select-option:hover *,
html[data-dragon-theme="dark"] .n-base-select-option--selected {
  color: var(--dc-gold) !important;
  background: rgba(255, 214, 107, 0.12) !important;
}

html[data-dragon-theme="dark"] .n-switch .n-switch__rail {
  border: 1px solid rgba(255, 204, 102, 0.26) !important;
  background: rgba(10, 13, 18, 0.92) !important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28) !important;
}

html[data-dragon-theme="dark"] .n-switch.n-switch--active .n-switch__rail,
html[data-dragon-theme="dark"] .dark-theme-switch.n-switch--active .n-switch__rail {
  background: linear-gradient(135deg, rgba(255, 214, 107, 0.78), rgba(141, 104, 32, 0.72)) !important;
  box-shadow: 0 0 16px rgba(255, 214, 107, 0.36) !important;
}

html[data-dragon-theme="dark"] .n-switch .n-switch__button {
  background: #f8ebcb !important;
  box-shadow: 0 0 10px rgba(255, 214, 107, 0.28) !important;
}

html[data-dragon-theme="dark"] .theme-item {
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  box-shadow: 0 0 10px rgba(255, 214, 107, 0.14) !important;
}

html[data-dragon-theme="dark"] .n-tooltip,
html[data-dragon-theme="dark"] .n-popover.n-tooltip,
html[data-dragon-theme="dark"] .n-message,
html[data-dragon-theme="dark"] .n-alert,
html[data-dragon-theme="dark"] .n-notification {
  color: var(--dc-text) !important;
  border-color: rgba(255, 204, 102, 0.25) !important;
  background: #141b26 !important;
}

html[data-dragon-theme="dark"] .n-tooltip *,
html[data-dragon-theme="dark"] .n-popover.n-tooltip *,
html[data-dragon-theme="dark"] .n-message *,
html[data-dragon-theme="dark"] .n-alert *,
html[data-dragon-theme="dark"] .n-notification * {
  color: inherit !important;
}