html.dark {

    --dm-bg: #0b0f1a;
    --dm-bg-alt: #0f1320;
    --dm-card: #141925;
    --dm-card-2: #1a1f2e;
    --dm-card-3: #242b3d;
    --dm-footer: #070a12;

    --dm-line: #1e293b;
    --dm-line-strong: #2d3748;

    --dm-text-strong: #f3f4f6;
    --dm-text: #e5e7eb;
    --dm-text-2: #d1d5db;
    --dm-muted: #9ca3af;
    --dm-muted-2: #868e9c;
    --dm-muted-3: #6b7280;

    --dm-accent: #7c3aed;
    --dm-accent-text: #a78bfa;
    --dm-accent-bright: #c4b5fd;
    --dm-accent-soft: rgba(124, 58, 237, 0.15);

    --dm-panel: #141925;
    --dm-panel-2: #1a1f2e;
    --dm-panel-border: #2d3748;
    --dm-panel-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.32);
}

html.dark .dash-content {
    background: var(--dm-bg) !important;
}

html.dark body {
    background: var(--dm-bg) !important;
}

html.dark .bg-gradient-to-b,
html.dark .from-white,
html.dark .via-slate-50,
html.dark .to-white {
    --tw-gradient-from: var(--dm-bg) !important;
    --tw-gradient-to: var(--dm-bg) !important;
    --tw-gradient-stops: var(--dm-bg), var(--dm-bg-alt), var(--dm-bg) !important;
}

html.dark .bg-white,
html.dark section.bg-white {
    background: var(--dm-bg-alt) !important;
}

html.dark .bg-slate-50 {
    background: var(--dm-bg-alt) !important;
}

html.dark .bg-slate-100 {
    background: var(--dm-card) !important;
}

html.dark .text-slate-900 {
    color: var(--dm-text) !important;
}

html.dark .text-slate-800,
html.dark .text-slate-700 {
    color: var(--dm-text-2) !important;
}

html.dark .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark .border-slate-100,
html.dark .border-slate-200 {
    border-color: var(--dm-line) !important;
}

html.dark .divide-slate-100 > * + * {
    border-color: var(--dm-line) !important;
}

html.dark .bg-blue-50 {
    background: rgba(59, 130, 246, 0.12) !important;
}

html.dark .bg-amber-50 {
    background: rgba(245, 158, 11, 0.12) !important;
}

html.dark .bg-emerald-50 {
    background: rgba(16, 185, 129, 0.12) !important;
}

html.dark .bg-purple-100 {
    background: var(--dm-accent-soft) !important;
}

html.dark .bg-green-100.text-green-700 {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #4ade80 !important;
}

html.dark .text-green-600 {
    color: #4ade80 !important;
}

html.dark .text-purple-600,
html.dark .text-\[\#5B21B6\],
html.dark [class*="text-[#5B21B6]"] {
    color: var(--dm-accent-text) !important;
}

html.dark .text-violet-200 {
    color: #ddd6fe !important;
}

html.dark [class*="bg-[#5B21B6]/10"] {
    background: rgba(124, 58, 237, 0.2) !important;
}

html.dark [class*="bg-[#5B21B6]/10"][class*="border-[#5B21B6]/20"] {
    background: var(--dm-accent-soft) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

html.dark .bg-\[\#5B21B6\]\/10 svg {
    color: var(--dm-accent-text) !important;
}

html.dark :not(body)[class*="bg-gradient-to"] a[class*="bg-white"],
html.dark :not(body)[class*="bg-gradient-to"] button[class*="bg-white"] {
    background: white !important;
    color: #1E1240 !important;
}

html.dark :not(body)[class*="bg-gradient-to"] a[class*="bg-white"]:hover,
html.dark :not(body)[class*="bg-gradient-to"] button[class*="bg-white"]:hover {
    background: #f1f5f9 !important;
}

html.dark .cta-pulse {
    background: white !important;
    color: #1E1240 !important;
}

html.dark .cta-pulse:hover {
    background: #f1f5f9 !important;
}

html.dark .bg-gradient-to-r.from-black.via-slate-900.to-indigo-900 {
    background: linear-gradient(to right, var(--dm-footer), var(--dm-bg-alt), #1a1145) !important;
}

html.dark nav.fixed {
    background: rgba(11, 15, 26, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-color: var(--dm-line) !important;
}

html.dark nav .text-slate-600 {
    color: var(--dm-text-2) !important;
}

html.dark nav a:hover,
html.dark nav .hover\:text-slate-900:hover {
    color: var(--dm-text) !important;
}

html.dark nav a.border-slate-200 {
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
    background: transparent !important;
}

html.dark nav a.border-slate-200:hover {
    background: var(--dm-card-2) !important;
}

html.dark #navDarkToggle {
    border-color: var(--dm-line-strong) !important;
    background: var(--dm-card) !important;
}

html.dark #navDarkToggle:hover {
    background: var(--dm-card-2) !important;
}

html.dark #mobileMenuBtn {
    color: var(--dm-text-2) !important;
}

html.dark #mobileMenuBtn:hover {
    background: var(--dm-card-2) !important;
}

html.dark #productsDropdown {
    background: rgba(15, 19, 32, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    border-color: var(--dm-line) !important;
}

html.dark #productsDropdown .text-purple-600 {
    color: var(--dm-accent-text) !important;
}

html.dark #productsDropdown .text-slate-900 {
    color: var(--dm-text) !important;
}

html.dark #productsDropdown .text-slate-800 {
    color: var(--dm-text-2) !important;
}

html.dark #productsDropdown .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark #productsDropdown .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark #productsDropdown .border-slate-100 {
    border-color: var(--dm-line) !important;
}

html.dark #productsDropdown a:hover {
    background: rgba(91, 33, 182, 0.1) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

html.dark #productsDropdown .bg-slate-100 {
    background: var(--dm-card-2) !important;
}

html.dark #mobileMenu {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
}

html.dark #mobileMenu .text-slate-700 {
    color: var(--dm-text-2) !important;
}

html.dark #mobileMenu .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark #navDarkToggleMobile {
    border-color: var(--dm-line-strong) !important;
    background: var(--dm-card) !important;
    color: var(--dm-text) !important;
}

html.dark footer,
html.dark footer.bg-gradient-to-b.from-white.to-slate-50 {
    background: var(--dm-footer) !important;
    --tw-gradient-from: var(--dm-footer) !important;
    --tw-gradient-to: var(--dm-footer) !important;
    --tw-gradient-stops: var(--dm-footer) !important;
}

