:root {
    --theme-transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    --theme-page-bg: linear-gradient(135deg, #102037 0%, #1a2d4d 100%);
    --theme-surface: rgba(20, 37, 63, 0.7);
    --theme-surface-muted: rgba(16, 32, 55, 0.6);
    --theme-surface-soft: rgba(16, 32, 55, 0.3);
    --theme-border: rgba(183, 228, 35, 0.18);
    --theme-border-strong: rgba(183, 228, 35, 0.3);
    --theme-text: #ffffff;
    --theme-text-soft: rgba(255, 255, 255, 0.84);
    --theme-text-muted: rgba(255, 255, 255, 0.68);
    --theme-nav: rgba(16, 32, 55, 0.86);
    --theme-footer: rgba(16, 32, 55, 0.92);
    --theme-input-bg: rgba(16, 32, 55, 0.62);
    --theme-input-border: rgba(183, 228, 35, 0.22);
    --theme-input-text: #ffffff;
    --theme-table-head: rgba(16, 32, 55, 0.6);
    --theme-table-row: rgba(16, 32, 55, 0.2);
    --theme-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
    --theme-outline-text: rgba(255, 255, 255, 0.9);
    --theme-outline-bg-hover: rgba(255, 255, 255, 0.08);
}

html[data-theme='light'] {
    --theme-page-bg: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    --theme-surface: rgba(255, 255, 255, 0.94);
    --theme-surface-muted: rgba(245, 249, 255, 0.96);
    --theme-surface-soft: rgba(236, 244, 252, 0.88);
    --theme-surface-strong: #dfeaf7;
    --theme-border: rgba(16, 32, 55, 0.12);
    --theme-border-strong: rgba(16, 32, 55, 0.18);
    --theme-text: #102037;
    --theme-text-soft: #243b53;
    --theme-text-muted: #627d98;
    --theme-nav: rgba(255, 255, 255, 0.9);
    --theme-footer: rgba(255, 255, 255, 0.95);
    --theme-input-bg: #ffffff;
    --theme-input-border: rgba(16, 32, 55, 0.16);
    --theme-input-text: #102037;
    --theme-table-head: #eef4fb;
    --theme-table-row: rgba(255, 255, 255, 0.96);
    --theme-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    --theme-outline-text: #102037;
    --theme-outline-bg-hover: rgba(16, 32, 55, 0.05);
    color-scheme: light;
}

html[data-theme='dark'] {
    color-scheme: dark;
}

body,
input,
button,
select,
textarea {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

html,
body,
nav,
footer,
.card,
.glass-card,
.feature-card,
.department-card,
.step-card,
.share-card,
.vendor-panel,
.integration-panel,
.hero-panel,
.hero-chip,
.quick-action-card,
.stats-card,
.info-card,
.modal-content,
.form-control,
.form-select,
.input-group-text,
.list-group-item,
.dropdown-menu,
.dropdown-item,
.table td,
.table th,
.btn,
.alert {
    transition: var(--theme-transition);
}

body {
    background: var(--theme-page-bg);
    color: var(--theme-text);
}

html[data-theme='dark'] body,
html[data-theme='dark'] .hero-section,
html[data-theme='dark'] .department-section,
html[data-theme='dark'] .workflow-section,
html[data-theme='dark'] .help-container,
html[data-theme='dark'] .contact-container,
html[data-theme='dark'] .dashboard-container,
html[data-theme='dark'] .vendor-dashboard-container,
html[data-theme='dark'] .rider-dashboard-container,
html[data-theme='dark'] .vendor-product-container,
html[data-theme='dark'] .authenticator-setup-container,
html[data-theme='dark'] .partners-shell,
html[data-theme='dark'] [class*='dashboard-container'] {
    background: var(--theme-page-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] body,
html[data-theme='light'] .hero-section,
html[data-theme='light'] .department-section,
html[data-theme='light'] .workflow-section,
html[data-theme='light'] .help-container,
html[data-theme='light'] .contact-container,
html[data-theme='light'] .dashboard-container,
html[data-theme='light'] .vendor-dashboard-container,
html[data-theme='light'] .partners-shell,
html[data-theme='light'] [class*='dashboard-container'] {
    background: var(--theme-page-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .container,
html[data-theme='light'] .container-fluid {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .glass-navbar {
    background: var(--theme-nav) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme='light'] .glass-navbar > .container,
html[data-theme='dark'] .glass-navbar > .container,
html[data-theme='light'] footer > .container,
html[data-theme='dark'] footer > .container {
    width: 100% !important;
    max-width: 1320px !important;
}

html[data-theme='light'] .glass-navbar,
html[data-theme='light'] .glass-navbar .navbar-brand,
html[data-theme='light'] .glass-navbar .nav-link,
html[data-theme='light'] .glass-navbar .dropdown-toggle,
html[data-theme='light'] .glass-navbar .dropdown-item,
html[data-theme='light'] .glass-navbar .theme-toggle-btn,
html[data-theme='dark'] .glass-navbar,
html[data-theme='dark'] .glass-navbar .navbar-brand,
html[data-theme='dark'] .glass-navbar .nav-link,
html[data-theme='dark'] .glass-navbar .dropdown-toggle,
html[data-theme='dark'] .glass-navbar .dropdown-item,
html[data-theme='dark'] .glass-navbar .theme-toggle-btn {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

html[data-theme='light'] .glass-navbar .theme-toggle-btn,
html[data-theme='dark'] .glass-navbar .theme-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    min-height: 42px !important;
    padding: 0.55rem 1rem !important;
    border-radius: 999px !important;
    line-height: 1.2 !important;
}

html[data-theme='light'] #sidebar,
html[data-theme='light'] .navbar {
    background: var(--theme-nav) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] #sidebar .sidebar-header h3,
html[data-theme='light'] .navbar .navbar-brand,
html[data-theme='light'] .navbar .user-menu,
html[data-theme='light'] #sidebar ul li.active a {
    color: var(--theme-text) !important;
}

html[data-theme='light'] footer {
    background: var(--theme-footer) !important;
    border-top-color: var(--theme-border) !important;
}

html[data-theme='light'] .glass-navbar .navbar-brand,
html[data-theme='light'] .glass-navbar .nav-link,
html[data-theme='light'] .glass-navbar .dropdown-toggle,
html[data-theme='light'] footer,
html[data-theme='light'] .footer-links a,
html[data-theme='light'] .social-icon {
    color: var(--theme-text) !important;
}

html[data-theme='light'] h1,
html[data-theme='light'] h2,
html[data-theme='light'] h3,
html[data-theme='light'] h4,
html[data-theme='light'] h5,
html[data-theme='light'] h6,
html[data-theme='light'] strong,
html[data-theme='light'] .fw-bold,
html[data-theme='light'] .fw-semibold {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .footer-links a:hover,
html[data-theme='light'] .glass-navbar .nav-link:hover,
html[data-theme='light'] .glass-navbar .nav-link:focus,
html[data-theme='light'] #sidebar ul li a:hover,
html[data-theme='light'] #sidebar ul li a:focus {
    color: var(--lime) !important;
}

html[data-theme='light'] .navbar-toggler {
    border-color: var(--theme-border-strong) !important;
}

html[data-theme='light'] .navbar-toggler-icon {
    filter: invert(14%) sepia(19%) saturate(1219%) hue-rotate(171deg) brightness(91%) contrast(95%);
}

html[data-theme='light'] .glass-card,
html[data-theme='light'] .feature-card,
html[data-theme='light'] .department-card,
html[data-theme='light'] .step-card,
html[data-theme='light'] .share-card,
html[data-theme='light'] .category-card,
html[data-theme='light'] .contact-method,
html[data-theme='light'] .faq-section,
html[data-theme='light'] .vendor-panel,
html[data-theme='light'] .integration-panel,
html[data-theme='light'] .hero-panel,
html[data-theme='light'] .hero-chip,
html[data-theme='light'] .quick-action-card,
html[data-theme='light'] .stats-card,
html[data-theme='light'] .stat-card,
html[data-theme='light'] .quick-action-btn,
html[data-theme='light'] .info-card,
html[data-theme='light'] .card,
html[data-theme='light'] .modal-content {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: var(--theme-shadow);
}

html[data-theme='light'] .glass-card:hover,
html[data-theme='light'] .feature-card:hover,
html[data-theme='light'] .department-card:hover,
html[data-theme='light'] .category-card:hover,
html[data-theme='light'] .contact-method:hover,
html[data-theme='light'] .quick-action-card:hover,
html[data-theme='light'] .quick-action-btn:hover,
html[data-theme='light'] .stats-card:hover {
    border-color: var(--theme-border-strong) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme='light'] .welcome-header {
    background: linear-gradient(135deg, #20324c 0%, #314665 100%) !important;
    border-color: rgba(16, 32, 55, 0.08) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14) !important;
}

html[data-theme='light'] .welcome-header h1 {
    background: linear-gradient(90deg, #ffffff 0%, var(--lime) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}

html[data-theme='light'] .welcome-header p,
html[data-theme='light'] .welcome-header .fas,
html[data-theme='light'] .welcome-header .fa-solid {
    color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme='light'] .card-header,
html[data-theme='light'] .card-header-custom,
html[data-theme='light'] .faq-header,
html[data-theme='light'] .modal-header,
html[data-theme='light'] .modal-footer {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .stat-card,
html[data-theme='light'] .compact-stat-item,
html[data-theme='light'] .stat-mini-item,
html[data-theme='light'] .chart-container,
html[data-theme='light'] .activity-item,
html[data-theme='light'] .top-performer,
html[data-theme='light'] .chart-placeholder {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .activity-item:hover,
html[data-theme='light'] .top-performer:hover,
html[data-theme='light'] .compact-stat-item:hover {
    background: var(--theme-surface-soft) !important;
}

html[data-theme='light'] .stat-icon,
html[data-theme='light'] .compact-stat-icon,
html[data-theme='light'] .category-icon,
html[data-theme='light'] .contact-icon,
html[data-theme='light'] .icon-circle {
    background: rgba(183, 228, 35, 0.14) !important;
    border-color: rgba(183, 228, 35, 0.24) !important;
}

html[data-theme='light'] .stat-label,
html[data-theme='light'] .compact-stat-label,
html[data-theme='light'] .small,
html[data-theme='light'] .lead,
html[data-theme='light'] .dash-subtitle,
html[data-theme='light'] .time-ago {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .table,
html[data-theme='light'] .vendor-table,
html[data-theme='light'] .admin-table,
html[data-theme='light'] .table td,
html[data-theme='light'] .table th,
html[data-theme='light'] .vendor-table td,
html[data-theme='light'] .vendor-table th,
html[data-theme='light'] .admin-table td,
html[data-theme='light'] .admin-table th,
html[data-theme='light'] .list-group-item {
    background: var(--theme-table-row) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .vendor-table th,
html[data-theme='light'] .admin-table th,
html[data-theme='light'] .table thead th {
    background: var(--theme-table-head) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .vendor-table tr:hover td,
html[data-theme='light'] .admin-table tr:hover td,
html[data-theme='light'] .table-hover tbody tr:hover td,
html[data-theme='light'] .list-group-item:hover {
    background: var(--theme-surface-soft) !important;
}

html[data-theme='light'] .progress {
    background: var(--theme-surface-strong) !important;
}

html[data-theme='light'] .form-control,
html[data-theme='light'] .form-select,
html[data-theme='light'] textarea,
html[data-theme='light'] .input-group-text {
    background: var(--theme-input-bg) !important;
    color: var(--theme-input-text) !important;
    border-color: var(--theme-input-border) !important;
}

html[data-theme='light'] .form-control::placeholder,
html[data-theme='light'] textarea::placeholder {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus,
html[data-theme='light'] textarea:focus {
    background: #ffffff !important;
    color: var(--theme-input-text) !important;
    border-color: rgba(183, 228, 35, 0.65) !important;
    box-shadow: 0 0 0 0.25rem rgba(183, 228, 35, 0.16) !important;
}

html[data-theme='light'] .search-box input {
    background: var(--theme-input-bg) !important;
    color: var(--theme-input-text) !important;
    border-color: var(--theme-input-border) !important;
}

html[data-theme='light'] .dropdown-menu {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .dropdown-item {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .dropdown-item:hover,
html[data-theme='light'] .dropdown-item:focus {
    background: var(--theme-surface-soft) !important;
    color: var(--lime) !important;
}

html[data-theme='light'] .btn-outline-light {
    border-color: var(--theme-outline-text) !important;
    color: var(--theme-outline-text) !important;
}

html[data-theme='light'] .btn-outline-light:hover {
    background: var(--theme-outline-bg-hover) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border-strong) !important;
}

html[data-theme='light'] .btn-outline-lime {
    border-color: rgba(16, 32, 55, 0.16) !important;
    color: #54741a !important;
}

html[data-theme='light'] .btn-outline-lime:hover {
    background: rgba(183, 228, 35, 0.14) !important;
    border-color: rgba(183, 228, 35, 0.4) !important;
    color: #102037 !important;
}

html[data-theme='light'] .text-light,
html[data-theme='light'] .text-white {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .text-muted,
html[data-theme='light'] .text-muted-custom,
html[data-theme='light'] .text-light-soft,
html[data-theme='light'] .form-text,
html[data-theme='light'] .lead,
html[data-theme='light'] .stat-label,
html[data-theme='light'] .hero-chip span,
html[data-theme='light'] .timeline-step p,
html[data-theme='light'] .share-points p,
html[data-theme='light'] .vendor-list div,
html[data-theme='light'] .integration-item p,
html[data-theme='light'] .category-card p,
html[data-theme='light'] .contact-method p,
html[data-theme='light'] #sidebar .sidebar-header p,
html[data-theme='light'] #sidebar ul li a,
html[data-theme='light'] .navbar .navbar-text,
html[data-theme='light'] small.text-light,
html[data-theme='light'] small.text-white,
html[data-theme='light'] p.text-light,
html[data-theme='light'] p.text-white {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .alert {
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .alert-info,
html[data-theme='light'] .alert-warning,
html[data-theme='light'] .alert-danger,
html[data-theme='light'] .alert-success {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .accordion-button {
    color: var(--theme-text) !important;
    background-color: transparent !important;
}

html[data-theme='light'] .accordion-button:not(.collapsed),
html[data-theme='light'] .accordion-button:hover {
    background-color: rgba(183, 228, 35, 0.08) !important;
}

html[data-theme='light'] .accordion-body {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text-soft) !important;
    border-top-color: var(--theme-border) !important;
}

html[data-theme='light'] .accordion-item {
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme='light'] .fa-solid,
html[data-theme='light'] .fas,
html[data-theme='light'] .far {
    color: inherit !important;
}

html[data-theme='light'] .stat-icon i,
html[data-theme='light'] .compact-stat-icon i,
html[data-theme='light'] .category-icon i,
html[data-theme='light'] .contact-icon i,
html[data-theme='light'] .quick-action-btn i,
html[data-theme='light'] .icon-circle i {
    color: var(--lime) !important;
}

html[data-theme='light'] .text-lime,
html[data-theme='light'] .fa-solid.text-lime,
html[data-theme='light'] .fas.text-lime,
html[data-theme='light'] .text-success,
html[data-theme='light'] .text-danger,
html[data-theme='light'] .text-warning,
html[data-theme='light'] .text-info {
    color: inherit;
}

html[data-theme='light'] .text-lime { color: #8ab817 !important; }
html[data-theme='light'] .text-success { color: #1f8a57 !important; }
html[data-theme='light'] .text-danger { color: #d13a4a !important; }
html[data-theme='light'] .text-warning { color: #d29400 !important; }
html[data-theme='light'] .text-info { color: #147da3 !important; }

html[data-theme='light'] .welcome-header p.text-light,
html[data-theme='light'] .welcome-header small.text-light,
html[data-theme='light'] .welcome-header span.text-light,
html[data-theme='light'] .welcome-header .text-light,
html[data-theme='light'] .welcome-header .text-white {
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme='light'] .welcome-header .opacity-75 {
    opacity: 0.92 !important;
}

html[data-theme='light'] .order-header-card,
html[data-theme='light'] .box-header-card {
    background: linear-gradient(135deg, #22324b 0%, #314867 100%) !important;
    border-color: rgba(16, 32, 55, 0.08) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14) !important;
}

html[data-theme='light'] .order-header-card h1,
html[data-theme='light'] .order-header-card h2,
html[data-theme='light'] .order-header-card h3,
html[data-theme='light'] .order-header-card h4,
html[data-theme='light'] .order-header-card h5,
html[data-theme='light'] .order-header-card h6,
html[data-theme='light'] .box-header-card h1,
html[data-theme='light'] .box-header-card h2,
html[data-theme='light'] .box-header-card h3,
html[data-theme='light'] .box-header-card h4,
html[data-theme='light'] .box-header-card h5,
html[data-theme='light'] .box-header-card h6,
html[data-theme='light'] .order-header-card .order-title,
html[data-theme='light'] .box-header-card .box-title,
html[data-theme='light'] .order-header-card strong,
html[data-theme='light'] .box-header-card strong {
    color: #ffffff !important;
}

html[data-theme='light'] .order-header-card .text-light,
html[data-theme='light'] .order-header-card .text-white,
html[data-theme='light'] .box-header-card .text-light,
html[data-theme='light'] .box-header-card .text-white,
html[data-theme='light'] .order-header-card p,
html[data-theme='light'] .box-header-card p,
html[data-theme='light'] .order-header-card span,
html[data-theme='light'] .box-header-card span,
html[data-theme='light'] .order-header-card small,
html[data-theme='light'] .box-header-card small {
    color: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme='light'] .order-header-card .text-lime,
html[data-theme='light'] .box-header-card .text-lime,
html[data-theme='light'] .order-header-card i.text-lime,
html[data-theme='light'] .box-header-card i.text-lime {
    color: var(--lime) !important;
}

html[data-theme='light'] .quick-action-btn,
html[data-theme='light'] .vendor-info-badge,
html[data-theme='light'] .result-details {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .quick-action-btn:hover {
    background: var(--theme-surface-soft) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .page-link {
    background: var(--theme-surface) !important;
    color: #54741a !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .page-item.active .page-link {
    background: var(--lime) !important;
    color: #102037 !important;
    border-color: rgba(183, 228, 35, 0.45) !important;
}

html[data-theme='light'] body,
html[data-theme='light'] .vendor-products-container,
html[data-theme='light'] .vendor-profile-container,
html[data-theme='light'] .orders-container,
html[data-theme='light'] .stats-container,
html[data-theme='light'] .scan-container,
html[data-theme='light'] .scanner-container,
html[data-theme='light'] .beba-seller-container,
html[data-theme='light'] .verification-container,
html[data-theme='light'] .auth-card,
html[data-theme='light'] .auth-shell,
html[data-theme='light'] .otp-shell,
html[data-theme='light'] .otp-card,
html[data-theme='light'] .backup-codes-container,
html[data-theme='light'] .security-settings-container,
html[data-theme='light'] .setup-card,
html[data-theme='light'] .requests-shell,
html[data-theme='light'] .request-detail-shell,
html[data-theme='light'] .seller-result-shell,
html[data-theme='light'] [class*='verify-container'],
html[data-theme='light'] [class*='request-container'],
html[data-theme='light'] [class*='profile-container'],
html[data-theme='light'] [class*='orders-container'],
html[data-theme='light'] [class*='stats-container'],
html[data-theme='light'] [class*='products-container'],
html[data-theme='light'] [class*='scanner-container'],
html[data-theme='light'] [class*='scan-container'] {
    background: var(--theme-page-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .seller-header,
html[data-theme='light'] .section,
html[data-theme='light'] .report-card,
html[data-theme='light'] .vouch-card,
html[data-theme='light'] .reports-container,
html[data-theme='light'] .result-card,
html[data-theme='light'] .no-results,
html[data-theme='light'] .stat,
html[data-theme='light'] .verification-option,
html[data-theme='light'] .request-card,
html[data-theme='light'] .summary-card,
html[data-theme='light'] .detail-card,
html[data-theme='light'] .metric-card,
html[data-theme='light'] .activity-card,
html[data-theme='light'] .scanner-card,
html[data-theme='light'] .scan-result,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .method-card,
html[data-theme='light'] .security-card,
html[data-theme='light'] .backup-code-card,
html[data-theme='light'] .verification-card,
html[data-theme='light'] .product-card,
html[data-theme='light'] .seller-card,
html[data-theme='light'] .lookup-card,
html[data-theme='light'] .search-card,
html[data-theme='light'] .page-card,
html[data-theme='light'] .content-card,
html[data-theme='light'] .surface-card,
html[data-theme='light'] .panel-card,
html[data-theme='light'] .info-panel,
html[data-theme='light'] .scan-panel,
html[data-theme='light'] .verification-panel,
html[data-theme='light'] .request-panel,
html[data-theme='light'] .otp-panel {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme='light'] .pricing-box,
html[data-theme='light'] .assignment-card,
html[data-theme='light'] .custom-table,
html[data-theme='light'] .timeline-item,
html[data-theme='light'] .empty-state,
html[data-theme='light'] .task-summary-card,
html[data-theme='light'] .summary-panel,
html[data-theme='light'] .details-panel,
html[data-theme='light'] .activity-panel {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .custom-table thead th {
    background: var(--theme-table-head) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .custom-table tbody td,
html[data-theme='light'] .custom-table tbody th {
    background: var(--theme-table-row) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .custom-table tbody tr:hover td,
html[data-theme='light'] .custom-table tbody tr:hover th {
    background: var(--theme-surface-soft) !important;
}

html[data-theme='light'] .timeline::before,
html[data-theme='light'] .status-timeline::before {
    background: linear-gradient(180deg, #8fb315 0%, rgba(143, 179, 21, 0.22) 100%) !important;
}

html[data-theme='light'] .timeline-item::before {
    border-color: #f8fbff !important;
}

html[data-theme='light'] .timeline-item h6,
html[data-theme='light'] .timeline-item strong,
html[data-theme='light'] .timeline-item .text-light,
html[data-theme='light'] .timeline-item .text-white {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .timeline-item p,
html[data-theme='light'] .timeline-item small,
html[data-theme='light'] .timeline-item .text-muted {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .empty-state i,
html[data-theme='light'] .empty-state-icon {
    color: #8fb315 !important;
    opacity: 0.9 !important;
}

html[data-theme='light'] .empty-state p,
html[data-theme='light'] .empty-state h4,
html[data-theme='light'] .empty-state h5,
html[data-theme='light'] .empty-state small {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .info-row {
    border-bottom-color: rgba(16, 32, 55, 0.08) !important;
}

html[data-theme='light'] .info-label {
    color: #7fa100 !important;
}

html[data-theme='light'] .info-value,
html[data-theme='light'] .info-value .text-light,
html[data-theme='light'] .info-value .text-white,
html[data-theme='light'] .info-value strong,
html[data-theme='light'] .info-value h6 {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .info-value .text-muted,
html[data-theme='light'] .info-value small {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .order-header,
html[data-theme='light'] .box-header {
    border-left-color: rgba(183, 228, 35, 0.65) !important;
}

html[data-theme='light'] .qr-code-container {
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme='light'] code {
    background: rgba(183, 228, 35, 0.12) !important;
    color: #6b8f00 !important;
    border-radius: 6px;
}

html[data-theme='light'] input[type="text"],
html[data-theme='light'] input[type="tel"],
html[data-theme='light'] input[type="email"],
html[data-theme='light'] input[type="url"],
html[data-theme='light'] input[type="date"],
html[data-theme='light'] input[type="datetime-local"],
html[data-theme='light'] input[type="number"],
html[data-theme='light'] input[type="search"],
html[data-theme='light'] textarea,
html[data-theme='light'] select {
    background: var(--theme-input-bg) !important;
    color: var(--theme-input-text) !important;
    border-color: var(--theme-input-border) !important;
    -webkit-text-fill-color: var(--theme-input-text) !important;
    caret-color: #6b8f00 !important;
}

html[data-theme='light'] input[type="text"]:focus,
html[data-theme='light'] input[type="tel"]:focus,
html[data-theme='light'] input[type="email"]:focus,
html[data-theme='light'] input[type="url"]:focus,
html[data-theme='light'] input[type="date"]:focus,
html[data-theme='light'] input[type="datetime-local"]:focus,
html[data-theme='light'] input[type="number"]:focus,
html[data-theme='light'] input[type="search"]:focus,
html[data-theme='light'] textarea:focus,
html[data-theme='light'] select:focus {
    background: #ffffff !important;
    color: var(--theme-input-text) !important;
    border-color: rgba(183, 228, 35, 0.65) !important;
    box-shadow: 0 0 0 0.25rem rgba(183, 228, 35, 0.16) !important;
    -webkit-text-fill-color: var(--theme-input-text) !important;
}

html[data-theme='light'] input[type="text"]::placeholder,
html[data-theme='light'] input[type="tel"]::placeholder,
html[data-theme='light'] input[type="email"]::placeholder,
html[data-theme='light'] input[type="url"]::placeholder,
html[data-theme='light'] input[type="date"]::placeholder,
html[data-theme='light'] input[type="datetime-local"]::placeholder,
html[data-theme='light'] input[type="number"]::placeholder,
html[data-theme='light'] input[type="search"]::placeholder,
html[data-theme='light'] textarea::placeholder {
    color: var(--theme-text-muted) !important;
    -webkit-text-fill-color: var(--theme-text-muted) !important;
}

html[data-theme='light'] input:-webkit-autofill,
html[data-theme='light'] input:-webkit-autofill:hover,
html[data-theme='light'] input:-webkit-autofill:focus,
html[data-theme='light'] textarea:-webkit-autofill,
html[data-theme='light'] select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: var(--theme-input-text) !important;
    border-color: var(--theme-input-border) !important;
}

html[data-theme='light'] .step-container,
html[data-theme='light'] .page-wrap {
    background: var(--theme-page-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .page-wrap::before {
    background: radial-gradient(circle, rgba(183, 228, 35, 0.08) 0%, transparent 72%) !important;
}

html[data-theme='light'] .page-wrap::after {
    background: radial-gradient(circle, rgba(73, 138, 255, 0.08) 0%, transparent 72%) !important;
}

html[data-theme='light'] .step-container .container,
html[data-theme='light'] .page-wrap .container {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .step,
html[data-theme='light'] .step-num-circle {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme='light'] .step.active,
html[data-theme='light'] .step.completed,
html[data-theme='light'] .step-num-circle,
html[data-theme='light'] .filter-tab.active,
html[data-theme='light'] .pag-btn.active,
html[data-theme='light'] .action-btn.pay,
html[data-theme='light'] .pay-btn {
    background: var(--lime) !important;
    border-color: rgba(183, 228, 35, 0.45) !important;
    color: #102037 !important;
}

html[data-theme='light'] .step-line,
html[data-theme='light'] .tl-line,
html[data-theme='light'] .pay-divider {
    background: rgba(127, 161, 0, 0.24) !important;
}

html[data-theme='light'] .page-header,
html[data-theme='light'] .card-header-custom,
html[data-theme='light'] .section-head,
html[data-theme='light'] .success-top {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .page-header h4,
html[data-theme='light'] .page-header h5,
html[data-theme='light'] .page-header h6,
html[data-theme='light'] .card-header-custom h4,
html[data-theme='light'] .card-header-custom h5,
html[data-theme='light'] .card-header-custom h6,
html[data-theme='light'] .dash-title,
html[data-theme='light'] .success-title,
html[data-theme='light'] .section-title,
html[data-theme='light'] .pay-section-title,
html[data-theme='light'] .option-title,
html[data-theme='light'] .detail-block-title,
html[data-theme='light'] .section-title-icon + .section-title,
html[data-theme='light'] .cta-title,
html[data-theme='light'] .estimated-time-title,
html[data-theme='light'] .seller-name,
html[data-theme='light'] .strip-value,
html[data-theme='light'] .signal-value,
html[data-theme='light'] .req-card-id,
html[data-theme='light'] .req-id,
html[data-theme='light'] .success-top h1,
html[data-theme='light'] .success-top h2,
html[data-theme='light'] .success-top h3 {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .dash-title span,
html[data-theme='light'] .page-header h4 i,
html[data-theme='light'] .card-header-custom h4 i,
html[data-theme='light'] .section-title-icon i,
html[data-theme='light'] .option-icon,
html[data-theme='light'] .option-icon i,
html[data-theme='light'] .info-banner i,
html[data-theme='light'] .tips-card i,
html[data-theme='light'] .price-info i,
html[data-theme='light'] .section-header i,
html[data-theme='light'] .seller-icon i,
html[data-theme='light'] .strip-icon i,
html[data-theme='light'] .info-tooltip:hover {
    color: #86ad10 !important;
}

html[data-theme='light'] .page-header .subtitle,
html[data-theme='light'] .dash-subtitle,
html[data-theme='light'] .text-muted-light,
html[data-theme='light'] .option-description,
html[data-theme='light'] .price-label,
html[data-theme='light'] .price-addons,
html[data-theme='light'] .tips-content p,
html[data-theme='light'] .help-text,
html[data-theme='light'] .security-note,
html[data-theme='light'] .estimated-time-subtitle,
html[data-theme='light'] .detail-label,
html[data-theme='light'] .amount-sub,
html[data-theme='light'] .pay-section-sub,
html[data-theme='light'] .method-item span,
html[data-theme='light'] .success-sub,
html[data-theme='light'] .d-row-label,
html[data-theme='light'] .email-note,
html[data-theme='light'] .seller-meta,
html[data-theme='light'] .section-subtitle,
html[data-theme='light'] .report-date,
html[data-theme='light'] .cta-text,
html[data-theme='light'] .upgrade-text,
html[data-theme='light'] .upgrade-link,
html[data-theme='light'] .loc-text,
html[data-theme='light'] .req-date,
html[data-theme='light'] .req-card-date,
html[data-theme='light'] .rcg-label,
html[data-theme='light'] .strip-label,
html[data-theme='light'] .pag-info,
html[data-theme='light'] .pay-row-label,
html[data-theme='light'] .tl-time,
html[data-theme='light'] .help-text,
html[data-theme='light'] .file-upload small,
html[data-theme='light'] .file-upload p,
html[data-theme='light'] .security-note,
html[data-theme='light'] .security-note p,
html[data-theme='light'] .section-header h5,
html[data-theme='light'] .form-text,
html[data-theme='light'] .text-light.small,
html[data-theme='light'] .text-light.small i,
html[data-theme='light'] .breakdown-label,
html[data-theme='light'] .breakdown-label i {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .form-label,
html[data-theme='light'] .form-label.fw-semibold,
html[data-theme='light'] .form-label.fw-bold,
html[data-theme='light'] .modal-form-label,
html[data-theme='light'] .form-label-custom,
html[data-theme='light'] .form-check-label,
html[data-theme='light'] .checkbox-item .form-check-label,
html[data-theme='light'] .live-call-checkbox .form-check-label,
html[data-theme='light'] .radio-option label,
html[data-theme='light'] .section-header h5,
html[data-theme='light'] .price-info .price-label,
html[data-theme='light'] .detail-block-title,
html[data-theme='light'] .detail-label,
html[data-theme='light'] .d-row-label,
html[data-theme='light'] .pay-row-label,
html[data-theme='light'] .code-label,
html[data-theme='light'] .scan-label,
html[data-theme='light'] .section-count {
    color: var(--theme-text-soft) !important;
}

html[data-theme='light'] .form-label .required,
html[data-theme='light'] .required,
html[data-theme='light'] .section-header i,
html[data-theme='light'] .security-note i,
html[data-theme='light'] .file-upload i {
    color: #86ad10 !important;
}

html[data-theme='light'] .glass-card,
html[data-theme='light'] .section-card,
html[data-theme='light'] .strip-card,
html[data-theme='light'] .req-card,
html[data-theme='light'] .success-card,
html[data-theme='light'] .seller-header,
html[data-theme='light'] .cta-box,
html[data-theme='light'] .upgrade-prompt {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: var(--theme-shadow) !important;
}

html[data-theme='light'] .verification-option,
html[data-theme='light'] .form-section,
html[data-theme='light'] .summary-item,
html[data-theme='light'] .price-breakdown,
html[data-theme='light'] .method-item,
html[data-theme='light'] .info-box,
html[data-theme='light'] .help-box,
html[data-theme='light'] .success-box,
html[data-theme='light'] .next-banner,
html[data-theme='light'] .tips-card,
html[data-theme='light'] .price-banner,
html[data-theme='light'] .info-banner,
html[data-theme='light'] .radio-option label,
html[data-theme='light'] .checkbox-item,
html[data-theme='light'] .live-call-checkbox,
html[data-theme='light'] .file-upload,
html[data-theme='light'] .detail-block,
html[data-theme='light'] .detail-rows,
html[data-theme='light'] .report-item,
html[data-theme='light'] .signal-item,
html[data-theme='light'] .chips .chip,
html[data-theme='light'] .status-tag,
html[data-theme='light'] .type-chip,
html[data-theme='light'] .action-btn,
html[data-theme='light'] .filter-tab,
html[data-theme='light'] .pag-btn,
html[data-theme='light'] .btn-ghost,
html[data-theme='light'] .btn-outline,
html[data-theme='light'] .btn-outline-lime,
html[data-theme='light'] .status-pill {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .form-section {
    background: var(--theme-surface) !important;
}

html[data-theme='light'] .live-call-checkbox,
html[data-theme='light'] .price-banner,
html[data-theme='light'] .info-banner,
html[data-theme='light'] .tips-card,
html[data-theme='light'] .file-upload.has-file {
    background: rgba(183, 228, 35, 0.08) !important;
    border-color: rgba(183, 228, 35, 0.22) !important;
}

html[data-theme='light'] .file-upload {
    border-style: dashed !important;
    border-color: rgba(16, 32, 55, 0.16) !important;
    background: rgba(244, 248, 253, 0.96) !important;
}

html[data-theme='light'] .file-upload:hover {
    background: rgba(183, 228, 35, 0.08) !important;
    border-color: rgba(183, 228, 35, 0.34) !important;
}

html[data-theme='light'] .file-name-display,
html[data-theme='light'] .error-text {
    color: #6b8f00 !important;
}

html[data-theme='light'] .form-check-input {
    background: #ffffff !important;
    border-color: rgba(16, 32, 55, 0.22) !important;
    box-shadow: none !important;
}

html[data-theme='light'] .form-check-input:checked {
    background-color: var(--lime) !important;
    border-color: rgba(183, 228, 35, 0.45) !important;
}

html[data-theme='light'] .form-check-input:focus {
    border-color: rgba(183, 228, 35, 0.55) !important;
    box-shadow: 0 0 0 0.2rem rgba(183, 228, 35, 0.14) !important;
}

html[data-theme='light'] .checkbox-item .form-check-input,
html[data-theme='light'] .live-call-checkbox .form-check-input {
    background: #ffffff !important;
    border-color: rgba(16, 32, 55, 0.22) !important;
}

html[data-theme='light'] .checkbox-item .form-check-input:checked,
html[data-theme='light'] .live-call-checkbox .form-check-input:checked {
    background: var(--lime) !important;
    border-color: rgba(183, 228, 35, 0.45) !important;
}

html[data-theme='light'] .radio-option label {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border-strong) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .radio-option input[type="radio"]:checked + label {
    background: var(--lime) !important;
    border-color: rgba(183, 228, 35, 0.58) !important;
    color: #102037 !important;
    box-shadow: 0 10px 24px rgba(183, 228, 35, 0.22) !important;
    font-weight: 700 !important;
}

html[data-theme='light'] .radio-option input[type="radio"]:focus + label {
    border-color: rgba(183, 228, 35, 0.55) !important;
    box-shadow: 0 0 0 0.2rem rgba(183, 228, 35, 0.14) !important;
}

html[data-theme='light'] .checkbox-item:has(.form-check-input:checked),
html[data-theme='light'] .live-call-checkbox:has(.form-check-input:checked) {
    background: rgba(183, 228, 35, 0.16) !important;
    border-color: rgba(183, 228, 35, 0.42) !important;
    box-shadow: 0 10px 24px rgba(183, 228, 35, 0.14) !important;
}

html[data-theme='light'] .checkbox-item:has(.form-check-input:checked) .form-check-label,
html[data-theme='light'] .live-call-checkbox:has(.form-check-input:checked) .form-check-label {
    color: var(--theme-text) !important;
    font-weight: 600 !important;
}

html[data-theme='light'] .verification-option:hover,
html[data-theme='light'] .verification-option.selected,
html[data-theme='light'] .form-section:hover,
html[data-theme='light'] .summary-item:hover,
html[data-theme='light'] .method-item:hover,
html[data-theme='light'] .action-btn:hover,
html[data-theme='light'] .filter-tab:hover,
html[data-theme='light'] .pag-btn:hover,
html[data-theme='light'] .btn-ghost:hover,
html[data-theme='light'] .btn-outline:hover,
html[data-theme='light'] .btn-outline-lime:hover,
html[data-theme='light'] .strip-card:hover,
html[data-theme='light'] .req-card:hover,
html[data-theme='light'] .report-item:hover,
html[data-theme='light'] .signal-item:hover {
    background: rgba(183, 228, 35, 0.12) !important;
    border-color: rgba(183, 228, 35, 0.34) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme='light'] .option-icon,
html[data-theme='light'] .section-title-icon,
html[data-theme='light'] .strip-icon,
html[data-theme='light'] .seller-icon,
html[data-theme='light'] .info-banner i,
html[data-theme='light'] .tips-card i,
html[data-theme='light'] .price-info i,
html[data-theme='light'] .checkmark-ring {
    background: rgba(183, 228, 35, 0.12) !important;
    border-color: rgba(183, 228, 35, 0.24) !important;
}

html[data-theme='light'] .verification-option .price-tag,
html[data-theme='light'] .price-box .price-tag {
    background: #334a69 !important;
    border-color: #334a69 !important;
    color: #ffffff !important;
}

html[data-theme='light'] .verification-option .price-tag i,
html[data-theme='light'] .verification-option .price-tag small,
html[data-theme='light'] .price-box .price-tag i,
html[data-theme='light'] .price-box .price-tag small {
    color: rgba(255, 255, 255, 0.78) !important;
}

html[data-theme='light'] .price-value,
html[data-theme='light'] .price-amount,
html[data-theme='light'] .amount-value,
html[data-theme='light'] .detail-value.mono,
html[data-theme='light'] .pay-row-val,
html[data-theme='light'] .d-row-val.lime,
html[data-theme='light'] .signal-value .confirmed,
html[data-theme='light'] .pag-info span,
html[data-theme='light'] .price-addons span,
html[data-theme='light'] .live-call-checkbox .price-badge {
    color: #6b8f00 !important;
}

html[data-theme='light'] .detail-value,
html[data-theme='light'] .breakdown-value,
html[data-theme='light'] .pay-row-val,
html[data-theme='light'] .tl-text,
html[data-theme='light'] .rcg-val,
html[data-theme='light'] .d-row-val,
html[data-theme='light'] .report-concern,
html[data-theme='light'] .upgrade-link,
html[data-theme='light'] .req-card .detail-value,
html[data-theme='light'] .detail-value a {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .breakdown-total .breakdown-label,
html[data-theme='light'] .breakdown-total .breakdown-value,
html[data-theme='light'] .breakdown-total .text-lime {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .price-box,
html[data-theme='light'] .amount-hero {
    background: linear-gradient(135deg, rgba(183, 228, 35, 0.16), rgba(183, 228, 35, 0.06)) !important;
    border-color: rgba(183, 228, 35, 0.24) !important;
}

html[data-theme='light'] .info-banner,
html[data-theme='light'] .tips-card,
html[data-theme='light'] .info-box,
html[data-theme='light'] .help-box,
html[data-theme='light'] .next-banner {
    background: rgba(183, 228, 35, 0.1) !important;
    border-color: rgba(183, 228, 35, 0.22) !important;
}

html[data-theme='light'] .info-banner p,
html[data-theme='light'] .tips-content p,
html[data-theme='light'] .info-box,
html[data-theme='light'] .help-box,
html[data-theme='light'] .next-banner,
html[data-theme='light'] .success-box {
    color: var(--theme-text-soft) !important;
}

html[data-theme='light'] .info-banner strong,
html[data-theme='light'] .tips-content strong,
html[data-theme='light'] .detail-value.lime,
html[data-theme='light'] .type-chip,
html[data-theme='light'] .price-tag,
html[data-theme='light'] .section-title-icon i,
html[data-theme='light'] .chip i,
html[data-theme='light'] .req-card .price-tag,
html[data-theme='light'] .vtable .price-tag {
    color: #6b8f00 !important;
}

html[data-theme='light'] .vtable th {
    background: var(--theme-table-head) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .vtable td,
html[data-theme='light'] .vtable tbody tr td {
    background: var(--theme-table-row) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .vtable tbody tr:hover td {
    background: var(--theme-surface-soft) !important;
}

html[data-theme='light'] .btn:disabled,
html[data-theme='light'] .btn.disabled,
html[data-theme='light'] .btn-lime:disabled,
html[data-theme='light'] .btn-lime.disabled,
html[data-theme='light'] button.opacity-50:disabled {
    opacity: 0.72 !important;
    background: rgba(183, 228, 35, 0.5) !important;
    border-color: rgba(183, 228, 35, 0.24) !important;
    color: #50622d !important;
    box-shadow: none !important;
}

html[data-theme='light'] .seller-name,
html[data-theme='light'] .seller-contact,
html[data-theme='light'] .section-title,
html[data-theme='light'] .section-title-left,
html[data-theme='light'] .result-name,
html[data-theme='light'] .result-details,
html[data-theme='light'] .results-header,
html[data-theme='light'] .results-count,
html[data-theme='light'] .body-text,
html[data-theme='light'] .body-text strong,
html[data-theme='light'] .step-inline-title,
html[data-theme='light'] .do-item-title,
html[data-theme='light'] .price-tag,
html[data-theme='light'] .empty-state h5,
html[data-theme='light'] .empty-state p,
html[data-theme='light'] .stat-number,
html[data-theme='light'] .profile-summary-item .value,
html[data-theme='light'] .report-count,
html[data-theme='light'] .seller-result-title,
html[data-theme='light'] .manual-code,
html[data-theme='light'] .code-label,
html[data-theme='light'] .scan-label,
html[data-theme='light'] .camera-status,
html[data-theme='light'] .verification-title,
html[data-theme='light'] .request-title,
html[data-theme='light'] .summary-value,
html[data-theme='light'] .detail-value {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .seller-contact,
html[data-theme='light'] .stat-label,
html[data-theme='light'] .results-count,
html[data-theme='light'] .result-details,
html[data-theme='light'] .empty-state p,
html[data-theme='light'] .report-count,
html[data-theme='light'] .profile-summary-item small,
html[data-theme='light'] .camera-status,
html[data-theme='light'] .code-label,
html[data-theme='light'] .scan-label,
html[data-theme='light'] .request-meta,
html[data-theme='light'] .summary-label,
html[data-theme='light'] .detail-label,
html[data-theme='light'] .hero-desc,
html[data-theme='light'] .warn-list li,
html[data-theme='light'] .check-list li,
html[data-theme='light'] .step-inline-desc,
html[data-theme='light'] .do-item-desc,
html[data-theme='light'] .info-note,
html[data-theme='light'] .not-item,
html[data-theme='light'] .quote-banner p,
html[data-theme='light'] .cta-card p,
html[data-theme='light'] .fact-box {
    color: var(--theme-text-muted) !important;
}

html[data-theme='light'] .beba-seller-container .back-link,
html[data-theme='light'] .view-all-link,
html[data-theme='light'] .results-header a,
html[data-theme='light'] .text-decoration-none.text-lime {
    color: #6b8f00 !important;
}

html[data-theme='light'] .beba-seller-container .back-link:hover,
html[data-theme='light'] .view-all-link:hover,
html[data-theme='light'] .results-header a:hover,
html[data-theme='light'] .text-decoration-none.text-lime:hover {
    color: #4e6900 !important;
}

html[data-theme='light'] .step-inline-item,
html[data-theme='light'] .do-item,
html[data-theme='light'] .report-card:hover,
html[data-theme='light'] .vouch-card:hover,
html[data-theme='light'] .result-card:hover,
html[data-theme='light'] .seller-card:hover,
html[data-theme='light'] .product-card:hover {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border-strong) !important;
}

html[data-theme='light'] .badge,
html[data-theme='light'] .reputation-score,
html[data-theme='light'] .status-badge,
html[data-theme='light'] .report-count {
    box-shadow: none !important;
}

html[data-theme='light'] .step-inline-item,
html[data-theme='light'] .do-item,
html[data-theme='light'] .manual-code,
html[data-theme='light'] .scanner-frame,
html[data-theme='light'] .camera-frame,
html[data-theme='light'] .verification-summary,
html[data-theme='light'] .scan-result,
html[data-theme='light'] .profile-summary-item,
html[data-theme='light'] .filter-bar,
html[data-theme='light'] .toolbar,
html[data-theme='light'] .request-summary,
html[data-theme='light'] .detail-section {
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .hero-card,
html[data-theme='light'] .quote-banner {
    background: linear-gradient(135deg, rgba(183, 228, 35, 0.08), rgba(255, 255, 255, 0.92)) !important;
    border-color: rgba(183, 228, 35, 0.24) !important;
}

html[data-theme='light'] .fact-box {
    background: rgba(255, 244, 244, 0.92) !important;
    border-color: rgba(220, 53, 69, 0.18) !important;
}

html[data-theme='light'] .fact-box strong,
html[data-theme='light'] .hero-title span,
html[data-theme='light'] .cta-card h2 {
    color: #86ad10 !important;
}

html[data-theme='light'] .info-note,
html[data-theme='light'] .not-item {
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .qr-reader,
html[data-theme='light'] #reader,
html[data-theme='light'] #interactive,
html[data-theme='light'] video {
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .pagination .btn,
html[data-theme='light'] .pagination a.btn,
html[data-theme='light'] .pagination .page-link {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .pagination .btn:hover,
html[data-theme='light'] .pagination a.btn:hover {
    background: var(--theme-surface-soft) !important;
}

html[data-theme='light'] [style*="background: rgba(0,0,0,0.2)"],
html[data-theme='light'] [style*="background: rgba(0,0,0,0.25)"],
html[data-theme='light'] [style*="background: rgba(0,0,0,0.3)"],
html[data-theme='light'] [style*="background: rgba(0,0,0,0.4)"],
html[data-theme='light'] [style*="background: rgba(0, 0, 0, 0.2)"],
html[data-theme='light'] [style*="background: rgba(0, 0, 0, 0.25)"],
html[data-theme='light'] [style*="background: rgba(0, 0, 0, 0.3)"],
html[data-theme='light'] [style*="background: rgba(0, 0, 0, 0.4)"],
html[data-theme='light'] [style*="background: rgba(255, 255, 255, 0.05)"],
html[data-theme='light'] [style*="background: rgba(255,255,255,0.05)"],
html[data-theme='light'] [style*="background: rgba(255, 255, 255, 0.1)"],
html[data-theme='light'] [style*="background: rgba(255,255,255,0.1)"],
html[data-theme='light'] [style*="background: rgba(255, 255, 255, 0.15)"],
html[data-theme='light'] [style*="background: rgba(255,255,255,0.15)"],
html[data-theme='light'] [style*="background: linear-gradient(135deg, #0d1b2e"],
html[data-theme='light'] [style*="background: linear-gradient(135deg, #102037"],
html[data-theme='light'] [style*="background: linear-gradient(135deg, rgba(13, 27, 46"],
html[data-theme='light'] [style*="background: linear-gradient(135deg, var(--dark-blue)"] {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.3)"],
html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.4)"],
html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.5)"],
html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.6)"],
html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.8)"],
html[data-theme='light'] [style*="background: rgba(16, 32, 55, 0.9)"],
html[data-theme='light'] [style*="background: rgba(20, 37, 63, 0.9)"],
html[data-theme='light'] [style*="background: rgba(20, 37, 63, 0.8)"] {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] [style*="color: #fff"],
html[data-theme='light'] [style*="color:#fff"],
html[data-theme='light'] [style*="color: white"],
html[data-theme='light'] [style*="color:white"] {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .btn-close-white {
    filter: none !important;
    opacity: 0.65;
}

html[data-theme='light'] .bg-dark-blue {
    background-color: var(--theme-surface-muted) !important;
}

html[data-theme='light'] .border-lime {
    border-color: var(--theme-border) !important;
}

html[data-theme='light'] .status-pill {
    background: rgba(183, 228, 35, 0.16) !important;
    color: #567300 !important;
}

html[data-theme='light'] .muted-pill {
    background: rgba(16, 32, 55, 0.08) !important;
    color: var(--theme-text-soft) !important;
}

html[data-theme='light'] .message-box {
    background: rgba(16, 32, 55, 0.04) !important;
    color: var(--theme-text) !important;
}

html[data-theme='light'] .eyebrow,
html[data-theme='light'] .partner-badge {
    background: rgba(183, 228, 35, 0.14) !important;
    color: #5d7e00 !important;
    border-color: rgba(183, 228, 35, 0.28) !important;
}

html[data-theme='light'] .feature-icon,
html[data-theme='light'] .category-icon,
html[data-theme='light'] .contact-icon,
html[data-theme='light'] .stat-icon {
    background: rgba(183, 228, 35, 0.12) !important;
    border-color: rgba(183, 228, 35, 0.22) !important;
}

html[data-theme='light'] .step-number,
html[data-theme='light'] .step-tag,
html[data-theme='light'] .bg-lime,
html[data-theme='light'] .badge.bg-lime {
    color: #081423 !important;
}

html[data-theme='light'] .btn-outline-lime {
    color: #6b8f00 !important;
    border-color: rgba(107, 143, 0, 0.45) !important;
}

html[data-theme='light'] .btn-outline-lime:hover,
html[data-theme='light'] .btn-outline-lime:focus {
    background: rgba(183, 228, 35, 0.12) !important;
    color: #4e6900 !important;
    border-color: rgba(107, 143, 0, 0.55) !important;
}

html[data-theme='light'] .quick-action-btn,
html[data-theme='light'] .quick-action-card,
html[data-theme='light'] .theme-toggle-btn {
    color: var(--theme-text) !important;
}

html[data-theme='light'] .input-group .btn-outline-lime,
html[data-theme='light'] .toggle-password {
    background: var(--theme-surface-soft) !important;
    color: #6b8f00 !important;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgba(183, 228, 35, 0.24);
    border-radius: 999px;
    margin-right: 0.75rem;
    padding: 0.45rem 0.95rem !important;
    color: var(--theme-outline-text) !important;
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    color: var(--lime) !important;
    background: rgba(183, 228, 35, 0.08);
}

html[data-theme='light'] .theme-toggle-btn {
    background: rgba(16, 32, 55, 0.03);
    border-color: var(--theme-border);
    color: var(--theme-text) !important;
}

.theme-toggle-btn i {
    width: 16px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .theme-toggle-btn {
        margin: 0.75rem 0;
        width: fit-content;
    }

    .stats-grid,
    .compact-stats-grid,
    .quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #content {
        padding: 12px !important;
    }
}

@media (max-width: 767.98px) {
    section.py-5,
    .dashboard-content,
    .help-container,
    .contact-container,
    .dashboard-container,
    .vendor-dashboard-container,
    .rider-dashboard-container,
    .vendor-product-container,
    .authenticator-setup-container,
    .dash-wrap {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .container,
    .container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .display-4 {
        font-size: 2.15rem !important;
        line-height: 1.15 !important;
    }

    .display-5 {
        font-size: 1.95rem !important;
    }

    .display-6 {
        font-size: 1.65rem !important;
    }

    .hero-panel,
    .share-card,
    .vendor-panel,
    .integration-panel,
    .glass-card,
    .feature-card,
    .department-card,
    .step-card,
    .hero-chip,
    .contact-method,
    .category-card,
    .info-card,
    .partners-card,
    .cta-panel {
        border-radius: 16px !important;
    }

    .card-body,
    .feature-card,
    .department-card,
    .step-card,
    .share-card,
    .vendor-panel,
    .integration-panel,
    .contact-method,
    .category-card,
    .hero-panel {
        padding: 1rem !important;
    }

    .hero-section .d-flex.flex-wrap.gap-3 > .btn,
    .share-card .btn,
    .vendor-panel .btn,
    .integration-panel .btn,
    .contact-method .btn,
    .category-card .btn {
        width: 100%;
    }

    .timeline-step {
        gap: 0.75rem !important;
        padding: 0.85rem 0 !important;
    }

    .step-number,
    .step-tag {
        width: 40px !important;
        height: 40px !important;
        font-size: 0.95rem !important;
    }

    .stats-grid,
    .compact-stats-grid,
    .quick-actions-grid {
        grid-template-columns: 1fr !important;
    }

    .table-responsive {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }

    .theme-toggle-btn {
        width: 100%;
        justify-content: center;
        margin-right: 0 !important;
    }

    .glass-navbar .navbar-nav {
        gap: 0.25rem;
    }

    #content,
    .wrapper,
    .dashboard-wrapper {
        overflow-x: hidden;
    }
}

@media (max-width: 575.98px) {
    .hero-chip,
    .status-pill {
        width: 100%;
    }

    .hero-panel-top {
        flex-direction: column;
        align-items: flex-start;
    }
}