:root {
    --lux-bg: #0d0f13;
    --lux-panel: rgba(25, 28, 35, 0.96);
    --lux-panel-strong: #20242d;
    --lux-line: rgba(255, 255, 255, 0.1);
    --lux-text: #f7f7f8;
    --lux-muted: rgba(231, 233, 239, 0.66);
    --lux-accent: #ff444f;
    --lux-accent-hover: #ff626b;
    --lux-accent-soft: rgba(255, 68, 79, 0.14);
    --lux-accent-line: rgba(255, 68, 79, 0.34);
    --lux-success: #28c98b;
    --lux-warning: #f3bf58;
    --lux-danger: #ff6670;
    --lux-radius: 8px;
    --lux-shadow: 0 24px 68px rgba(0, 0, 0, 0.38);
    --bg: var(--lux-bg);
    --bg-dark: var(--lux-bg);
    --background-dark: var(--lux-bg);
    --surface: var(--lux-panel);
    --surface-dark: var(--lux-panel);
    --surface-strong: var(--lux-panel-strong);
    --card-dark: var(--lux-panel);
    --border: var(--lux-line);
    --border-dark: var(--lux-line);
    --text: var(--lux-text);
    --text-dark: var(--lux-text);
    --text-light: var(--lux-text);
    --text-secondary-dark: var(--lux-muted);
    --muted: var(--lux-muted);
    --accent: var(--lux-accent);
    --accent2: var(--lux-accent-hover);
    --accent-gold: var(--lux-accent-hover);
    --primary: var(--lux-accent);
    --secondary: var(--lux-accent-hover);
    --cyan: var(--lux-accent);
    --blue: var(--lux-accent);
    --emerald: var(--lux-success);
    --amber: var(--lux-warning);
}

html,
body {
    letter-spacing: 0;
}

html {
    min-height: 100%;
    background: var(--lux-bg) !important;
}

body {
    min-height: 100vh;
    color: var(--lux-text);
    background:
        radial-gradient(circle at 16% -10%, rgba(255, 68, 79, 0.15), transparent 29rem),
        linear-gradient(155deg, #0b0d11 0%, var(--lux-bg) 48%, #12151b 100%) !important;
}

body::before {
    opacity: 0.18 !important;
}

a {
    color: var(--lux-accent-hover);
}

#pre-loader,
#pl-bg {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 68, 79, 0.16), transparent 30rem),
        linear-gradient(155deg, #090b0f, var(--lux-bg) 58%, #151922) !important;
}

#pl-grid {
    opacity: 0.12 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
}

#pl-brand,
#pl-tagline {
    color: var(--lux-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

#pl-tagline,
#pl-footer,
#pl-status {
    color: var(--lux-muted) !important;
}

#pl-ring-outer {
    border-top-color: var(--lux-accent) !important;
    border-right-color: var(--lux-accent-line) !important;
}

#pl-ring-mid {
    border-bottom-color: rgba(255, 255, 255, 0.42) !important;
    border-left-color: var(--lux-line) !important;
}

#pl-ring-inner {
    border-top-color: rgba(255, 126, 134, 0.48) !important;
}

#pl-core {
    background: var(--lux-panel-strong) !important;
    box-shadow: inset 0 0 0 1px var(--lux-line), 0 20px 52px rgba(0, 0, 0, 0.34) !important;
}

#pl-bar,
.sdb-progress-fill {
    background: linear-gradient(90deg, var(--lux-accent), var(--lux-accent-hover)) !important;
    box-shadow: 0 0 18px rgba(255, 68, 79, 0.28) !important;
}

button,
[role="button"],
.btn,
.dc-btn,
input,
select,
textarea {
    border-radius: var(--lux-radius) !important;
}