html.dark footer h4 {
    color: var(--dm-text) !important;
}

html.dark footer p,
html.dark footer .text-slate-500 {
    color: #64748b !important;
}

html.dark footer .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark footer ul a,
html.dark footer a[href^="mailto:"] {
    color: #94a3b8 !important;
}

html.dark footer ul a:hover {
    color: var(--dm-text) !important;
}

html.dark footer a[href^="mailto:"]:hover {
    color: var(--dm-accent-bright) !important;
}

html.dark footer .border-t,
html.dark footer .border-slate-200 {
    border-color: var(--dm-line) !important;
}

html.dark footer .bg-emerald-400 {
    background: #34d399 !important;
}

html.dark footer svg {
    color: inherit !important;
    fill: currentColor !important;
}

html.dark footer img {
    filter: none !important;
}

html.dark .use-card {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .use-card:hover {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 16px 36px rgba(91, 33, 182, 0.2) !important;
}

html.dark .integration-badge {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-text-2) !important;
}

html.dark .integration-badge:hover {
    border-color: var(--dm-accent) !important;
}

html.dark .group.bg-white.rounded-3xl,
html.dark .group.relative.p-8.rounded-3xl.bg-white {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .group.relative.p-8.rounded-3xl.bg-white:hover {
    border-color: var(--dm-line-strong) !important;
    box-shadow: 0 20px 50px rgba(91, 33, 182, 0.15) !important;
}

html.dark .group.relative.p-8.rounded-3xl h3,
html.dark .text-center.group h3 {
    color: var(--dm-text) !important;
}

html.dark .group.relative.p-8.rounded-3xl .text-slate-600,
html.dark .text-center.group .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark .country-card {
    background: rgba(20, 25, 37, 0.9) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3) !important;
}

html.dark .country-card:hover {
    background: rgba(30, 35, 50, 0.95) !important;
    border-color: var(--dm-accent) !important;
}

html.dark .rounded-2xl.border.border-slate-200.bg-slate-50 {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .rounded-2xl.border.border-slate-200.bg-slate-50 .bg-white {
    background: var(--dm-card-2) !important;
}

html.dark #pricing {
    background: linear-gradient(to bottom, var(--dm-bg), var(--dm-bg-alt), var(--dm-bg)) !important;
}

html.dark #pricing > div:first-child {
    background: radial-gradient(circle at top, rgba(91, 33, 182, 0.15), transparent 65%) !important;
}

html.dark #compare {
    background: var(--dm-bg) !important;
}

html.dark img.rounded-3xl.shadow-2xl,
html.dark section.py-28.bg-slate-50 img {
    border-color: var(--dm-line-strong) !important;
}

