: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;
  }
}