input,
select,
textarea,
.dc-input__field {
    color: var(--lux-text) !important;
    background: rgba(8, 10, 14, 0.78) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.dc-input__field:focus {
    border-color: var(--lux-accent-line) !important;
    box-shadow: 0 0 0 3px rgba(255, 68, 79, 0.15) !important;
}

.dc-btn--primary,
.btn-primary,
.bg-green-500,
.bg-blue-700,
.free-bot-card__button,
.risk-disclaimer-button__btn {
    color: #fff !important;
    background: linear-gradient(180deg, var(--lux-accent-hover), var(--lux-accent)) !important;
    border: 1px solid rgba(255, 126, 134, 0.36) !important;
    box-shadow: 0 12px 28px rgba(255, 68, 79, 0.2) !important;
}

.dc-btn--primary:hover,
.btn-primary:hover,
.bg-green-500:hover,
.bg-blue-700:hover,
.free-bot-card__button:hover,
.risk-disclaimer-button__btn:hover {
    background: linear-gradient(180deg, #ff747c, #f53b48) !important;
    box-shadow: 0 16px 34px rgba(255, 68, 79, 0.28) !important;
}

.dc-btn--secondary,
.dc-btn--tertiary,
.btn-secondary,
.btn-ghost {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid var(--lux-line) !important;
    box-shadow: none !important;
}

.dc-tabs__list,
.analysis-tools__tab-bar,
[class*="analysis-tool__nav"] {
    padding: 4px !important;
    color: var(--lux-text) !important;
    background: rgba(7, 9, 13, 0.72) !important;
    border: 1px solid var(--lux-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.dc-tabs__item {
    color: var(--lux-muted) !important;
    border-radius: 7px !important;
    letter-spacing: 0 !important;
}

.dc-tabs__item.dc-tabs__active,
.dc-tabs__item--active,
[data-sdb-top-active="true"] {
    color: #fff !important;
    background: var(--lux-accent-soft) !important;
    border-color: var(--lux-accent-line) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 126, 134, 0.1) !important;
}

body [data-sdb-top-control="true"] {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid var(--lux-line) !important;
    box-shadow: none !important;
}

body [data-sdb-top-control="true"]:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.095) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body .dc-tabs__item.dc-tabs__active,
body .dc-tabs__item--active,
body [data-sdb-top-active="true"] {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255, 98, 107, 0.24), rgba(255, 68, 79, 0.13)) !important;
    border: 1px solid var(--lux-accent-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.chart-container,
.dashboard__chart-wrapper,
.chart-wrapper,
.smartcharts,
.smartcharts-container,
.smartcharts-dark,
.tv-lightweight-charts,
.tradingview-widget-container {
    color-scheme: dark !important;
    color: var(--lux-text) !important;
    background: var(--lux-panel) !important;
    border-color: var(--lux-line) !important;
    filter: none !important;
}

.smartcharts-dark canvas,
.smartcharts-container canvas,
.chart-container canvas,
.dashboard__chart-wrapper canvas,
.tv-lightweight-charts canvas,
.tradingview-widget-container canvas {
    filter: none !important;
    background: transparent !important;
}

.dashboard__chart-wrapper .cq-chart-control-bottom {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
}

.dashboard__chart-wrapper .ciq-chart-area,
.dashboard__chart-wrapper .ciq-chart,
.dashboard__chart-wrapper .chartContainer,
.dashboard__chart-wrapper .flutter-chart,
.dashboard__chart-wrapper flutter-view {
    height: 100% !important;
    min-height: 100% !important;
}

body.sdb-force-dark .smartcharts-light .ciq-chart,
body.sdb-force-dark .smartcharts-light .ciq-chart-area,
body.sdb-force-dark .smartcharts-light .chartContainer {
    background: var(--lux-panel) !important;
}

.smartcharts-light {
    color-scheme: light !important;
}

body.sdb-force-dark .smartcharts-light {
    color-scheme: dark !important;
    color: var(--lux-text) !important;
    background: var(--lux-panel) !important;
}

body.sdb-force-dark .smartcharts-light .smartcharts,
body.sdb-force-dark .smartcharts-light .cq-context,
body.sdb-force-dark .smartcharts-light .cq-chart-container,
body.sdb-force-dark .smartcharts-light .stx-holder,
body.sdb-force-dark .smartcharts-light .stx-panel-chart {
    background: var(--lux-panel) !important;
}

.sdb-analysis-shell,
.analysis-tools__cards,
.analysis-tools__tab-bar,
[class*="analysis-tools__header"],
[class*="analysis-tool__nav"] {
    background: linear-gradient(180deg, rgba(30, 34, 42, 0.98), rgba(18, 21, 27, 0.96)) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

body .sdb-analysis-tab {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

.sdb-analysis-tab__icon {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

.sdb-analysis-tab svg {
    color: var(--lux-text) !important;
    filter: none !important;
}

.sdb-analysis-tab:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.095) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body .sdb-analysis-tab.is-sdb-active,
body .analysis-tools__card--active.sdb-analysis-tab,
body [aria-selected="true"].sdb-analysis-tab {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255, 98, 107, 0.24), rgba(255, 68, 79, 0.13)) !important;
    background-color: transparent !important;
    border-color: var(--lux-accent-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.analysis-tool-container,
.dp-tools-container,
.dcircles-container,
.smart-analysis-container,
.xenon-ai-container {
    color: var(--lux-text) !important;
    background: var(--lux-bg) !important;
}

.dc-page-overlay__content,
.dc-dialog__dialog,
.dc-modal__container,
.dc-themed-scrollbars,
.dashboard,
.dashboard__main,
.dashboard__chart-wrapper,
.bot,
.bot-dashboard,
.load-strategy__container,
.quick-strategy__wrapper,
.run-panel,
.run-panel-tab,
.journal,
.transactions,
.statistics,
.summary,
.chart-modal-dialog,
.dc-tabs,
.dc-tabs__content,
.bot-list__wrapper,
.summary-card,
.run-panel__stat,
.free-bot-card,
.strategy-library__card {
    color: var(--lux-text) !important;
    background: var(--lux-panel) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

.dc-page-overlay__header,
.dashboard__header,
.dashboard__sidebar,
.dashboard__sidebar-wrapper,
.toolbar,
.bot-builder,
.run-panel__container,
.journal__container,
.transactions__container,
.summary__content,
.statistics__content {
    color: var(--lux-text) !important;
    background: linear-gradient(180deg, rgba(30, 34, 42, 0.98), rgba(18, 21, 27, 0.96)) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

.strategy-library,
.tab-content--active [class*="analysis-tool"],
.dc-tabs__content [class*="analysis-tool"] {
    color: var(--lux-text) !important;
    background: var(--lux-bg) !important;
}

.free-bot-card,
.strategy-library__card,
.summary-card,
.run-panel__stat {
    border-radius: 8px !important;
    border: 1px solid var(--lux-line) !important;
    box-shadow: var(--lux-shadow) !important;
}

.free-bot-card::after,
.strategy-library__card::after,
.sdb-card::before,
.box::before,
#sdb-circles-panel::before {
    opacity: 0 !important;
}

.free-bot-card__title,
.free-bot-card__name,
.strategy-library__card h1,
.strategy-library__card h2,
.strategy-library__card h3,
.sdb-brand__name {
    color: var(--lux-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

.free-bot-card__description,
.free-bot-card__meta,
.sdb-desc,
.dc-form-field__label {
    color: var(--lux-muted) !important;
}

.sdb-tag,
.free-bot-card [class*="tag"] {
    color: var(--lux-muted) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--lux-line) !important;
}

.sdb-star,
.sdb-star--on {
    color: var(--lux-warning) !important;
    text-shadow: none !important;
}

.sdb-theme-toggle {
    color: var(--lux-text) !important;
    background: rgba(24, 27, 34, 0.94) !important;
    border-color: var(--lux-line) !important;
    box-shadow: var(--lux-shadow) !important;
}

#sdb-circles-panel {
    color: var(--lux-text) !important;
    background: var(--lux-bg) !important;
    border: 1px solid var(--lux-line) !important;
    border-radius: 10px !important;
    box-shadow: var(--lux-shadow) !important;
}

#sdb-circles-panel .sdb-circles-header {
    color: var(--lux-text) !important;
    background: var(--lux-panel-strong) !important;
    border-bottom-color: var(--lux-line) !important;
    letter-spacing: 0 !important;
}

#sdb-circles-panel .sdb-circles-header span {
    color: currentColor !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

#sdb-circles-panel button {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--lux-line) !important;
    border-radius: 7px !important;
}

body.sdb-force-light {
    --lux-bg: #f5f5f6;
    --lux-panel: rgba(255, 255, 255, 0.96);
    --lux-panel-strong: #fff;
    --lux-line: rgba(16, 20, 28, 0.12);
    --lux-text: #151922;
    --lux-muted: rgba(34, 40, 54, 0.62);
    background:
        radial-gradient(circle at 16% -10%, rgba(255, 68, 79, 0.12), transparent 28rem),
        linear-gradient(155deg, #fafafb, #eef0f4) !important;
}

body.sdb-force-light .toolbar,
body.sdb-force-light [data-sdb-top-bar="true"],
body.sdb-force-light .dashboard__sidebar,
body.sdb-force-light .dashboard__sidebar-wrapper {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--lux-text) !important;
    border-color: var(--lux-line) !important;
}

body.sdb-force-light .toolbar *,
body.sdb-force-light [data-sdb-top-bar="true"] *,
body.sdb-force-light [data-sdb-top-control="true"]:not([data-sdb-top-active="true"]) * {
    color: var(--lux-text) !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sdb-force-light [data-sdb-top-control="true"] {
    background: rgba(21, 25, 34, 0.045) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

body.sdb-force-light [data-sdb-top-control="true"]:hover {
    color: var(--lux-text) !important;
    background: rgba(255, 68, 79, 0.09) !important;
    border-color: rgba(255, 68, 79, 0.18) !important;
}

body.sdb-force-light .chart-container,
body.sdb-force-light .dashboard__chart-wrapper,
body.sdb-force-light .chart-wrapper,
body.sdb-force-light .smartcharts,
body.sdb-force-light .smartcharts-container,
body.sdb-force-light .smartcharts-light,
body.sdb-force-light .tv-lightweight-charts,
body.sdb-force-light .tradingview-widget-container {
    color-scheme: light !important;
    color: var(--lux-text) !important;
    background: var(--lux-panel) !important;
}

body.sdb-force-light .sdb-analysis-shell,
body.sdb-force-light .analysis-tools__cards,
body.sdb-force-light .analysis-tools__tab-bar,
body.sdb-force-light [class*="analysis-tools__header"],
body.sdb-force-light [class*="analysis-tool__nav"] {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: var(--lux-line) !important;
}

body.sdb-force-light .sdb-analysis-tab {
    color: var(--lux-text) !important;
    background: rgba(21, 25, 34, 0.045) !important;
    border-color: var(--lux-line) !important;
}

body.sdb-force-light .sdb-analysis-tab:hover {
    color: var(--lux-text) !important;
    background: rgba(255, 68, 79, 0.09) !important;
    border-color: rgba(255, 68, 79, 0.18) !important;
}

body.sdb-force-light .sdb-analysis-tab.is-sdb-active,
body.sdb-force-light .analysis-tools__card--active.sdb-analysis-tab,
body.sdb-force-light [aria-selected="true"].sdb-analysis-tab {
    color: #fff !important;
    background: linear-gradient(180deg, var(--lux-accent-hover), var(--lux-accent)) !important;
    border-color: var(--lux-accent-line) !important;
}

body.sdb-force-light .dc-tabs__item.dc-tabs__active,
body.sdb-force-light .dc-tabs__item--active,
body.sdb-force-light [data-sdb-top-active="true"] {
    color: #fff !important;
    background: linear-gradient(180deg, var(--lux-accent-hover), var(--lux-accent)) !important;
    border-color: var(--lux-accent-line) !important;
    box-shadow: 0 10px 24px rgba(255, 68, 79, 0.18) !important;
}

body.sdb-force-light input,
body.sdb-force-light select,
body.sdb-force-light textarea,
body.sdb-force-light .dc-input__field {
    background: #fff !important;
}

body:not(.body) .page-title,
body:not(.body) .st-title,
body:not(.body) #app-title,
body:not(.body) .header h1,
body:not(.body) .calculator-container h1 {
    color: var(--lux-text) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}

body:not(.body) table,
body:not(.body) .box,
body:not(.body) .bot-general,
body:not(.body) .calculator-container,
body:not(.body) .section,
body:not(.body) .login-card,
body:not(.body) .bot-card,
body:not(.body) .xml-row {
    color: var(--lux-text) !important;
    background: var(--lux-panel) !important;
    border-color: var(--lux-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--lux-shadow) !important;
}

body:not(.body) th,
body:not(.body) .section-head,
body:not(.body) .signal-display-zone,
body:not(.body) .bg-blue-900,
body:not(.body) .bg-blue-800,
body:not(.body) .bg-gray-800 {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: var(--lux-line) !important;
}

body:not(.body) td,
body:not(.body) p,
body:not(.body) label,
body:not(.body) .subtitle,
body:not(.body) .section-title,
body:not(.body) .vol-price,
body:not(.body) .tags-help,
body:not(.body) .header span {
    color: var(--lux-muted);
}

body:not(.body) .badge,
body:not(.body) .samples,
body:not(.body) .signal-box,
body:not(.body) .result-item {
    color: var(--lux-text) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--lux-line) !important;
    box-shadow: none !important;
}

body:not(.body) .rise,
body:not(.body) .under,
body:not(.body) .positive,
body:not(.body) .profit {
    color: var(--lux-success) !important;
    border-color: rgba(40, 201, 139, 0.32) !important;
    background: rgba(40, 201, 139, 0.12) !important;
}

body:not(.body) .fall,
body:not(.body) .negative,
body:not(.body) .loss,
body:not(.body) .btn-danger {
    color: var(--lux-danger) !important;
    border-color: rgba(255, 102, 112, 0.32) !important;
    background: rgba(255, 102, 112, 0.12) !important;
}

body:not(.body) .over,
body:not(.body) .neutral,
body:not(.body) .result-item span:last-child,
body:not(.body) .stars-input span.on {
    color: var(--lux-warning) !important;
}

body:not(.body) .slider,
body:not(.body) .eo-barline,
body:not(.body) .ou-barline {
    background: rgba(255, 255, 255, 0.09) !important;
}

body:not(.body) .calculator-container label,
body:not(.body) .calculator-container .result-item span:first-child {
    color: rgba(231, 233, 239, 0.78) !important;
}

body:not(.body) .calculator-container input {
    color: var(--lux-text) !important;
    background: rgba(5, 7, 10, 0.88) !important;
}

body:not(.body) .calculator-container .result-item span:last-child {
    color: var(--lux-warning) !important;
}

body:not(.body) input:checked + .slider,
body:not(.body) .eo-fill,
body:not(.body) .ou-fill,
body:not(.body) .btn-primary {
    background: linear-gradient(180deg, var(--lux-accent-hover), var(--lux-accent)) !important;
}