html.dark .faq-item {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .faq-item:hover,
html.dark .faq-open {
    background: var(--dm-card-2) !important;
    border-color: var(--dm-accent) !important;
}

html.dark .faq-toggle span:first-child,
html.dark .faq-btn,
html.dark .faq-item .font-semibold.text-slate-900 {
    color: var(--dm-text) !important;
}

html.dark .faq-answer,
html.dark .faq-content,
html.dark .faq-content p {
    color: var(--dm-muted) !important;
}

html.dark .faq-icon,
html.dark .faq-btn span {
    color: var(--dm-muted-2) !important;
}

html.dark .cmp-row {
    border-color: var(--dm-line) !important;
}

html.dark .cmp-row:hover {
    background: rgba(91, 33, 182, 0.08) !important;
}

html.dark .cmp-alt {
    background: var(--dm-bg-alt) !important;
}

html.dark .cmp-label {
    color: var(--dm-text-2) !important;
}

html.dark .cmp-cell {
    color: var(--dm-muted) !important;
}

html.dark .cmp-cell[style*="color:#5B21B6"] {
    color: var(--dm-accent-text) !important;
}

html.dark table thead tr {
    background: var(--dm-card) !important;
}

html.dark table[style*="border"],
html.dark div[style*="border:2px solid #ede9fe"] {
    border-color: var(--dm-line-strong) !important;
}

html.dark div[style*="border:2px solid #ede9fe"] {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
}

html.dark tr[style*="background:#f5f3ff"] {
    background: var(--dm-card) !important;
}

html.dark .rounded-2xl.border.overflow-hidden.bg-white {
    background: var(--dm-card) !important;
}

html.dark .px-5.py-4.bg-slate-50 {
    background: var(--dm-card-2) !important;
}

html.dark .flex.items-center.gap-3.px-4.py-3.rounded-xl.bg-white.shadow {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .p-8.rounded-2xl.bg-white.border,
html.dark .p-6.rounded-2xl.border-2.border-purple-500 {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .p-6.rounded-2xl.border-2.border-purple-500 {
    border-color: var(--dm-accent) !important;
}

html.dark .p-8.rounded-2xl .text-slate-700,
html.dark .p-6.rounded-2xl ul li {
    color: var(--dm-text-2) !important;
}

html.dark .p-6.rounded-2xl .text-2xl.font-bold {
    color: var(--dm-text) !important;
}

html.dark .bg-gradient-to-br.from-purple-50.to-purple-100 {
    background: linear-gradient(to bottom right, rgba(124, 58, 237, 0.1), var(--dm-accent-soft)) !important;
    border-color: #5B21B6 !important;
}

html.dark .perDay {
    color: var(--dm-muted-2) !important;
}

html.dark .comparePrice {
    color: var(--dm-muted-3) !important;
}

html.dark button.bg-slate-100,
html.dark .bg-slate-100.hover\:bg-slate-200 {
    background: var(--dm-card-2) !important;
    color: var(--dm-text-2) !important;
}

html.dark button.bg-slate-100:hover {
    background: var(--dm-card-3) !important;
}

html.dark .dropdown {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark .dropdown div {
    color: var(--dm-text-2) !important;
}

html.dark .dropdown div:hover {
    background: var(--dm-card-2) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6:hover {
    box-shadow: 0 10px 25px rgba(91, 33, 182, 0.15) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 h3 {
    color: var(--dm-text) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 img {
    filter: brightness(0.9) contrast(1.1);
}

html.dark .dot-bg {
    background-image: radial-gradient(var(--dm-line-strong) 1px, transparent 1px) !important;
}

html.dark svg text[fill="#5B21B6"] {
    fill: var(--dm-accent-text) !important;
}

html.dark svg rect[fill="#f5f3ff"],
html.dark svg circle[fill="#ede9fe"] {
    fill: var(--dm-card-2) !important;
}

html.dark svg rect[fill="white"],
html.dark svg circle[fill="white"] {
    fill: var(--dm-card) !important;
}

html.dark svg rect[stroke="#ddd6fe"],
html.dark svg rect[stroke="#c4b5fd"],
html.dark svg circle[stroke="#7c3aed"],
html.dark svg circle[stroke="#ddd6fe"] {
    stroke: var(--dm-line-strong) !important;
}

html.dark .stat-pill {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

html.dark .stat-pill:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

html.dark .stat-pill .text-slate-900 {
    color: var(--dm-text) !important;
}

html.dark .stat-pill .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark .pricing-tab {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .pricing-tab:hover {
    border-color: var(--dm-accent) !important;
    color: var(--dm-text) !important;
}

html.dark .pricing-tab.active {
    background: linear-gradient(to right, #5B21B6, #4C1D95, #312E81) !important;
    color: white !important;
    border-color: transparent !important;
}

html.dark .pricing-tab .bg-slate-100 {
    background: var(--dm-card-2) !important;
    color: var(--dm-muted-2) !important;
}

html.dark #pricingCards > div {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark #pricingCards > div:hover {
    box-shadow: 0 10px 40px rgba(91, 33, 182, 0.2) !important;
}

html.dark #pricingCards h3 {
    color: var(--dm-text) !important;
}

html.dark #pricingCards .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark #pricingCards .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark #pricingCards .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark .group.p-8.rounded-3xl.border.border-slate-200.bg-slate-50 {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .group.p-8.rounded-3xl.border.border-slate-200.bg-slate-50:hover {
    background: var(--dm-card-2) !important;
}

html.dark .bg-white.rounded-2xl.border.p-8,
html.dark .bg-white.rounded-2xl.border.p-6.text-center {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-white.rounded-2xl.border.p-8:hover,
html.dark .bg-white.rounded-2xl.border.p-6.text-center:hover {
    border-color: var(--dm-line-strong) !important;
    box-shadow: 0 16px 40px rgba(91, 33, 182, 0.15) !important;
}

html.dark .bg-white.rounded-2xl.border.p-8 h3,
html.dark .bg-white.rounded-2xl.border.p-6.text-center h3 {
    color: var(--dm-text) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 blockquote {
    color: var(--dm-muted) !important;
}

html.dark .bg-white.rounded-2xl.border.p-6 .font-semibold {
    color: var(--dm-text) !important;
}

html.dark .bg-slate-50.rounded-2xl.p-6 {
    background: var(--dm-card) !important;
}

html.dark .bg-slate-50.rounded-2xl.p-6 h3 {
    color: var(--dm-text) !important;
}

html.dark .bg-slate-50.rounded-2xl.p-6 li {
    color: var(--dm-muted) !important;
}

html.dark section.relative.pt-36.pb-24 {
    background: linear-gradient(to bottom, var(--dm-bg), var(--dm-bg-alt), var(--dm-bg)) !important;
}

html.dark section.relative.pt-36.pb-24 h1 {
    color: var(--dm-text) !important;
}

html.dark .partner-card {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .partner-card:hover {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 20px 40px rgba(91, 33, 182, 0.2) !important;
}

html.dark .partner-card h3 {
    color: var(--dm-text) !important;
}

html.dark .partner-card p {
    color: var(--dm-muted) !important;
}

html.dark .partner-logo {
    filter: brightness(0.95) contrast(1.05);
}

html.dark .tab-btn {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .tab-btn:hover {
    border-color: var(--dm-accent) !important;
    color: var(--dm-text) !important;
}

html.dark .tab-btn.active {
    background: linear-gradient(to right, #5B21B6, #4C1D95, #312E81) !important;
    color: white !important;
    border-color: transparent !important;
}

html.dark .loading-spinner {
    border-color: var(--dm-line-strong) !important;
    border-top-color: var(--dm-accent) !important;
}

html.dark #emptyState p {
    color: var(--dm-muted-3) !important;
}

html.dark .bg-surf {
    background: var(--dm-bg) !important;
}

html.dark .bg-card {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

html.dark .bg-card h2 {
    color: var(--dm-text) !important;
}

html.dark .bg-card label {
    color: var(--dm-text-2) !important;
}

html.dark .bg-card .border-t {
    border-color: var(--dm-line) !important;
}

html.dark .bg-card input,
html.dark .bg-card textarea {
    background: var(--dm-bg-alt) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark .bg-card input::placeholder,
html.dark .bg-card textarea::placeholder {
    color: var(--dm-muted-3) !important;
}

html.dark .bg-card input:focus,
html.dark .bg-card textarea:focus {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

html.dark .bg-card svg.text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark .text-textmain {
    color: var(--dm-text) !important;
}

html.dark .text-textmuted {
    color: var(--dm-muted) !important;
}

html.dark .text-accent {
    color: var(--dm-accent-text) !important;
}

html.dark .cf-turnstile iframe {
    color-scheme: dark;
}

html.dark #toastContainer .bg-green-100 {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #4ade80 !important;
}

html.dark #toastContainer .bg-red-100 {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

html.dark #toastContainer .bg-yellow-100 {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fbbf24 !important;
}

html.dark #toastContainer .bg-gray-100 {
    background: var(--dm-card-2) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .tp-hero > a {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html.dark .tp-hero .text-slate-900 {
    color: #0f172a !important;
}

html.dark .tp-hero .text-slate-700 {
    color: #334155 !important;
}

html.dark .tp-hero .text-slate-300 {
    color: #cbd5e1 !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) {
    color: var(--dm-text-2) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) h1,
html.dark .seo-page-scope:not(.blog-content-wrapper) h2,
html.dark .seo-page-scope:not(.blog-content-wrapper) h3,
html.dark .seo-page-scope:not(.blog-content-wrapper) h4 {
    color: var(--dm-text) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) p,
html.dark .seo-page-scope:not(.blog-content-wrapper) li {
    color: var(--dm-muted) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) a {
    color: var(--dm-accent-text) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) a:hover {
    color: var(--dm-accent-bright) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) img {
    border-color: var(--dm-line-strong) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) blockquote {
    background: var(--dm-card) !important;
    border-color: var(--dm-accent) !important;
    color: var(--dm-muted) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) code {
    background: var(--dm-card-2) !important;
    color: var(--dm-accent-text) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) pre {
    background: var(--dm-bg) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) table,
html.dark .seo-page-scope:not(.blog-content-wrapper) hr {
    border-color: var(--dm-line) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) th {
    background: var(--dm-card) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) td {
    color: var(--dm-muted) !important;
    border-color: var(--dm-line) !important;
}

html.dark .seo-page-scope:not(.blog-content-wrapper) tr:hover {
    background: var(--dm-card-2) !important;
}

html.dark article.prose,
html.dark .prose.text-slate-700 {
    color: var(--dm-text-2) !important;
}

html.dark article.prose h1,
html.dark article.prose h2,
html.dark article.prose h3,
html.dark article.prose h4 {
    color: var(--dm-text) !important;
}

html.dark article.prose p,
html.dark article.prose li,
html.dark .prose.text-slate-700 p,
html.dark .prose.text-slate-700 ul li,
html.dark .prose.text-slate-700 ol li {
    color: var(--dm-text-2) !important;
}

html.dark article.prose strong,
html.dark .prose.text-slate-700 strong {
    color: var(--dm-text-strong) !important;
}

html.dark article.prose a,
html.dark .prose.text-slate-700 a {
    color: var(--dm-accent-text) !important;
}

html.dark article.prose a:hover,
html.dark .prose.text-slate-700 a:hover {
    color: var(--dm-accent-bright) !important;
}

html.dark article.prose blockquote {
    background: var(--dm-card) !important;
    border-left-color: var(--dm-accent) !important;
    color: var(--dm-muted) !important;
}

html.dark article.prose code {
    background: var(--dm-card-2) !important;
    color: var(--dm-accent-text) !important;
}

html.dark article.prose pre {
    background: var(--dm-bg) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark article.prose table,
html.dark article.prose hr {
    border-color: var(--dm-line) !important;
}

html.dark article.prose th {
    background: var(--dm-card) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-line) !important;
}

html.dark article.prose td {
    color: var(--dm-muted) !important;
    border-color: var(--dm-line) !important;
}

html.dark article.prose img {
    border-color: var(--dm-line-strong) !important;
    border-radius: 12px;
}

html.dark .bg-gradient-to-r.from-purple-50.to-indigo-50 {
    background: linear-gradient(to right, rgba(91, 33, 182, 0.1), rgba(99, 102, 241, 0.1)) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-gradient-to-r.from-blue-50.to-cyan-50 {
    background: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(34, 211, 238, 0.1)) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-gradient-to-r.from-emerald-50.to-teal-50 {
    background: linear-gradient(to right, rgba(16, 185, 129, 0.1), rgba(20, 184, 166, 0.1)) !important;
    border-color: var(--dm-line) !important;
}

html.dark nav[aria-label="Breadcrumb"] a {
    color: var(--dm-muted-2) !important;
}

html.dark nav[aria-label="Breadcrumb"] a:hover {
    color: var(--dm-accent-text) !important;
}

html.dark nav[aria-label="Breadcrumb"] span {
    color: var(--dm-muted-3) !important;
}

html.dark .faq-entry {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .faq-entry button span.font-semibold {
    color: var(--dm-text) !important;
}

html.dark .faq-entry .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark .faq-entry .faq-arrow {
    color: var(--dm-muted-2) !important;
}

html.dark section.relative.pt-16.pb-20 {
    background: linear-gradient(to bottom, var(--dm-bg), var(--dm-bg-alt), var(--dm-bg)) !important;
}

html.dark section.py-16.bg-white {
    background: var(--dm-bg) !important;
}

html.dark section.py-16.bg-white h2 {
    color: var(--dm-text) !important;
}

html.dark .bg-gradient-to-br.from-indigo-50.to-purple-50 {
    background: linear-gradient(to bottom right, rgba(99, 102, 241, 0.1), rgba(124, 58, 237, 0.1)) !important;
    border-color: var(--dm-line) !important;
}

html.dark .bg-gradient-to-br.from-indigo-50.to-purple-50 .bg-white {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .blog-hero-grid {
    background-image:
        linear-gradient(rgba(167, 139, 250, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 139, 250, 0.06) 1px, transparent 1px) !important;
}

html.dark #blog-search {
    color: var(--dm-text) !important;
}

html.dark #blog-search::placeholder {
    color: var(--dm-muted-3) !important;
}

html.dark #blog-empty p {
    color: var(--dm-muted-2) !important;
}

html.dark .blog-filter-btn {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .blog-filter-btn:hover {
    border-color: var(--dm-accent) !important;
    color: var(--dm-text) !important;
}

html.dark .blog-filter-btn.active {
    background: linear-gradient(to right, #5B21B6, #4C1D95, #312E81) !important;
    color: white !important;
    border-color: transparent !important;
}

html.dark .blog-card {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .blog-card:hover {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 16px 40px rgba(91, 33, 182, 0.15) !important;
}

html.dark .blog-featured {
    border-color: var(--dm-accent) !important;
}

html.dark .blog-card-image {
    background: linear-gradient(135deg, var(--dm-card-2), var(--dm-card)) !important;
}

html.dark .blog-card-image img {
    opacity: 0.9;
}

html.dark .blog-card-body h2 {
    color: var(--dm-text) !important;
}

html.dark .blog-card-body p,
html.dark .blog-card-body .text-slate-400,
html.dark .blog-card-body .text-slate-500,
html.dark .blog-card-body .text-slate-600 {
    color: var(--dm-muted-2) !important;
}

html.dark .blog-card-body .border-slate-100 {
    border-color: var(--dm-line) !important;
}

html.dark .blog-cat-pill {
    background: var(--dm-accent-soft) !important;
    color: var(--dm-accent-text) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

html.dark .blog-hero-gradient {
    background: linear-gradient(135deg, var(--dm-bg) 0%, var(--dm-bg-alt) 50%, #111827 100%) !important;
}

html.dark section.blog-hero-gradient.border-b {
    border-color: var(--dm-line) !important;
}

html.dark .blog-hero-gradient h1 {
    color: var(--dm-text-strong) !important;
}

html.dark .blog-hero-gradient nav a {
    color: var(--dm-muted-2) !important;
}

html.dark .blog-hero-gradient nav a:hover {
    color: var(--dm-accent-text) !important;
}

html.dark .blog-hero-gradient .text-slate-700 {
    color: var(--dm-text-2) !important;
}

html.dark .blog-hero-gradient .text-slate-500,
html.dark .blog-hero-gradient > div > p {
    color: var(--dm-muted-2) !important;
}

html.dark .blog-hero-gradient .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark .blog-hero-gradient .text-slate-300 {
    color: #374151 !important;
}

html.dark .toc-sidebar {
    scrollbar-color: var(--dm-line-strong) transparent;
}

html.dark .toc-sidebar .border-b {
    border-color: var(--dm-line) !important;
}

html.dark .toc-sidebar .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark .toc-sidebar .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark .toc-item {
    color: var(--dm-muted-2);
    border-left-color: var(--dm-line);
}

html.dark .toc-item:hover {
    color: var(--dm-muted);
    border-left-color: #374151;
}

html.dark .toc-item.active {
    color: var(--dm-accent-text);
    border-left-color: var(--dm-accent);
}

html.dark .toc-mobile-toggle {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-text-2) !important;
}

html.dark .toc-mobile-toggle .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark .toc-mobile-toggle .text-slate-400 {
    color: var(--dm-muted-3) !important;
}

html.dark #mobileToc {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark section.border-t.bg-slate-50 {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
}

html.dark section.border-t.bg-slate-50 a.border-slate-200,
html.dark section.border-t.bg-slate-50 .rounded-lg.bg-white {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
}

html.dark section.border-t.bg-slate-50 a.border-slate-200:hover,
html.dark section.border-t.bg-slate-50 .rounded-lg.bg-white:hover {
    border-color: var(--dm-accent) !important;
    background: var(--dm-card-2) !important;
}

html.dark section.border-t.bg-slate-50 .text-slate-500 {
    color: var(--dm-muted-2) !important;
}

html.dark section.border-t.bg-slate-50 .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark section.border-t.bg-slate-50 .text-slate-700 {
    color: var(--dm-text-2) !important;
}

html.dark .blog-content-wrapper {
    background: #ffffff !important;
    color: #374151 !important;
    border-radius: 16px;
    padding: 2.5rem;
    border: 1px solid var(--dm-line-strong);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

html.dark .blog-content-wrapper .text-slate-900 {
    color: #0f172a !important;
}

html.dark .blog-content-wrapper .text-slate-800,
html.dark .blog-content-wrapper .text-slate-700 {
    color: #334155 !important;
}

html.dark .blog-content-wrapper .text-slate-600 {
    color: #475569 !important;
}

html.dark .blog-content-wrapper .text-slate-500 {
    color: #64748b !important;
}

html.dark .blog-content-wrapper .text-slate-400 {
    color: #94a3b8 !important;
}

html.dark .blog-content-wrapper .text-purple-600,
html.dark .blog-content-wrapper [class*="text-[#5B21B6]"] {
    color: #5B21B6 !important;
}

html.dark .blog-content-wrapper .bg-white {
    background: #ffffff !important;
}

html.dark .blog-content-wrapper .bg-slate-50 {
    background: #f8fafc !important;
}

html.dark .blog-content-wrapper .bg-slate-100 {
    background: #f1f5f9 !important;
}

html.dark .blog-content-wrapper .border-slate-100,
html.dark .blog-content-wrapper .border-slate-200 {
    border-color: #e2e8f0 !important;
}

html.dark .blog-content-wrapper table,
html.dark .blog-content-wrapper th,
html.dark .blog-content-wrapper td {
    border-color: #e5e7eb !important;
}

html.dark .blog-content-wrapper table thead tr,
html.dark .blog-content-wrapper th {
    background: #f9fafb !important;
}

html.dark .blog-content-wrapper tr:hover {
    background: transparent !important;
}

html.dark .blog-content-wrapper img {
    filter: none !important;
    opacity: 1 !important;
}

html.dark .blog-content-wrapper .faq-entry {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}

html.dark .blog-content-wrapper .faq-entry:hover {
    border-color: #cbd5e1 !important;
}

html.dark .blog-content-wrapper .faq-entry.active {
    border-color: #2563eb !important;
}

html.dark .blog-content-wrapper .faq-entry button span.font-semibold {
    color: #0f172a !important;
}

html.dark .blog-content-wrapper .faq-entry .text-slate-600 {
    color: #475569 !important;
}

html.dark .blog-content-wrapper .faq-entry .faq-arrow {
    color: #94a3b8 !important;
}

html.dark .max-w-md.bg-white,
html.dark .max-w-md .bg-white {
    background: #141925 !important;
    border-color: #1e293b !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
}

html.dark .bg-accentsoft {
    background: rgba(124, 58, 237, 0.15) !important;
}

html.dark label.text-textmain {
    color: var(--dm-text-2) !important;
}

html.dark input.border-border,
html.dark input.border {
    background: #0f1320 !important;
    border-color: #2d3748 !important;
    color: #e5e7eb !important;
}

html.dark input.border-border::placeholder,
html.dark input.border::placeholder {
    color: #4b5563 !important;
}

html.dark input.border-border:focus,
html.dark input.border:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

html.dark a.text-accent {
    color: #a78bfa !important;
}

html.dark a.text-accent:hover {
    color: #c4b5fd !important;
}

html.dark #loginDarkToggle {
    border-color: #2d3748 !important;
    background: #141925 !important;
}

html.dark #loginDarkToggle:hover {
    background: #1a1f2e !important;
}

html.dark .cf-turnstile iframe {
    color-scheme: dark;
}

html.dark .bg-green-50 {
    background: rgba(16, 185, 129, 0.12) !important;
}

html.dark .border-green-200 {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

html.dark .text-green-700 {
    color: #4ade80 !important;
}

html.dark .bg-red-50 {
    background: rgba(239, 68, 68, 0.12) !important;
}

html.dark .border-red-200 {
    border-color: rgba(239, 68, 68, 0.3) !important;
}

html.dark .text-red-700 {
    color: #fca5a5 !important;
}

html.dark .bg-purple-50 {
    background: rgba(124, 58, 237, 0.12) !important;
}

html.dark .border-purple-200 {
    border-color: rgba(124, 58, 237, 0.3) !important;
}

html.dark .text-purple-700 {
    color: #c4b5fd !important;
}

html.dark .bg-bgLight {
    background: #0b0f1a !important;
}

html.dark #otp-step.bg-card {
    background: #141925 !important;
    border-color: #1e293b !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
}

html.dark #register-step {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
}

html.dark .text-textMain {
    color: #e5e7eb !important;
}

html.dark .text-textMuted {
    color: #9ca3af !important;
}

html.dark select.border-border,
html.dark select.border {
    background: #0f1320 !important;
    border-color: #2d3748 !important;
    color: #e5e7eb !important;
}

html.dark select.border-border:focus,
html.dark select.border:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

html.dark select option {
    background: #141925 !important;
    color: #e5e7eb !important;
}

html.dark #agree_terms {
    background: #0f1320 !important;
    border-color: #2d3748 !important;
}

html.dark label span.text-slate-600 {
    color: #9ca3af !important;
}

html.dark #otp {
    background: #0f1320 !important;
    border-color: #2d3748 !important;
    color: #e5e7eb !important;
}

html.dark #otp:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

html.dark #otp::placeholder {
    color: #4b5563 !important;
}

html.dark #resendBtn {
    color: #9ca3af !important;
}

html.dark #resendBtn:hover {
    color: #a78bfa !important;
}

html.dark body.bg-\[\#f6f8fc\] {
    background: #0b0f1a !important;
}

html.dark .max-w-md.bg-white.border-gray-200 {
    background: #141925 !important;
    border-color: #1e293b !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
}

html.dark label.text-sm.font-medium {
    color: #d1d5db !important;
}

html.dark input.border-gray-200 {
    background: #0f1320 !important;
    border-color: #2d3748 !important;
    color: #e5e7eb !important;
}

html.dark input.border-gray-200::placeholder {
    color: #4b5563 !important;
}

html.dark input.border-gray-200:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.25) !important;
}

html.dark .text-gray-400 {
    color: #4b5563 !important;
}

html.dark a.text-purple-600 {
    color: #a78bfa !important;
}

html.dark a.text-purple-600:hover,
html.dark a.hover\:text-purple-700:hover {
    color: #c4b5fd !important;
}

html.dark .text-red-600 {
    color: #fca5a5 !important;
}

html.dark #loginDarkToggle.border-gray-200 {
    border-color: #2d3748 !important;
    background: #141925 !important;
}

html.dark #loginDarkToggle.border-gray-200:hover {
    background: #1a1f2e !important;
}

html.dark:has(.dash-content) .bg-gray-50 {
    background: var(--dm-bg-alt) !important;
}

html.dark:has(.dash-content) .bg-gray-100{
    background: var(--dm-card-2) !important;
}

html.dark:has(.dash-content) .bg-gray-200{
    background: var(--dm-card-3) !important;
}

html.dark .bg-gray-900,
html.dark:has(.dash-content) .bg-gray-800{
    background: var(--dm-card-3) !important;
}

html.dark:has(.dash-content) .text-gray-900,
html.dark:has(.dash-content) .text-black{
    color: var(--dm-text) !important;
}

html.dark:has(.dash-content) .text-gray-800,
html.dark:has(.dash-content) .text-gray-700{
    color: var(--dm-text-2) !important;
}

html.dark:has(.dash-content) .text-gray-600{
    color: var(--dm-muted) !important;
}

html.dark:has(.dash-content) .text-gray-500{
    color: var(--dm-muted-2) !important;
}

html.dark:has(.dash-content) .text-gray-400,
html.dark:has(.dash-content) .text-gray-300{
    color: var(--dm-muted-3) !important;
}

html.dark:has(.dash-content) .border-gray-100,
html.dark:has(.dash-content) .border-gray-200,
html.dark:has(.dash-content) .border-gray-300{
    border-color: var(--dm-line) !important;
}

html.dark:has(.dash-content) .border-gray-400,
html.dark:has(.dash-content) .border-gray-500,
html.dark:has(.dash-content) .border-gray-700,
html.dark:has(.dash-content) .border-gray-800,
html.dark:has(.dash-content) .border-gray-900{
    border-color: var(--dm-line-strong) !important;
}

html.dark:has(.dash-content) .divide-gray-200 > * + *{
    border-color: var(--dm-line) !important;
}

html.dark:has(.dash-content) .hover\:bg-gray-50:hover,
html.dark:has(.dash-content) .hover\:bg-gray-100:hover,
html.dark:has(.dash-content) .hover\:bg-gray-200:hover,
html.dark:has(.dash-content) .hover\:bg-gray-300:hover{
    background: var(--dm-card-2) !important;
}

html.dark:has(.dash-content) .hover\:bg-gray-800:hover,
html.dark:has(.dash-content) .hover\:bg-gray-900:hover{
    background: var(--dm-card-3) !important;
}

html.dark:has(.dash-content) .hover\:text-gray-600:hover,
html.dark:has(.dash-content) .hover\:text-gray-800:hover,
html.dark:has(.dash-content) .hover\:text-gray-900:hover{
    color: var(--dm-text) !important;
}

html.dark:has(.dash-content) .hover\:border-gray-300:hover,
html.dark:has(.dash-content) .hover\:border-gray-400:hover,
html.dark:has(.dash-content) .hover\:border-gray-500:hover{
    border-color: var(--dm-accent) !important;
}

html.dark:has(.dash-content) .placeholder\:text-gray-400::placeholder{
    color: var(--dm-muted-3) !important;
}

html.dark #dashTopNav {
    background: rgba(11, 15, 26, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-color: var(--dm-line) !important;
}

html.dark #dashTopNav #pageTitle,
html.dark #dashTopNav .text-slate-800 {
    color: var(--dm-text) !important;
}

html.dark #dashTopNav .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark #dashTopNav .text-slate-500,
html.dark #dashTopNav .text-slate-400 {
    color: var(--dm-muted-2) !important;
}

html.dark #dashTopNav .bg-slate-200 {
    background: var(--dm-line-strong) !important;
}

html.dark #dashTopNav .hover\:bg-slate-100:hover,
html.dark #dashTopNav .hover\:bg-slate-50:hover,
html.dark #dashDarkToggle:hover {
    background: var(--dm-card-2) !important;
    color: var(--dm-text) !important;
}

html.dark #sidebar {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
}

