[data-theme="dark"],
html.satoads-dark {
    color-scheme: dark;
    --satoads-bg: #171717;
    --satoads-bg-accent: #171717;
    --satoads-surface: #1e1e1e;
    --satoads-surface-elevated: #232323;
    --satoads-surface-2: #232323;
    --satoads-surface-hover: #232323;
    --satoads-text: #f9f9f9;
    --satoads-text-muted: #9d9d9d;
    --satoads-body: #c4c4c4;
    --satoads-border: #373737;
    --satoads-border-subtle: #373737;
    --satoads-hairline: #373737;
    --satoads-header-bg: #171717;
    --satoads-footer-bg: #171717;
    --satoads-input-bg: #1e1e1e;
    --satoads-field-bg: #1e1e1e;
    --satoads-field-bg-hover: #232323;
    --satoads-field-bg-focus: #1e1e1e;
    --satoads-field-border: rgba(255, 255, 255, 0.32);
    --satoads-field-border-hover: rgba(255, 255, 255, 0.45);
    --satoads-field-border-focus: rgba(255, 255, 255, 0.55);
    --satoads-field-inset: none;
    --satoads-field-inset-focus: none;
    --satoads-field-placeholder: #8b8b8b;
    --satoads-on-primary: #0a0a0a;
    --satoads-shadow: none;
    --satoads-shadow-sm: none;
    --satoads-shadow-md: none;
    --satoads-shadow-lg: none;
    --satoads-radius: 8px;
    --satoads-radius-lg: 8px;
    --satoads-radius-xl: 8px;
    --satoads-radius-pill: 8px;
    --satoads-sidebar-bg: #171717;
    --satoads-sidebar-text: #f9f9f9;
    --satoads-sidebar-muted: #9d9d9d;
    --satoads-sidebar-border: #373737;
    --satoads-sidebar-hover: #232323;
    --satoads-sidebar-active: #232323;
}
[data-theme="dark"] body,
html.satoads-dark body {
    background-color: var(--satoads-bg);
    background-image: none;
    color: var(--satoads-text);
}
[data-theme="dark"] ::selection,
html.satoads-dark ::selection {
    background: rgba(var(--satoads-primary-rgb), 0.35);
    color: #fff;
}
[data-theme="dark"] .satoads-header,
[data-theme="dark"] .satoads-topbar,
html.satoads-dark .satoads-header,
html.satoads-dark .satoads-topbar {
    background: var(--satoads-header-bg);
    backdrop-filter: blur(14px) saturate(1.1);
    -webkit-backdrop-filter: blur(14px) saturate(1.1);
    border-color: var(--satoads-border);
    box-shadow: none;
    border-bottom: 1px solid var(--satoads-border);
}
[data-theme="dark"] .satoads-btn-primary,
[data-theme="dark"] .mps-btn-primary,
[data-theme="dark"] .mps-order-submit,
[data-theme="dark"] .mps-confirm-yes,
html.satoads-dark .satoads-btn-primary,
html.satoads-dark .mps-btn-primary,
html.satoads-dark .mps-order-submit,
html.satoads-dark .mps-confirm-yes {
    background: var(--satoads-primary);
    background-image: none;
    box-shadow: none;
    color: var(--satoads-on-primary, #0a0a0a);
    border-radius: var(--satoads-radius-pill, 8px);
}
[data-theme="dark"] .satoads-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-btn-primary:hover:not(:disabled),
[data-theme="dark"] .mps-order-submit:hover:not(:disabled),
[data-theme="dark"] .mps-confirm-yes:hover,
html.satoads-dark .satoads-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-btn-primary:hover:not(:disabled),
html.satoads-dark .mps-order-submit:hover:not(:disabled),
html.satoads-dark .mps-confirm-yes:hover {
    background: var(--satoads-primary-dark);
    filter: none;
    box-shadow: none;
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .satoads-nav,
html.satoads-dark .satoads-nav {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .satoads-nav.is-open,
html.satoads-dark .satoads-nav.is-open {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .satoads-menu li a:hover,
[data-theme="dark"] .satoads-menu li.current-menu-item a,
html.satoads-dark .satoads-menu li a:hover,
html.satoads-dark .satoads-menu li.current-menu-item a {
    background: rgba(var(--satoads-primary-rgb), 0.14);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .satoads-user-btn,
html.satoads-dark .satoads-user-btn {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .satoads-user-btn:hover,
html.satoads-dark .satoads-user-btn:hover {
    background: var(--satoads-surface-2);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .satoads-topbar-balance,
html.satoads-dark .satoads-topbar-balance {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    box-shadow: none;
}
[data-theme="dark"] .satoads-topbar-balance:hover,
html.satoads-dark .satoads-topbar-balance:hover {
    background: #232323;
    color: #ffffff;
}
[data-theme="dark"] .satoads-btn-outline,
html.satoads-dark .satoads-btn-outline {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: var(--satoads-shadow);
}
[data-theme="dark"] .satoads-btn-outline:hover,
html.satoads-dark .satoads-btn-outline:hover {
    background: var(--satoads-surface-hover);
    border-color: rgba(var(--satoads-primary-rgb), 0.45);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .satoads-btn-ghost:hover,
html.satoads-dark .satoads-btn-ghost:hover {
    background: var(--satoads-surface);
    color: var(--satoads-text);
}
[data-theme="dark"] .satoads-post-article,
[data-theme="dark"] .satoads-auth-gate,
[data-theme="dark"] .satoads-seo-preview,
[data-theme="dark"] .satoads-blog-card,
[data-theme="dark"] .satoads-blog-empty,
html.satoads-dark .satoads-post-article,
html.satoads-dark .satoads-auth-gate,
html.satoads-dark .satoads-seo-preview,
html.satoads-dark .satoads-blog-card,
html.satoads-dark .satoads-blog-empty {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: none;
}
[data-theme="dark"] .satoads-page-title,
[data-theme="dark"] .satoads-topbar-logo-text,
[data-theme="dark"] .satoads-sidebar-client-level,
html.satoads-dark .satoads-page-title,
html.satoads-dark .satoads-topbar-logo-text,
html.satoads-dark .satoads-sidebar-client-level {
    color: var(--satoads-text);
}
[data-theme="dark"] .satoads-header.is-scrolled,
html.satoads-dark .satoads-header.is-scrolled {
    background: rgba(23, 23, 23, 0.96);
    box-shadow: none;
    border-bottom-color: var(--satoads-border);
}
[data-theme="dark"] .satoads-footer,
html.satoads-dark .satoads-footer {
    background: var(--satoads-footer-bg);
    border-color: var(--satoads-border-subtle);
}
[data-theme="dark"] .satoads-footer-grid,
html.satoads-dark .satoads-footer-grid {
    border-color: var(--satoads-border-subtle);
}
[data-theme="dark"] .satoads-app-footer,
html.satoads-dark .satoads-app-footer {
    background: #171717;
    border-top-color: var(--satoads-primary);
}
[data-theme="dark"] .satoads-sidebar,
html.satoads-dark .satoads-sidebar {
    background: #171717;
    border-color: #373737;
    box-shadow: none;
    color: #dadbdf;
}
[data-theme="dark"] .satoads-sidebar-brand,
[data-theme="dark"] .satoads-sidebar-bottom,
html.satoads-dark .satoads-sidebar-brand,
html.satoads-dark .satoads-sidebar-bottom {
    border-color: #373737;
}
[data-theme="dark"] .satoads-sidebar-client-level,
html.satoads-dark .satoads-sidebar-client-level {
    color: #ffffff;
}
[data-theme="dark"] .satoads-sidebar-link,
html.satoads-dark .satoads-sidebar-link {
    color: #dadbdf;
}
[data-theme="dark"] .satoads-sidebar-link:hover,
html.satoads-dark .satoads-sidebar-link:hover {
    background: #232323;
    color: #ffffff;
}
[data-theme="dark"] .satoads-sidebar-link.is-active,
html.satoads-dark .satoads-sidebar-link.is-active {
    background: #232323;
    color: #ffffff;
    border-color: #373737;
    box-shadow: none;
}
[data-theme="dark"] .satoads-sidebar-link.is-active::before,
html.satoads-dark .satoads-sidebar-link.is-active::before {
    background: var(--satoads-accent);
}
[data-theme="dark"] .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-icon {
    background: transparent !important;
    color: #7d8187;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-sidebar-link:hover .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link:hover .satoads-sidebar-icon {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: #373737 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-sidebar-link.is-active .satoads-sidebar-icon,
html.satoads-dark .satoads-sidebar-link.is-active .satoads-sidebar-icon {
    background: var(--satoads-accent) !important;
    border-color: var(--satoads-accent) !important;
    color: var(--satoads-on-accent, var(--satoads-on-primary)) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .satoads-sidebar-client-balance,
html.satoads-dark .satoads-sidebar-client-balance {
    color: #7d8187;
}
[data-theme="dark"] .satoads-sidebar-collapse,
[data-theme="dark"] .satoads-sidebar-logout,
html.satoads-dark .satoads-sidebar-collapse,
html.satoads-dark .satoads-sidebar-logout {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #7d8187;
}
[data-theme="dark"] .satoads-sidebar-collapse:hover,
html.satoads-dark .satoads-sidebar-collapse:hover {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}
[data-theme="dark"] .mps-product-card,
[data-theme="dark"] .mps-category-card,
[data-theme="dark"] .mps-order-card,
[data-theme="dark"] .mps-wallet-card:not(.mps-wallet-card-primary),
html.satoads-dark .mps-product-card,
html.satoads-dark .mps-category-card,
html.satoads-dark .mps-order-card,
html.satoads-dark .mps-wallet-card:not(.mps-wallet-card-primary) {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    box-shadow: none;
    border-radius: 8px;
}
[data-theme="dark"] .mps-form-group input,
[data-theme="dark"] .mps-form-group select,
[data-theme="dark"] .mps-form-group textarea,
[data-theme="dark"] .mps-store-search,
[data-theme="dark"] .mps-qty-stepper,
html.satoads-dark .mps-form-group input,
html.satoads-dark .mps-form-group select,
html.satoads-dark .mps-form-group textarea,
html.satoads-dark .mps-store-search,
html.satoads-dark .mps-qty-stepper {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    box-shadow: none;
}
[data-theme="dark"] .mps-store-search-input,
[data-theme="dark"] .mps-store-search input,
html.satoads-dark .mps-store-search-input,
html.satoads-dark .mps-store-search input {
    background: transparent;
    border-color: transparent;
    color: var(--satoads-text, #ffffff);
    box-shadow: none;
}
[data-theme="dark"] .mps-modal-total,
html.satoads-dark .mps-modal-total {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    background-image: none;
}
[data-theme="dark"] .satoads-auth-alert-info,
html.satoads-dark .satoads-auth-alert-info {
    background: rgba(var(--satoads-primary-rgb), 0.12);
    border-color: rgba(var(--satoads-primary-rgb), 0.25);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .satoads-auth-alert-error,
html.satoads-dark .satoads-auth-alert-error {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.28);
    color: #fca5a5;
}
[data-theme="dark"] .satoads-auth-alert-success,
html.satoads-dark .satoads-auth-alert-success {
    background: rgba(52, 211, 153, 0.1);
    border-color: rgba(52, 211, 153, 0.25);
    color: #6ee7b7;
}
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .satoads-auth-card {
    background: var(--satoads-auth-surface, #1e1e1e);
    border-color: var(--satoads-auth-hairline, #373737);
    box-shadow: none;
}
[data-theme="dark"] .satoads-auth-input,
[data-theme="dark"] .mps-input,
html.satoads-dark .satoads-auth-input,
html.satoads-dark .mps-input {
    background: var(--satoads-field-bg, var(--satoads-input-bg));
    border-color: var(--satoads-field-border, var(--satoads-border));
    color: var(--satoads-text);
    box-shadow: var(--satoads-field-inset, none);
}
[data-theme="dark"] .satoads-auth-input:focus,
html.satoads-dark .satoads-auth-input:focus {
    background: var(--satoads-field-bg-focus, var(--satoads-input-bg));
    border-color: var(--satoads-field-border-focus);
    box-shadow: var(--satoads-field-inset-focus, none);
}
[data-theme="dark"] .satoads-blog-pagination .mps-pager-inner,
[data-theme="dark"] .satoads-blog-pagination .nav-links,
html.satoads-dark .satoads-blog-pagination .mps-pager-inner,
html.satoads-dark .satoads-blog-pagination .nav-links {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: none;
}
[data-theme="dark"] .satoads-blog-pagination .nav-links,
html.satoads-dark .satoads-blog-pagination .nav-links {
    background: transparent;
    border-color: transparent;
}
[data-theme="dark"] .satoads-blog-pagination .page-numbers:not(.current),
[data-theme="dark"] .satoads-blog-pagination .mps-pager-nav-btn:not(:disabled),
html.satoads-dark .satoads-blog-pagination .page-numbers:not(.current),
html.satoads-dark .satoads-blog-pagination .mps-pager-nav-btn:not(:disabled) {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #dadbdf;
}
[data-theme="dark"] .satoads-blog-pagination .page-numbers:not(.current):hover,
[data-theme="dark"] .satoads-blog-pagination .mps-pager-page:hover:not(.is-active),
[data-theme="dark"] .satoads-blog-pagination .mps-pager-nav-btn:hover:not(:disabled):not([aria-disabled="true"]),
html.satoads-dark .satoads-blog-pagination .page-numbers:not(.current):hover,
html.satoads-dark .satoads-blog-pagination .mps-pager-page:hover:not(.is-active),
html.satoads-dark .satoads-blog-pagination .mps-pager-nav-btn:hover:not(:disabled):not([aria-disabled="true"]) {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
[data-theme="dark"] .satoads-blog-pagination .page-numbers.current,
[data-theme="dark"] .satoads-blog-pagination .mps-pager-page.is-active,
html.satoads-dark .satoads-blog-pagination .page-numbers.current,
html.satoads-dark .satoads-blog-pagination .mps-pager-page.is-active {
    background: var(--satoads-primary);
    border-color: var(--satoads-primary);
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .mps-product-card,
[data-theme="dark"] .mps-order-card,
[data-theme="dark"] .mps-wallet-card:not(.mps-wallet-card-primary),
[data-theme="dark"] .mps-modal-dialog,
[data-theme="dark"] .mps-category-card,
[data-theme="dark"] .mps-confirm-dialog,
html.satoads-dark .mps-product-card,
html.satoads-dark .mps-order-card,
html.satoads-dark .mps-wallet-card:not(.mps-wallet-card-primary),
html.satoads-dark .mps-modal-dialog,
html.satoads-dark .mps-category-card,
html.satoads-dark .mps-confirm-dialog {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: var(--satoads-shadow-md);
}
[data-theme="dark"] .satoads-blog-card,
[data-theme="dark"] .satoads-auth-card,
html.satoads-dark .satoads-blog-card,
html.satoads-dark .satoads-auth-card {
    border: 1px solid var(--satoads-border);
}
[data-theme="dark"] .mps-confirm-backdrop,
html.satoads-dark .mps-confirm-backdrop {
    background: rgba(10, 12, 14, 0.72);
}
[data-theme="dark"] .mps-confirm-close,
html.satoads-dark .mps-confirm-close {
    color: var(--satoads-text-muted);
}
[data-theme="dark"] .mps-confirm-close:hover,
html.satoads-dark .mps-confirm-close:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-confirm-message,
[data-theme="dark"] .mps-confirm-product-label,
[data-theme="dark"] .mps-confirm-order-meta span,
html.satoads-dark .mps-confirm-message,
html.satoads-dark .mps-confirm-product-label,
html.satoads-dark .mps-confirm-order-meta span {
    color: var(--satoads-text-muted);
}
[data-theme="dark"] .mps-confirm-product,
html.satoads-dark .mps-confirm-product {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-confirm-product-name,
[data-theme="dark"] .mps-confirm-order-meta strong,
[data-theme="dark"] .mps-confirm-title,
html.satoads-dark .mps-confirm-product-name,
html.satoads-dark .mps-confirm-order-meta strong,
html.satoads-dark .mps-confirm-title {
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-confirm-no,
html.satoads-dark .mps-confirm-no {
    background: var(--satoads-surface-elevated);
    color: var(--satoads-text);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-cooldown-count,
html.satoads-dark .mps-cooldown-count {
    color: var(--satoads-primary);
}
[data-theme="dark"] .mps-cooldown-hint,
html.satoads-dark .mps-cooldown-hint {
    color: var(--satoads-text-muted);
}
[data-theme="dark"] .mps-confirm-icon-warn,
html.satoads-dark .mps-confirm-icon-warn {
    background: rgba(196, 125, 0, 0.18);
    color: #fbbf24;
}
[data-theme="dark"] .mps-processing-hint,
html.satoads-dark .mps-processing-hint {
    color: var(--satoads-text-muted);
}
[data-theme="dark"] .mps-processing-core,
html.satoads-dark .mps-processing-core {
    background: var(--satoads-primary);
}
[data-theme="dark"] .mps-confirm-no:hover,
html.satoads-dark .mps-confirm-no:hover {
    border-color: #f87171;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.1);
}
[data-theme="dark"] .mps-product-card:hover:not(:disabled),
[data-theme="dark"] .mps-category-card:hover,
html.satoads-dark .mps-product-card:hover:not(:disabled),
html.satoads-dark .mps-category-card:hover {
    border-color: rgba(var(--satoads-primary-rgb), 0.35);
    box-shadow:
        0 8px 28px rgba(var(--satoads-primary-rgb), 0.12),
        var(--satoads-shadow-md);
}
[data-theme="dark"] .mps-category-card-thumb,
[data-theme="dark"] .mps-product-thumb,
html.satoads-dark .mps-category-card-thumb,
html.satoads-dark .mps-product-thumb {
    background: var(--satoads-surface-elevated);
}
[data-theme="dark"] .mps-product-details-link,
html.satoads-dark .mps-product-details-link {
    background: rgba(38, 41, 46, 0.94);
    border-color: rgba(255, 255, 255, 0.16);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-product-details-link:hover,
html.satoads-dark .mps-product-details-link:hover {
    background: var(--satoads-primary);
    border-color: transparent;
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .mps-fav-btn,
html.satoads-dark .mps-fav-btn {
    background: rgba(38, 41, 46, 0.94);
    border-color: rgba(255, 255, 255, 0.16);
    color: #fda4af;
}
[data-theme="dark"] .mps-fav-btn.is-on,
html.satoads-dark .mps-fav-btn.is-on {
    background: rgba(225, 29, 72, 0.22);
    color: #fb7185;
}
[data-theme="dark"] .mps-fav-toggle,
html.satoads-dark .mps-fav-toggle {
    background: var(--satoads-input-bg, #1f232b);
    border-color: var(--satoads-hairline, #343a45);
    color: #fda4af;
}
[data-theme="dark"] .mps-fav-toggle.is-on,
html.satoads-dark .mps-fav-toggle.is-on {
    background: rgba(225, 29, 72, 0.22);
    border-color: rgba(251, 113, 133, 0.4);
    color: #fb7185;
}
[data-theme="dark"] .mps-fav-toggle-count,
html.satoads-dark .mps-fav-toggle-count {
    background: #e11d48;
    color: #fff;
}
[data-theme="dark"] .mps-product-price,
html.satoads-dark .mps-product-price {
    border-top-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .mps-store-search,
[data-theme="dark"] .mps-form-group input,
[data-theme="dark"] .mps-form-group select,
[data-theme="dark"] .mps-form-group textarea,
[data-theme="dark"] .mps-topup-form textarea,
html.satoads-dark .mps-store-search,
html.satoads-dark .mps-form-group input,
html.satoads-dark .mps-form-group select,
html.satoads-dark .mps-form-group textarea,
html.satoads-dark .mps-topup-form textarea {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-store-search:focus-within,
html.satoads-dark .mps-store-search:focus-within {
    background: var(--satoads-surface-elevated);
    box-shadow: 0 0 0 3px rgba(var(--satoads-primary-rgb), 0.18);
}
[data-theme="dark"] .mps-form-group input:focus,
[data-theme="dark"] .mps-form-group select:focus,
[data-theme="dark"] .mps-form-group textarea:focus,
html.satoads-dark .mps-form-group input:focus,
html.satoads-dark .mps-form-group select:focus,
html.satoads-dark .mps-form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(var(--satoads-primary-rgb), 0.18);
}
[data-theme="dark"] .mps-store-breadcrumb,
html.satoads-dark .mps-store-breadcrumb {
    background: rgba(var(--satoads-primary-rgb), 0.06);
    border-color: rgba(var(--satoads-primary-rgb), 0.15);
}
[data-theme="dark"] .mps-store-back,
html.satoads-dark .mps-store-back {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-store-back:hover,
html.satoads-dark .mps-store-back:hover {
    background: rgba(var(--satoads-primary-rgb), 0.12);
    border-color: rgba(var(--satoads-primary-rgb), 0.3);
}
[data-theme="dark"] .mps-category-card-name,
[data-theme="dark"] .mps-store-crumb-title,
html.satoads-dark .mps-category-card-name,
html.satoads-dark .mps-store-crumb-title {
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-modal-backdrop,
html.satoads-dark .mps-modal-backdrop {
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
}
[data-theme="dark"] .mps-modal-product,
[data-theme="dark"] .mps-order-product-info,
html.satoads-dark .mps-modal-product,
html.satoads-dark .mps-order-product-info,
body.satoads-dark .mps-modal-product,
body.satoads-dark .mps-order-product-info {
    background: var(--satoads-surface-elevated) !important;
    border-color: var(--satoads-border) !important;
}
[data-theme="dark"] .mps-modal-dialog,
[data-theme="dark"] .mps-confirm-dialog,
html.satoads-dark .mps-modal-dialog,
html.satoads-dark .mps-confirm-dialog {
    background: var(--satoads-surface);
    border: 1px solid var(--satoads-border);
    box-shadow: var(--satoads-shadow-lg);
    border-radius: 12px;
}
[data-theme="dark"] .mps-modal-title,
html.satoads-dark .mps-modal-title,
body.satoads-dark .mps-modal-title {
    color: var(--satoads-text) !important;
}
[data-theme="dark"] .mps-modal-desc,
html.satoads-dark .mps-modal-desc,
body.satoads-dark .mps-modal-desc {
    background: var(--satoads-input-bg, #141414) !important;
    border-color: var(--satoads-border);
    color: var(--satoads-text-muted, #8f8f8f);
}
[data-theme="dark"] .mps-btn-outline,
html.satoads-dark .mps-btn-outline,
body.satoads-dark .mps-btn-outline {
    background: var(--satoads-surface-elevated, #222222);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-modal-close,
html.satoads-dark .mps-modal-close {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-modal-close:hover,
html.satoads-dark .mps-modal-close:hover {
    background: var(--satoads-surface-hover);
}
[data-theme="dark"] .mps-modal-total,
[data-theme="dark"] .mps-code-item,
[data-theme="dark"] .mps-sub-details,
html.satoads-dark .mps-modal-total,
html.satoads-dark .mps-code-item,
html.satoads-dark .mps-sub-details {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-btn-outline,
html.satoads-dark .mps-btn-outline {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-btn-outline:hover,
html.satoads-dark .mps-btn-outline:hover {
    background: var(--satoads-surface-hover, #232323);
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
[data-theme="dark"] .mps-copy-btn,
html.satoads-dark .mps-copy-btn {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-copy-btn:hover,
html.satoads-dark .mps-copy-btn:hover {
    background: var(--satoads-surface-hover);
}
[data-theme="dark"] .mps-wallet-section,
[data-theme="dark"] .mps-wallet-action-btn:not(.mps-wallet-action-store),
html.satoads-dark .mps-wallet-section,
html.satoads-dark .mps-wallet-action-btn:not(.mps-wallet-action-store) {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-wallet-hero-card,
[data-theme="dark"] .mps-account-header,
html.satoads-dark .mps-wallet-hero-card,
html.satoads-dark .mps-account-header {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
    box-shadow: none;
}
[data-theme="dark"] .mps-wallet-chip,
html.satoads-dark .mps-wallet-chip {
    background: var(--satoads-surface-2, #232323);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-wallet-stat,
html.satoads-dark .mps-wallet-stat {
    background: var(--satoads-surface-2, #232323);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-wallet-uid-copy,
html.satoads-dark .mps-wallet-uid-copy {
    background: var(--satoads-surface-2, #232323);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-wallet-uid-copy code,
html.satoads-dark .mps-wallet-uid-copy code {
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn {
    background: var(--satoads-primary);
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn svg,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn svg {
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .mps-wallet-action-store,
[data-theme="dark"] .mps-wallet-action-deposit,
html.satoads-dark .mps-wallet-action-store,
html.satoads-dark .mps-wallet-action-deposit {
    background: var(--satoads-primary);
    color: var(--satoads-on-primary, #0a0a0a);
    border-color: var(--satoads-primary);
}
[data-theme="dark"] .mps-wallet-action-store svg,
[data-theme="dark"] .mps-wallet-action-deposit svg,
html.satoads-dark .mps-wallet-action-store svg,
html.satoads-dark .mps-wallet-action-deposit svg {
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"]
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover,
html.satoads-dark
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover {
    background: var(--satoads-surface-hover, #232323);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}
[data-theme="dark"]
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover
    svg,
html.satoads-dark
    .mps-wallet-action-btn:not(.mps-wallet-action-store):not(.mps-wallet-action-deposit):hover
    svg {
    color: #ffffff;
}
[data-theme="dark"] .mps-wallet-action-store:hover,
[data-theme="dark"] .mps-wallet-action-deposit:hover,
[data-theme="dark"] .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover,
html.satoads-dark .mps-wallet-action-store:hover,
html.satoads-dark .mps-wallet-action-deposit:hover,
html.satoads-dark .mps-wallet-uid-copy .mps-wallet-uid-copy-btn:hover {
    background: var(--satoads-primary-dark, #fafaf7);
    color: var(--satoads-on-primary, #0a0a0a);
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh,
[data-theme="dark"] .mps-wallet-refresh,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh,
html.satoads-dark .mps-wallet-refresh {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #dadbdf;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-refresh:hover,
[data-theme="dark"] .mps-wallet-refresh:hover,
html.satoads-dark .mps-wallet-hero .mps-wallet-refresh:hover,
html.satoads-dark .mps-wallet-refresh:hover {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
[data-theme="dark"] .mps-wallet-hero .mps-wallet-balance,
[data-theme="dark"] .mps-wallet-stat strong,
[data-theme="dark"] .mps-account-name,
html.satoads-dark .mps-wallet-hero .mps-wallet-balance,
html.satoads-dark .mps-wallet-stat strong,
html.satoads-dark .mps-account-name {
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-deposit-history-stats .mps-wallet-stat,
html.satoads-dark .mps-deposit-history-stats .mps-wallet-stat {
    background: var(--satoads-surface-2, #232323);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-wallet-card-icon-accent,
html.satoads-dark .mps-wallet-card-icon-accent {
    background: rgba(var(--satoads-primary-rgb), 0.12);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-deposit-method-card,
html.satoads-dark .mps-deposit-method-card {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-deposit-gateway-info,
[data-theme="dark"] .mps-deposit-form .mps-form-group,
[data-theme="dark"] .mps-deposit-api-step,
html.satoads-dark .mps-deposit-gateway-info,
html.satoads-dark .mps-deposit-form .mps-form-group,
html.satoads-dark .mps-deposit-api-step {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-deposit-selected-label,
html.satoads-dark .mps-deposit-selected-label {
    background: none;
    border: 0;
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-deposit-form-lead,
html.satoads-dark .mps-deposit-form-lead {
    background: rgba(var(--satoads-primary-rgb, 255, 255, 255), 0.08);
    border-color: rgba(var(--satoads-primary-rgb, 255, 255, 255), 0.16);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-deposit-form-badge.is-auto,
html.satoads-dark .mps-deposit-form-badge.is-auto,
[data-theme="dark"] .mps-deposit-method-badge,
html.satoads-dark .mps-deposit-method-badge {
    background: rgba(74, 222, 128, 0.14);
    border-color: rgba(74, 222, 128, 0.32);
    color: #86efac;
}
[data-theme="dark"] .mps-deposit-calc-box,
html.satoads-dark .mps-deposit-calc-box {
    background: var(--satoads-field-bg, #232323);
    border-color: var(--satoads-field-border, rgba(255, 255, 255, 0.32));
}
[data-theme="dark"] .mps-deposit-calc-label,
html.satoads-dark .mps-deposit-calc-label {
    color: var(--satoads-text-muted, #7d8187);
}
[data-theme="dark"] .mps-deposit-calc-value,
html.satoads-dark .mps-deposit-calc-value {
    color: var(--satoads-text, #fff);
}
[data-theme="dark"] .mps-amount-affix,
html.satoads-dark .mps-amount-affix {
    background: var(--satoads-field-bg, #232323);
    border-color: var(--satoads-field-border, rgba(255, 255, 255, 0.32));
    color: var(--satoads-text-muted, #7d8187);
}
[data-theme="dark"] .mps-deposit-copy-btn,
html.satoads-dark .mps-deposit-copy-btn {
    background: var(--satoads-surface-elevated);
    border-color: var(--satoads-border);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-orders-toolbar,
html.satoads-dark .mps-orders-toolbar {
    background: transparent;
    border-color: #373737;
    box-shadow: none;
}
[data-theme="dark"] .mps-orders-search,
html.satoads-dark .mps-orders-search {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: none;
}
[data-theme="dark"] .mps-orders-search:focus-within,
html.satoads-dark .mps-orders-search:focus-within {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: none;
}
[data-theme="dark"] .mps-orders-status-chip,
html.satoads-dark .mps-orders-status-chip {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #7d8187;
    box-shadow: none;
}
[data-theme="dark"] .mps-orders-status-chip.is-active,
html.satoads-dark .mps-orders-status-chip.is-active {
    background: #ffffff;
    border-color: #ffffff;
    color: #0a0a0a;
    box-shadow: none;
}
[data-theme="dark"] .mps-order-input-chip,
html.satoads-dark .mps-order-input-chip {
    background: rgba(var(--satoads-primary-rgb), 0.1);
    border-color: rgba(var(--satoads-primary-rgb), 0.22);
    color: #b7d9eb;
}
[data-theme="dark"] .mps-order-body,
html.satoads-dark .mps-order-body {
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-order-stat,
html.satoads-dark .mps-order-stat {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-order-stat-total,
html.satoads-dark .mps-order-stat-total {
    background: rgba(var(--satoads-primary-rgb), 0.1);
    border-color: rgba(var(--satoads-primary-rgb), 0.22);
}
[data-theme="dark"] .mps-order-api-id,
[data-theme="dark"] .mps-order-provider,
[data-theme="dark"] .mps-orders-empty,
html.satoads-dark .mps-order-api-id,
html.satoads-dark .mps-order-provider,
html.satoads-dark .mps-orders-empty {
    background: var(--satoads-input-bg);
    border-color: var(--satoads-border);
    color: var(--satoads-text-muted);
}
[data-theme="dark"] .mps-order-provider,
html.satoads-dark .mps-order-provider {
    background: rgba(var(--satoads-primary-rgb), 0.1);
    border-color: rgba(var(--satoads-primary-rgb), 0.2);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-order-meta strong,
[data-theme="dark"] .mps-tx-type,
[data-theme="dark"] .mps-order-section-title,
[data-theme="dark"] .mps-order-field dd,
html.satoads-dark .mps-order-meta strong,
html.satoads-dark .mps-tx-type,
html.satoads-dark .mps-order-section-title,
html.satoads-dark .mps-order-field dd {
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-order-error,
html.satoads-dark .mps-order-error {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
}
[data-theme="dark"] .mps-status-processing,
[data-theme="dark"] .mps-status-pending,
html.satoads-dark .mps-status-processing,
html.satoads-dark .mps-status-pending {
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.25);
}
[data-theme="dark"] .mps-status-completed,
html.satoads-dark .mps-status-completed {
    background: rgba(52, 211, 153, 0.1);
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, 0.22);
}
[data-theme="dark"] .mps-status-rejected,
[data-theme="dark"] .mps-status-failed,
[data-theme="dark"] .mps-status-cancelled,
html.satoads-dark .mps-status-rejected,
html.satoads-dark .mps-status-failed,
html.satoads-dark .mps-status-cancelled {
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.25);
}
[data-theme="dark"] .mps-form-msg-ok,
[data-theme="dark"] .mps-order-msg-ok,
html.satoads-dark .mps-form-msg-ok,
html.satoads-dark .mps-order-msg-ok {
    background: rgba(52, 211, 153, 0.1);
    color: #6ee7b7;
}
[data-theme="dark"] .mps-form-msg-error,
[data-theme="dark"] .mps-order-msg-error,
html.satoads-dark .mps-form-msg-error,
html.satoads-dark .mps-order-msg-error {
    background: rgba(239, 68, 68, 0.1);
    color: #fca5a5;
}
[data-theme="dark"] .mps-notice-warn,
html.satoads-dark .mps-notice-warn {
    background: rgba(245, 158, 11, 0.1);
    color: #fcd34d;
}
[data-theme="dark"] .mps-notice-info,
html.satoads-dark .mps-notice-info {
    background: rgba(var(--satoads-primary-rgb), 0.1);
    color: var(--satoads-primary-dark);
    border-color: rgba(var(--satoads-primary-rgb), 0.22);
}
[data-theme="dark"] .mps-pager-inner,
[data-theme="dark"] .mps-orders-pager-inner,
html.satoads-dark .mps-pager-inner,
html.satoads-dark .mps-orders-pager-inner {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    box-shadow: none;
}
[data-theme="dark"] .mps-pager-nav-btn,
[data-theme="dark"] .mps-pager-page,
html.satoads-dark .mps-pager-nav-btn,
html.satoads-dark .mps-pager-page {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #dadbdf;
    box-shadow: none;
}
[data-theme="dark"] .mps-pager-page,
html.satoads-dark .mps-pager-page {
    border-color: transparent;
}
[data-theme="dark"] .mps-pager-page:hover:not(.is-active),
[data-theme="dark"] .mps-pager-nav-btn:hover:not(:disabled):not([aria-disabled="true"]),
html.satoads-dark .mps-pager-page:hover:not(.is-active),
html.satoads-dark .mps-pager-nav-btn:hover:not(:disabled):not([aria-disabled="true"]) {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
[data-theme="dark"] .mps-pager-page.is-active,
html.satoads-dark .mps-pager-page.is-active {
    background: var(--satoads-primary);
    border-color: var(--satoads-primary);
    color: var(--satoads-on-primary, #0a0a0a);
    box-shadow: none;
}
[data-theme="dark"] .mps-level-tier-card,
html.satoads-dark .mps-level-tier-card {
    background: #232323;
    border-color: #373737;
    color: #ffffff;
}
[data-theme="dark"] .mps-level-tier-card.is-current,
html.satoads-dark .mps-level-tier-card.is-current {
    background: var(--satoads-accent, #ff7a17);
    border-color: var(--satoads-accent, #ff7a17);
    color: var(--satoads-on-accent, #ffffff);
}
[data-theme="dark"] .mps-level-progress-bar,
html.satoads-dark .mps-level-progress-bar {
    background: var(--satoads-hairline, var(--satoads-border));
}
[data-theme="dark"] .mps-product-type-badge,
html.satoads-dark .mps-product-type-badge {
    background: rgba(38, 41, 46, 0.92);
    color: var(--satoads-text);
    border: 1px solid var(--satoads-border);
    backdrop-filter: blur(6px);
}
[data-theme="dark"] .mps-ptype-simple.mps-product-type-badge,
html.satoads-dark .mps-ptype-simple.mps-product-type-badge {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
}
[data-theme="dark"] .mps-ptype-variable.mps-product-type-badge,
html.satoads-dark .mps-ptype-variable.mps-product-type-badge {
    background: rgba(139, 92, 246, 0.15);
    color: #c4b5fd;
}
[data-theme="dark"] .mps-ptype-codes.mps-product-type-badge,
html.satoads-dark .mps-ptype-codes.mps-product-type-badge {
    background: rgba(245, 158, 11, 0.12);
    color: #fcd34d;
}
[data-theme="dark"] .mps-ptype-subscription.mps-product-type-badge,
html.satoads-dark .mps-ptype-subscription.mps-product-type-badge {
    background: rgba(var(--satoads-primary-rgb), 0.12);
    color: var(--satoads-primary-dark);
}
[data-theme="dark"] .mps-variation-pill,
html.satoads-dark .mps-variation-pill {
    background: var(--satoads-surface);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-variation-pill.is-selected,
html.satoads-dark .mps-variation-pill.is-selected {
    background: rgba(var(--satoads-primary-rgb), 0.1);
    border-color: rgba(var(--satoads-primary-rgb), 0.4);
    box-shadow: 0 0 0 3px rgba(var(--satoads-primary-rgb), 0.12);
}
[data-theme="dark"] .mps-sub-pending,
[data-theme="dark"] .mps-sub-pending-badge,
html.satoads-dark .mps-sub-pending,
html.satoads-dark .mps-sub-pending-badge {
    background: rgba(245, 158, 11, 0.1);
    color: #fcd34d;
}
[data-theme="dark"] .mps-skeleton,
[data-theme="dark"] .mps-category-card-thumb.mps-skeleton,
[data-theme="dark"] .mps-product-thumb.mps-skeleton,
html.satoads-dark .mps-skeleton,
html.satoads-dark .mps-category-card-thumb.mps-skeleton,
html.satoads-dark .mps-product-thumb.mps-skeleton {
    background: var(--satoads-surface-elevated);
}
[data-theme="dark"] .mps-skeleton::after,
html.satoads-dark .mps-skeleton::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);
}
[data-theme="dark"] .mps-store-prefs-modal__dialog,
html.satoads-dark .mps-store-prefs-modal__dialog {
    background: var(--satoads-surface);
    color: var(--satoads-text);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}
[data-theme="dark"] .mps-store-prefs-modal__head,
[data-theme="dark"] .mps-store-prefs-modal__foot,
html.satoads-dark .mps-store-prefs-modal__head,
html.satoads-dark .mps-store-prefs-modal__foot {
    border-color: var(--satoads-border);
}
[data-theme="dark"] .mps-store-prefs-field select,
[data-theme="dark"] .mps-store-prefs-toggle,
[data-theme="dark"] .mps-store-prefs-modal__close,
html.satoads-dark .mps-store-prefs-field select,
html.satoads-dark .mps-store-prefs-toggle,
html.satoads-dark .mps-store-prefs-modal__close {
    background: var(--satoads-input-bg, #1c2640);
    border-color: var(--satoads-border);
    color: var(--satoads-text);
}
[data-theme="dark"] .mps-account-nav,
[data-theme="dark"] .mps-account-panel,
[data-theme="dark"] .mps-account-header,
html.satoads-dark .mps-account-nav,
html.satoads-dark .mps-account-panel,
html.satoads-dark .mps-account-header {
    background: #1e1e1e;
    border-color: #373737;
}
[data-theme="dark"] .mps-account-stat,
[data-theme="dark"] .mps-account-card,
html.satoads-dark .mps-account-stat,
html.satoads-dark .mps-account-card {
    background: #232323;
    border-color: #373737;
}
[data-theme="dark"] .mps-account-nav-btn:hover,
html.satoads-dark .mps-account-nav-btn:hover {
    background: #232323;
    color: #ffffff;
}
[data-theme="dark"] .mps-account-nav-btn.is-active,
html.satoads-dark .mps-account-nav-btn.is-active {
    background: #232323;
    color: #ffffff;
    border-color: #373737;
}
[data-theme="dark"] .mps-account-quick-link,
[data-theme="dark"] .mps-account-wallets-list li,
html.satoads-dark .mps-account-quick-link,
html.satoads-dark .mps-account-wallets-list li {
    background: transparent;
    border-color: #373737;
    color: #ffffff;
}
[data-theme="dark"] .mps-level-tier-card,
html.satoads-dark .mps-level-tier-card {
    background: #232323;
    border-color: #373737;
    color: #ffffff;
    box-shadow: none;
}
[data-theme="dark"] .mps-level-tier-card.is-current,
html.satoads-dark .mps-level-tier-card.is-current {
    background: var(--satoads-accent, #ff7a17);
    border-color: var(--satoads-accent, #ff7a17);
    color: var(--satoads-on-accent, #ffffff);
}
.satoads-theme-toggle {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    background: transparent;
    border: 1px solid var(--satoads-outline-border, rgba(10, 10, 10, 0.18));
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--satoads-text, #0a0a0a);
    box-shadow: none;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        color 0.15s ease;
    flex-shrink: 0;
    padding: 0;
}
.satoads-theme-toggle:hover {
    transform: none;
    background: var(--satoads-surface-2, #f0f0ed);
    border-color: var(--satoads-hairline, var(--satoads-border));
    color: var(--satoads-text, #0a0a0a);
    box-shadow: none;
}
.satoads-theme-toggle-track {
    position: relative;
    width: 18px;
    height: 18px;
    pointer-events: none;
}
.satoads-theme-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    pointer-events: none;
}
.satoads-theme-icon svg {
    width: 18px;
    height: 18px;
    color: inherit;
    stroke: currentColor;
    fill: none;
}
[data-theme="light"] .satoads-theme-icon-moon,
html:not(.satoads-dark):not([data-theme="dark"]) .satoads-theme-icon-moon {
    opacity: 1;
    transform: none;
    z-index: 1;
}
[data-theme="light"] .satoads-theme-icon-sun,
html:not(.satoads-dark):not([data-theme="dark"]) .satoads-theme-icon-sun {
    opacity: 0;
    transform: scale(0.7);
    z-index: 0;
}
[data-theme="dark"] .satoads-theme-icon-sun,
html.satoads-dark .satoads-theme-icon-sun,
html[data-theme="dark"] .satoads-theme-icon-sun {
    display: flex;
    opacity: 1;
    transform: none;
    z-index: 1;
}
[data-theme="dark"] .satoads-theme-icon-moon,
html.satoads-dark .satoads-theme-icon-moon,
html[data-theme="dark"] .satoads-theme-icon-moon {
    opacity: 0;
    transform: scale(0.7);
    z-index: 0;
    pointer-events: none;
}
[data-theme="dark"] .satoads-theme-toggle,
html.satoads-dark .satoads-theme-toggle {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    box-shadow: none;
}
[data-theme="dark"] .satoads-theme-toggle:hover,
html.satoads-dark .satoads-theme-toggle:hover {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
    box-shadow: none;
}
[data-theme="dark"] .satoads-theme-toggle svg,
html.satoads-dark .satoads-theme-toggle svg,
[data-theme="dark"] .satoads-theme-icon-sun svg,
html.satoads-dark .satoads-theme-icon-sun svg {
    color: #ffffff;
    stroke: currentColor;
    fill: none;
}
.satoads-theme-toggle--sidebar {
    width: 36px;
    height: 36px;
    padding: 0;
    gap: 0;
    margin-bottom: 0;
    justify-content: center;
}
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    color: #dadbdf;
    box-shadow: none;
}
[data-theme="dark"] .satoads-sidebar-tools .satoads-theme-toggle:hover,
html.satoads-dark .satoads-sidebar-tools .satoads-theme-toggle:hover {
    background: #232323;
    border-color: rgba(255, 255, 255, 0.4);
    color: #ffffff;
}
[data-theme="dark"] .satoads-sidebar-logout:hover,
html.satoads-dark .satoads-sidebar-logout:hover {
    color: #fca5a5;
}
.satoads-theme-toggle--sidebar .satoads-theme-toggle-label,
body.satoads-sidebar-collapsed .satoads-theme-toggle-label {
    display: none;
}
.satoads-topbar-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.satoads-header-tools {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}
.satoads-header-tools .satoads-theme-toggle {
    margin: 0;
    width: 38px;
    height: 38px;
}
.satoads-nav-auth {
    display: flex;
    align-items: center;
    gap: 8px;
}