html.dark #sidebar .text-slate-900 {
    color: var(--dm-text) !important;
}

html.dark #sidebar .text-slate-600 {
    color: var(--dm-muted) !important;
}

html.dark #sidebar .text-slate-400 {
    color: var(--dm-muted-2) !important;
}

html.dark #sidebar .sidebar-item:hover,
html.dark #sidebar .hover\:bg-slate-50:hover {
    background: var(--dm-card-2) !important;
}

html.dark #sidebar .border-slate-100,
html.dark #sidebar .border-slate-200\/80 {
    border-color: var(--dm-line) !important;
}

html.dark #sidebar .sidebar-icon {
    filter: invert(0.85) !important;
}

html.dark #plans_list_sidebar button {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-text-2) !important;
}

html.dark #plans_list_sidebar button:hover {
    background: var(--dm-card-2) !important;
    border-color: var(--dm-accent) !important;
}

html.dark #sidebar.mobile-open {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6) !important;
}

html.dark .stat-card,
html.dark .subuser-card,
html.dark:has(.dash-content) .feature-card,
html.dark .why-partner-card,
html.dark .service-group {
    background: var(--dm-card) !important;
    border-color: var(--dm-line) !important;
}

html.dark .stat-card:hover,
html.dark .subuser-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

html.dark .stat-value {
    color: var(--dm-text) !important;
}

html.dark .stat-label {
    color: var(--dm-muted-2) !important;
}

html.dark .subuser-email {
    color: var(--dm-text) !important;
}

html.dark .subuser-meta {
    color: var(--dm-muted-2) !important;
}

html.dark .why-partner-card:hover {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.12) 0%, rgba(76, 29, 149, 0.12) 100%) !important;
}

html.dark:has(.dash-content) .feature-card:hover{
    border-color: rgba(124, 58, 237, 0.45) !important;
    box-shadow: 0 10px 25px rgba(91, 33, 182, 0.25) !important;
}

html.dark:has(.dash-content) .feature-card h3 {
    color: var(--dm-text) !important;
}

html.dark:has(.dash-content) .feature-card p{
    color: var(--dm-muted) !important;
}

html.dark .tier-card {
    background: linear-gradient(180deg, var(--dm-card-2), var(--dm-panel)) !important;
    border-color: var(--dm-panel-border) !important;
    box-shadow: var(--dm-panel-shadow) !important;
}

html.dark .tier-card:hover {
    border-color: var(--dm-line-strong) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

html.dark .tier-active {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.28) !important;
}

html.dark .btn-primary {
    background: var(--dm-text) !important;
    color: #0b0f1a !important;
    border-color: var(--dm-text) !important;
}

html.dark .btn-primary:hover {
    background: #ffffff !important;
}

html.dark .btn-secondary {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text) !important;
}

html.dark .btn-secondary:hover {
    background: var(--dm-card-2) !important;
    border-color: var(--dm-accent) !important;
}

html.dark .btn-danger {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

html.dark .btn-danger:hover {
    background: #991b1b !important;
}

html.dark .btn-success {
    background: #15803d !important;
    border-color: #15803d !important;
    color: #fff !important;
}

html.dark .icon-btn {
    color: #8fa4ff !important;
}

html.dark .icon-btn:hover {
    background: rgba(124, 58, 237, 0.18) !important;
}

html.dark .dash-content .copy-btn,
html.dark .pagination-btn {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .dash-content .copy-btn:hover,
html.dark .pagination-btn:hover {
    background: var(--dm-card-2) !important;
    border-color: var(--dm-accent) !important;
}

html.dark .filter-btn {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
}

html.dark .filter-btn:hover {
    border-color: var(--dm-accent) !important;
    color: var(--dm-text) !important;
}

html.dark .page-btn,
html.dark .page-pill {
    background: var(--dm-card) !important;
    border-color: var(--dm-text-2) !important;
    color: var(--dm-text) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

html.dark .page-btn:hover {
    background: var(--dm-card-2) !important;
}

html.dark .page-btn:disabled,
html.dark .page-btn.disabled {
    opacity: 0.4 !important;
}

html.dark .pagination-controls .of,
html.dark .pagination-controls .total,
html.dark .pagination-controls .current {
    color: var(--dm-text-2) !important;
}

html.dark .icon-box-light,
html.dark .icon-box-light-sm {
    background: var(--dm-card-2) !important;
    color: var(--dm-text) !important;
}

html.dark .icon-box-dark,
html.dark .icon-box-dark-sm,
html.dark .icon-premium,
html.dark .icon-premium-sm,
html.dark .icon-premium-black {
    background: var(--dm-card-3) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

html.dark .dash-content input:not([type="checkbox"]):not([type="radio"]),
html.dark .dash-content textarea,
html.dark .dash-content select,
html.dark .sticky-input,
html.dark .sticky-select {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text) !important;
}

html.dark .dash-content input::placeholder,
html.dark .dash-content textarea::placeholder {
    color: var(--dm-muted-3) !important;
}

html.dark .dash-content input:focus,
html.dark .dash-content textarea:focus,
html.dark .dash-content select:focus,
html.dark .sticky-input:focus {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.25) !important;
}

html.dark .sticky-label {
    color: var(--dm-muted) !important;
}

html.dark .dash-content label {
    color: var(--dm-text-2) !important;
}

html.dark .ts-control {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text) !important;
}

html.dark .ts-control .item,
html.dark .ts-control input {
    color: var(--dm-text) !important;
}

html.dark .ts-control::after {
    border-right-color: var(--dm-muted) !important;
    border-bottom-color: var(--dm-muted) !important;
}

html.dark .ts-control:hover,
html.dark .ts-control:focus-within {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.25) !important;
}

html.dark .ts-dropdown {
    background: var(--dm-card) !important;
    border-color: var(--dm-line-strong) !important;
    color: var(--dm-text-2) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

html.dark .ts-dropdown .option:hover,
html.dark .ts-dropdown .active {
    background: var(--dm-card-2) !important;
    color: var(--dm-text) !important;
}

html.dark .ts-badge-recommended {
    background: var(--dm-accent-soft) !important;
    color: var(--dm-accent-text) !important;
}

html.dark .modal {
    background: rgba(0, 0, 0, 0.7) !important;
}

html.dark .modal-box,
html.dark .modal-box-scroll {
    background: var(--dm-card) !important;
    border: 1px solid var(--dm-line) !important;
    color: var(--dm-text-2) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6) !important;
}

html.dark .modal-box h1,
html.dark .modal-box h2,
html.dark .modal-box h3,
html.dark .modal-box h4 {
    color: var(--dm-text) !important;
}

html.dark .modal-actions {
    border-color: var(--dm-line) !important;
}

html.dark .dash-content table {
    border-color: var(--dm-line) !important;
}

html.dark .dash-content thead,
html.dark .dash-content thead tr,
html.dark .dash-content th {
    background: var(--dm-bg-alt) !important;
    color: var(--dm-muted) !important;
    border-color: var(--dm-line) !important;
}

html.dark .dash-content td {
    color: var(--dm-text-2) !important;
    border-color: var(--dm-line) !important;
}

html.dark .dash-content tbody tr:hover {
    background: var(--dm-card-2) !important;
}

html.dark .status-paid,
html.dark .commission-yes {
    background: rgba(22, 163, 74, 0.16) !important;
    color: #4ade80 !important;
}

html.dark .status-pending {
    background: rgba(245, 158, 11, 0.16) !important;
    color: #fbbf24 !important;
}

html.dark .status-failed,
html.dark .status-cancelled,
html.dark .commission-no {
    background: rgba(239, 68, 68, 0.16) !important;
    color: #fca5a5 !important;
}

html.dark .plan-badge {
    background: rgba(99, 102, 241, 0.18) !important;
    color: #a5b4fc !important;
}

html.dark .commission-badge {
    background: var(--dm-card-2) !important;
    color: var(--dm-text-2) !important;
}

html.dark .bg-red-100 {
    background: rgba(239, 68, 68, 0.15) !important;
}

html.dark:has(.dash-content) .bg-orange-50,
html.dark:has(.dash-content) .bg-orange-100{
    background: rgba(249, 115, 22, 0.15) !important;
}

html.dark:has(.dash-content) .bg-yellow-100{
    background: rgba(245, 158, 11, 0.15) !important;
}

html.dark:has(.dash-content) .bg-violet-50{
    background: rgba(139, 92, 246, 0.15) !important;
}

html.dark:has(.dash-content) .bg-emerald-100{
    background: rgba(16, 185, 129, 0.15) !important;
}

html.dark:has(.dash-content) .bg-blue-100{
    background: rgba(59, 130, 246, 0.15) !important;
}

html.dark:has(.dash-content) .text-red-600,
html.dark:has(.dash-content) .text-red-700{
    color: #f87171 !important;
}

html.dark:has(.dash-content) .text-red-500,
html.dark:has(.dash-content) .text-red-400{
    color: #fca5a5 !important;
}

html.dark:has(.dash-content) .text-green-700,
html.dark:has(.dash-content) .text-emerald-600,
html.dark:has(.dash-content) .text-emerald-700,
html.dark:has(.dash-content) .text-emerald-900{
    color: #4ade80 !important;
}

html.dark:has(.dash-content) .text-orange-600,
html.dark:has(.dash-content) .text-orange-800,
html.dark:has(.dash-content) .text-amber-700,
html.dark:has(.dash-content) .text-amber-800,
html.dark:has(.dash-content) .text-amber-900{
    color: #fbbf24 !important;
}

html.dark:has(.dash-content) .text-blue-600,
html.dark:has(.dash-content) .text-blue-700{
    color: #60a5fa !important;
}

html.dark:has(.dash-content) .text-violet-700,
html.dark:has(.dash-content) .text-purple-700{
    color: var(--dm-accent-text) !important;
}

html.dark:has(.dash-content) .border-amber-200,
html.dark:has(.dash-content) .border-orange-200{
    border-color: rgba(245, 158, 11, 0.35) !important;
}

html.dark:has(.dash-content) .border-blue-200{
    border-color: rgba(59, 130, 246, 0.35) !important;
}

html.dark:has(.dash-content) .border-emerald-200,
html.dark:has(.dash-content) .border-emerald-300{
    border-color: rgba(16, 185, 129, 0.35) !important;
}

html.dark:has(.dash-content) .border-violet-200{
    border-color: rgba(139, 92, 246, 0.35) !important;
}

html.dark .usage-live-box {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(124, 58, 237, 0.14)) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
}

html.dark .usage-chip {
    background: var(--dm-card) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

html.dark .usage-chip-label {
    color: var(--dm-muted-2) !important;
}

html.dark .usage-chip-value {
    color: var(--dm-text) !important;
}

html.dark .price-preview {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
}

html.dark .price-preview .final {
    color: var(--dm-text) !important;
}

html.dark .service-option:hover {
    background: var(--dm-card-2) !important;
}

html.dark .toast {
    background: var(--dm-card-3) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}

html.dark .page-title {
    color: var(--dm-text) !important;
}

html.dark .details-mono {
    color: var(--dm-text-2) !important;
}

html.dark .tooltip-icon {
    color: var(--dm-muted-2) !important;
}

html.dark .section-loading::after {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.07) 50%,
        rgba(255, 255, 255, 0) 100%
    ) !important;
}

html.dark .loading-pulse {
    background: var(--dm-card-2) !important;
}

html.dark .dash-content .bg-card,
html.dark .dash-content .bg-white.rounded-xl:not(button):not(.payment-btn),
html.dark .dash-content .bg-white.rounded-2xl:not(button):not(.payment-btn),
html.dark .dash-content .bg-white.rounded-3xl:not(button):not(.payment-btn) {
    background: var(--dm-panel) !important;
    border-color: var(--dm-panel-border) !important;
    box-shadow: var(--dm-panel-shadow) !important;
}

html.dark .dash-content .bg-white\/70,
html.dark .dash-content .bg-white\/60 {
    background: var(--dm-panel) !important;
    border-color: var(--dm-panel-border) !important;
    box-shadow: var(--dm-panel-shadow) !important;
}

html.dark .dash-content .bg-gray-50\/80,
html.dark .dash-content .bg-gray-50\/70,
html.dark .dash-content .bg-gray-50\/40,
html.dark .dash-content .bg-slate-50\/50 {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
}

html.dark .stat-card,
html.dark .subuser-card,
html.dark:has(.dash-content) .feature-card,
html.dark .why-partner-card {
    background: var(--dm-panel) !important;
    border-color: var(--dm-panel-border) !important;
    box-shadow: var(--dm-panel-shadow) !important;
}

html.dark .payment-btn {
    background: var(--dm-panel-2) !important;
    border-color: var(--dm-panel-border) !important;
}

html.dark .payment-btn:hover {
    border-color: var(--dm-muted-3) !important;
}

html.dark:has(.dash-content) .payment-btn.border-gray-900{
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.35) !important;
}

html.dark #serviceDrawer {
    background: var(--dm-card) !important;
    border-color: var(--dm-panel-border) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

html.dark .service-group {
    background: var(--dm-bg-alt) !important;
    border-color: var(--dm-line) !important;
    color: var(--dm-muted) !important;
}

html.dark .service-option[class*="bg-slate-50"] {
    background: var(--dm-card-2) !important;
}