body.light-mode {
    --ssd-bg-dark: #f0f2f5;
    --ssd-border-color: #e2e8f0;
    --ssd-text-primary: #1a202c;
    --ssd-text-secondary: #4a5568;
    --ssd-accent-color: #3b82f6;
    --ssd-accent-hover: #60a5fa;
    --ssd-green: #16a34a;
    --ssd-yellow: #d97706;
    --ssd-red: #dc2626;
    background-color: var(--ssd-bg-dark)!important
}

body.light-mode html,body.light-mode.ssd-registration-page {
    background-color: var(--ssd-bg-dark)
}

body.light-mode .ssd-sidebar {
    border-right: 1px solid var(--ssd-border-color);
    color: var(--ssd-text-primary);
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

body.light-mode .ssd-main-content {
    background: 0 0!important;
    background-color: #fff!important
}

body.light-mode .ssd-mobile-header {
    border-bottom: 1px solid var(--ssd-border-color)
}

body.light-mode .ssd-sidebar-new-header {
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-icon-btn {
    color: #718096
}

body.light-mode .ssd-icon-btn:hover {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-nav-item:hover {
    background-color: #f1f5f9;
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-sidebar-meta-footer a:hover,body.light-mode .ssd-sidebar-profile h4 {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-form-group label,body.light-mode .ssd-form-group small,body.light-mode .ssd-nav-item,body.light-mode .ssd-profile-edit-form label,body.light-mode .ssd-rank-box p,body.light-mode .ssd-sidebar-meta-footer a,body.light-mode .ssd-sidebar-profile p {
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-nav-item.active {
    background-color: var(--ssd-accent-color)!important
}

body.light-mode .ssd-new-label {
    background-color: var(--ssd-red);
    color: #fff
}

body.light-mode .ssd-sidebar-meta-footer {
    color: var(--ssd-text-secondary);
    border-top-color: var(--ssd-border-color)
}

body.light-mode .ssd-sidebar-meta-footer span {
    color: #cbd5e0
}

body.light-mode .ssd-sidebar-footer a {
    background-color: #f1f5f9;
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-main-content::-webkit-scrollbar-thumb:hover,body.light-mode .ssd-sidebar-scroll-area::-webkit-scrollbar-thumb:hover {
    background-color: #a0aec0
}

body.light-mode .ssd-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid var(--ssd-border-color);
    color: var(--ssd-text-secondary);
    background: #fdfdfd
}

body.light-mode .ssd-card-title,body.light-mode .ssd-facts-tab-pane-new h2,body.light-mode .ssd-sub-title {
    color: var(--ssd-text-primary);
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-rank-box {
    background: #f8fafc;
    border-color: var(--ssd-border-color)
}

body.light-mode .ssd-rank-box:hover {
    background: #fff;
    border-color: var(--ssd-accent-color)
}

body.light-mode .ssd-modal-header h4,body.light-mode .ssd-rank-main {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-rank-island {
    color: var(--ssd-green)
}

body.light-mode .ssd-rank-district {
    color: var(--ssd-yellow)
}

body.light-mode .ssd-profile-edit-form input,body.light-mode .ssd-profile-edit-form select {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: var(--ssd-text-primary)
}

body.light-mode #ssd-multi-search-input,body.light-mode .ssd-form-group input,body.light-mode .ssd-form-group select,body.light-mode .ssd-form-group textarea,body.light-mode .ssd-live-search-input {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-live-search-input#bookstore-search-input::placeholder,body.light-mode .ssd-lost-password-form input::placeholder,body.light-mode .ssd-profile-edit-form input::placeholder,body.light-mode .ssd-reset-password-form input::placeholder {
    color: #a0aec0
}

body.light-mode .ssd-profile-edit-form input:focus,body.light-mode .ssd-profile-edit-form select:focus {
    background-color: #fff;
    border-color: var(--ssd-accent-color);
    box-shadow: 0 0 0 3px rgba(59,130,246,.2)
}

body.light-mode #ssd-multi-search-input:focus,body.light-mode .ssd-form-group input:focus,body.light-mode .ssd-form-group textarea:focus,body.light-mode .ssd-live-search-input:focus {
    border-color: var(--ssd-accent-color)
}

body.light-mode .ssd-form-group select:focus {
    background-color: #fff;
    border-color: var(--ssd-accent-color)
}

body.light-mode .ssd-form-group input[type=file] {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-form-group input[type=file]::file-selector-button {
    background-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .ssd-button-update {
    background-color: var(--ssd-accent-color)
}

body.light-mode .ssd-submit-receipt-btn {
    color: #fff
}

body.light-mode .ssd-pro-class-btn,body.light-mode .ssd-submit-receipt-btn {
    background-color: var(--ssd-accent-color)
}

body.light-mode .action-card .action-card-btn,body.light-mode .bookstore-btn.buy-now {
    background-color: var(--ssd-accent-color);
    color: #fff
}

body.light-mode .action-card .action-card-btn:hover,body.light-mode .bookstore-btn.buy-now:hover,body.light-mode .login-submit input[type=submit]:hover,body.light-mode .ssd-button-update:hover,body.light-mode .ssd-pro-class-btn:hover,body.light-mode .ssd-submit-receipt-btn:hover {
    background-color: #2563eb
}

body.light-mode .ssd-button-danger {
    background-color: var(--ssd-red);
    color: #fff
}

body.light-mode .ssd-button-danger:hover {
    background-color: #b91c1c
}

body.light-mode .ssd-form-notice {
    background-color: #fffbeb;
    color: #b45309;
    border-color: #fde68a
}

body.light-mode .ssd-fb-profile-view .tutor-profile-container {
    border-radius: 0;
    padding: 0;
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-single-class-container,body.light-mode .ssd-single-product-container {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-modal-content {
    border-color: var(--ssd-border-color);
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-modal-header {
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-modal-close-btn:hover {
    color: var(--ssd-text-primary)
}

body.light-mode .bank-card {
    border-color: var(--ssd-border-color)
}

body.light-mode .bank-card:hover,body.light-mode .ssd-months-checkbox-grid label:hover,body.light-mode .ssd-summary-table tbody tr:hover {
    background-color: #f8fafc
}

body.light-mode .bank-card.selected {
    border-color: var(--ssd-accent-color)
}

body.light-mode .account-details .bank-name,body.light-mode .ssd-fb-profile-view .tutor-info h1 {
    color: var(--ssd-text-primary)
}

body.light-mode .account-details,body.light-mode .account-details .account-branch,body.light-mode .account-details .account-name,body.light-mode .profile-detail-item i,body.light-mode .profile-section h4,body.light-mode .profile-section h5,body.light-mode .profile-social-links a,body.light-mode .ssd-facts-social-links a {
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-fb-profile-view .tutor-cover-photo {
    background-color: #cbd5e0
}

body.light-mode .ssd-fb-profile-view .tutor-profile-picture {
    border-color: #fff
}

body.light-mode .ssd-fb-profile-view .tutor-action-btn.following {
    background-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .profile-section,body.light-mode .ssd-fb-profile-view .tutor-tabs-nav-wrapper {
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-fb-profile-view .tutor-tab-btn.active {
    color: var(--ssd-accent-color);
    border-bottom-color: var(--ssd-accent-color)
}

body.light-mode .profile-bio-full p,body.light-mode .profile-detail-item,body.light-mode .profile-section p,body.light-mode .profile-social-links a:hover,body.light-mode .ssd-facts-header-logo-link span,body.light-mode .ssd-facts-social-links a:hover {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-facts-page-v2-wrapper,body.light-mode .ssd-facts-page-v2-wrapper .ssd-main-content {
    background-color: var(--ssd-bg-dark)!important
}

body.light-mode .ssd-facts-public-header {
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-facts-sidebar {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color);
    border-radius: 12px;
    padding: 1rem
}

body.light-mode .ssd-facts-sidebar-nav {
    border-bottom-color: var(--ssd-border-color)
}

body.light-mode .ssd-facts-nav-link {
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-facts-nav-link.active {
    background-color: var(--ssd-accent-color)
}

body.light-mode .ssd-accordion-item {
    border-color: var(--ssd-border-color)
}

body.light-mode #reg-step-2 .ssd-fb-profile-view h1,body.light-mode .back-to-login a:hover,body.light-mode .login-lost-password a:hover,body.light-mode .login-signup-link a:hover,body.light-mode .reg-otp-info strong,body.light-mode .ssd-accordion-header,body.light-mode .ssd-login-meta-footer a:hover {
    color: var(--ssd-text-primary)
}

body.light-mode .back-to-login a,body.light-mode .login-lost-password a,body.light-mode .login-remember label,body.light-mode .ssd-accordion-content,body.light-mode .ssd-login-container form label,body.light-mode .ssd-lost-password-form label,body.light-mode .ssd-reset-password-form label {
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-login-pro-layout {
    color: var(--ssd-text-primary);
    background-color: var(--ssd-bg-dark)
}

body.light-mode .ssd-form-header h2,body.light-mode .ssd-login-container input[type=password],body.light-mode .ssd-login-container input[type=text],body.light-mode .ssd-lost-password-form input[type=text],body.light-mode .ssd-reset-password-form input[type=password],body.light-mode .ssd-reset-password-form input[type=text] {
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-login-container input:focus,body.light-mode .ssd-lost-password-form input:focus,body.light-mode .ssd-reset-password-form input:focus {
    border-color: var(--ssd-accent-color)
}

body.light-mode .login-submit input[type=submit] {
    background-color: var(--ssd-accent-color);
    color: #fff
}

body.light-mode .login-signup-link a {
    color: var(--ssd-accent-color)
}

body.light-mode #reg-step-2 .ssd-fb-profile-view p,body.light-mode .ssd-login-meta-footer,body.light-mode .ssd-login-meta-footer a {
    color: var(--ssd-text-secondary)
}

body.light-mode .ssd-login-meta-footer span {
    color: #cbd5e0
}

body.light-mode .ssd-registration-container {
    border-color: var(--ssd-border-color);
    color: var(--ssd-text-primary)
}

body.light-mode .ssd-registration-container input[type=email],body.light-mode .ssd-registration-container input[type=password],body.light-mode .ssd-registration-container input[type=text],body.light-mode .ssd-registration-container textarea {
    color: var(--ssd-text-primary)!important;
    background-color: #f1f5f9;
    border-color: #e2e8f0
}

body.light-mode #reg-step-2 .ssd-fb-profile-view {
    border-color: var(--ssd-border-color);
    background-color: #f8fafc
}

body.light-mode #reg-step-2 .ssd-fb-profile-view .tutor-cover-photo {
    background-color: #e2e8f0
}

body.light-mode #reg-step-2 .ssd-fb-profile-view .photo-upload-label {
    background-color: rgba(255,255,255,.7);
    backdrop-filter: blur(4px);
    color: #1a202c;
    border-color: rgba(0,0,0,.1)
}

body.light-mode #reg-step-2 .ssd-fb-profile-view .photo-upload-label:hover {
    background-color: rgba(255,255,255,.9)
}

body.light-mode #reg-step-2 .ssd-fb-profile-view .tutor-profile-picture {
    border-color: #fff
}

body.light-mode .bookstore-tab-container {
    background-color: transparent;
    box-shadow: none
}

body.light-mode .ssd-live-search-input#bookstore-search-input {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-live-search-input#bookstore-search-input:focus {
    outline: 0;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59,130,246,.4)
}

body.light-mode .bookstore-grid .ssd-pro-class-card {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .bookstore-grid .ssd-pro-class-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,.05)
}

body.light-mode .bookstore-grid .ssd-pro-class-header {
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .bookstore-grid .ssd-pro-class-title {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .bookstore-grid .ssd-pro-class-meta {
    color: var(--ssd-text-secondary, #718096)
}

body.light-mode .bookstore-grid .ssd-pro-class-price {
    color: #3b82f6
}

body.light-mode #bookstore-no-results,body.light-mode .ssd-empty-state {
    color: var(--ssd-text-secondary, #718096)
}

body.light-mode .ssd-product-card {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0,0,0,.05)
}

body.light-mode .ssd-pro-class-card:hover {
    transform: translateY(-5px)
}

body.light-mode .ssd-product-image {
    background-color: #f1f5f9;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-pro-class-header {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-pro-class-body,body.light-mode .ssd-product-details {
    padding: .75rem
}

body.light-mode .ssd-product-details h4 {
    color: #1a202c
}

body.light-mode .ssd-product-price {
    color: #3b82f6;
    font-size: 1rem;
    font-weight: 700
}

body.light-mode .ssd-product-buy-btn {
    background-color: #22c55e;
    color: #fff
}

body.light-mode .ssd-product-buy-btn:hover {
    background-color: #16a34a
}

body.light-mode .ssd-product-gallery .main-image img {
    border: 1px solid #e2e8f0
}

body.light-mode .slider-next,body.light-mode .slider-prev {
    color: #1a202c;
    background-color: rgba(255,255,255,.4)
}

body.light-mode .slider-next:hover,body.light-mode .slider-prev:hover {
    background-color: rgba(255,255,255,.8)
}

body.light-mode .thumbnail-images .thumbnail {
    border: 2px solid #e2e8f0;
    opacity: .7
}

body.light-mode .thumbnail-images .thumbnail.active,body.light-mode .thumbnail-images .thumbnail:hover {
    border-color: #3b82f6;
    opacity: 1
}

body.light-mode #ssd-main-view-container>.ssd-card {
    background: 0 0
}

body.light-mode #ssd-main-view-container>.ssd-card>.ssd-card-title,body.light-mode .all-classes-tab-container .ssd-card-title,body.light-mode .bookstore-tab-container .ssd-card-title,body.light-mode .my-classes-tab-container .ssd-card-title,body.light-mode .my-pages-container .ssd-card-title,body.light-mode .my-pages-container .ssd-sub-title,body.light-mode .ssd-popular-section .ssd-sub-title,body.light-mode .ssd-search-tab-container .ssd-card-title {
    color: var(--ssd-text-primary, #1a202c);
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode #ssd-main-view-container>.ssd-card>.ssd-card-subtitle,body.light-mode .all-classes-tab-container .ssd-card-subtitle,body.light-mode .bookstore-tab-container .ssd-card-subtitle,body.light-mode .my-classes-tab-container .ssd-card-subtitle,body.light-mode .profile-card-meta,body.light-mode .ssd-search-tab-container .ssd-card-subtitle {
    color: var(--ssd-text-secondary, #718096)
}

body.light-mode .profile-card-footer {
    border-top-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-search-loader {
    background-color: rgba(255,255,255,.5)
}

body.light-mode .ssd-search-loader .spinner {
    border: 3px solid #e2e8f0;
    border-top: 3px solid #3b82f6
}

body.light-mode .ssd-search-loader p {
    color: #4a5568
}

body.light-mode .ssd-linkedin-card {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .linkedin-banner {
    background-color: #f1f5f9
}

body.light-mode .linkedin-picture {
    border-color: #fff
}

body.light-mode .linkedin-name {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .profile-card-clickable-area:hover .linkedin-name {
    color: #3b82f6
}

body.light-mode .linkedin-meta {
    color: var(--ssd-text-secondary, #718096)
}

body.light-mode .linkedin-meta-sub {
    color: #a0aec0
}

body.light-mode .linkedin-footer {
    border-top-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .linkedin-footer .tutor-action-btn {
    border-color: #3b82f6;
    color: #3b82f6;
    background-color: transparent
}

body.light-mode .linkedin-footer .tutor-action-btn:hover {
    background-color: rgba(59,130,246,.1);
    border-width: 2px
}

body.light-mode .linkedin-footer .tutor-action-btn.following {
    background-color: #e2e8f0;
    border-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .linkedin-footer .tutor-action-btn.following:hover {
    background-color: #cbd5e0;
    border-color: #cbd5e0
}

body.light-mode .linkedin-card-tag {
    background-color: #2563eb;
    color: #fff
}

body.light-mode .my-classes-grid .ssd-pro-class-card {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .my-classes-grid .ssd-pro-class-card:hover {
    box-shadow: 0 8px 15px rgba(0,0,0,.05)
}

body.light-mode .my-classes-grid .ssd-pro-class-header {
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .my-classes-grid .ssd-pro-class-title,body.light-mode .my-classes-tab-container .ssd-empty-state h4 {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .my-classes-tab-container .ssd-empty-state {
    background-color: #f8fafc;
    color: var(--ssd-text-secondary, #718096)
}

body.light-mode .master-study-style {
    background-color: #f0f2f5;
    font-size: .9rem
}

body.light-mode .builder-header .back-btn {
    background: #f1f5f9;
    color: #4a5568
}

body.light-mode .builder-header .back-btn:hover,body.light-mode .lms-sidebar-header .ssd-back-to-my-classes-btn:hover {
    background: #e2e8f0
}

body.light-mode .curriculum-list::-webkit-scrollbar {
    width: 4px
}

body.light-mode .curriculum-list::-webkit-scrollbar-thumb {
    background: #cbd5e0
}

body.light-mode .sidebar-footer button {
    background-color: #16a34a;
    color: #fff
}

body.light-mode .lesson-item.active {
    background-color: #3b82f6;
    color: #fff
}

body.light-mode .add-lesson-btn {
    background: 0 0
}

body.light-mode .lms-sidebar-header .ssd-back-to-my-classes-btn {
    background: #f1f5f9;
    color: #4a5568
}

body.light-mode .lms-month-accordion {
    border: 1px solid #e2e8f0
}

body.light-mode .lms-month-header {
    background-color: #f8fafc;
    color: #1a202c
}

body.light-mode .lms-month-header:hover {
    background-color: #f1f5f9
}

body.light-mode .lms-month-header.active {
    background-color: #eef2ff;
    color: #3b82f6
}

body.light-mode .lms-month-panel {
    background-color: transparent
}

body.light-mode .modern-lms-style {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .action-card,body.light-mode .ssd-class-header-modern {
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-class-header-modern {
    background-color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-class-header-modern .class-title {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-class-header-modern .class-tagline {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .class-meta-info .rating-info .star-rating {
    color: #f59e0b
}

body.light-mode .action-card .class-includes h4,body.light-mode .action-card .current-price,body.light-mode .lms-content-locked h4,body.light-mode .ssd-form-group-label {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .action-card .class-includes ul,body.light-mode .action-card .class-includes ul li .fas,body.light-mode .action-card .original-price {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .action-card .action-card-btn.enrolled {
    background-color: #e2e8f0;
    color: #4a5568;
    cursor: not-allowed
}

body.light-mode .action-card .class-includes {
    border-top: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .price-info .per-month-text,body.light-mode .ssd-class-content-main .lesson-item-preview {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .modern-lms-style #tab-curriculum .month-bar-container {
    background-color: transparent;
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .modern-lms-style #tab-curriculum .month-bar-button {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .modern-lms-style #tab-curriculum .month-bar-button:hover {
    background-color: #e2e8f0;
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .modern-lms-style #tab-curriculum .month-bar-button.active,body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tab-btn.active {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #fff
}

body.light-mode #ssd-monthly-payment-selector {
    background-color: #f1f5f9;
    border-radius: 8px
}

body.light-mode .ssd-months-checkbox-grid label {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-months-checkbox-grid label.disabled {
    background-color: #f1f5f9;
    opacity: .7;
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .enrolled-badge {
    color: #fff;
    background-color: #16a34a
}

body.light-mode .ssd-total-price-display {
    border-top: 1px solid #e2e8f0;
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .lms-content-locked {
    color: var(--ssd-text-secondary, #4a5568);
    border: 2px dashed #e2e8f0;
    background-color: #f8fafc
}

body.light-mode .lms-content-locked .fas.fa-lock,body.light-mode .ssd-empty-state svg {
    color: #cbd5e0
}

body.light-mode .ssd-modal-content.compact .modal-title {
    color: #3b82f6
}

@media (max-width:767px) {
    body.light-mode .modal-sticky-footer {
        background-color: #fff;
        border-top: 1px solid #e2e8f0
    }
}

@media (min-width:768px) {
    body.light-mode .modal-left-column .ssd-total-price-display {
        border-top: 1px solid #e2e8f0;
        color: var(--ssd-text-primary, #1a202c)
    }
}

body.light-mode #ssd-multi-search-input,body.light-mode .ssd-live-search-input {
    border: 1px solid #e2e8f0;
    background-color: #f1f5f9;
    color: #1a202c
}

body.light-mode #ssd-multi-search-input:focus,body.light-mode .ssd-live-search-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.2);
    background-color: #fff
}

body.light-mode #ssd-multi-search-input::placeholder,body.light-mode .ssd-live-search-input::placeholder,body.light-mode ::placeholder {
    color: #94a3b8
}

body.light-mode .ssd-search-form-wrapper::before {
    color: #94a3b8
}

body.light-mode .action-card-content a.action-card-btn {
    color: #fff;
    background-color: var(--ssd-accent-color, #3b82f6);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.03)
}

body.light-mode .action-card-content a.action-card-btn:hover {
    background-color: var(--ssd-accent-color-dark, #2563eb);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);
    color: #fff
}

body.light-mode .tutor-actions a.tutor-action-btn {
    color: #fff;
    background-color: #16a34a;
    border: 1px solid #16a34a
}

body.light-mode .tutor-actions a.tutor-action-btn:hover {
    background-color: #15803d;
    border-color: #15803d;
    color: #fff
}

body.light-mode .ssd-card,body.light-mode .ssd-form-group label i,body.light-mode .ssd-form-group small {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-card.ssd-card-dark {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-card-title {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .profile-card-footer .tutor-action-btn:hover {
    background-color: #cbd5e0
}

body.light-mode .ssd-form-group input[type=date],body.light-mode .ssd-form-group input[type=tel],body.light-mode .ssd-form-group input[type=text],body.light-mode .ssd-form-group input[type=url],body.light-mode .ssd-form-group select {
    border: 1px solid #e2e8f0;
    background-color: #f1f5f9;
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-card-title,body.light-mode .ssd-form-group textarea {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-form-group input[type=file] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-form-group select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59,130,246,.2)
}

body.light-mode .ssd-form-group input[disabled] {
    background-color: #e2e8f0;
    color: #9ca3af
}

body.light-mode .ssd-profile-card {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-profile-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.04)
}

body.light-mode .profile-card-banner {
    background-color: #f1f5f9
}

body.light-mode .profile-card-picture {
    border: 4px solid #fff;
    background-color: #e2e8f0
}

body.light-mode .profile-card-name {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .profile-card-meta,body.light-mode .profile-detail-item i,body.light-mode .profile-section h4,body.light-mode .profile-section h5,body.light-mode .profile-social-links a {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .profile-card-footer,body.light-mode .ssd-card.ssd-business-panel #my-business-tab-content {
    border-top: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .profile-card-footer .tutor-action-btn {
    background-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .danger-zone-box {
    border: 1px solid #fca5a5;
    background-color: #fef2f2
}

body.light-mode .danger-zone-box p {
    color: #b91c1c
}

body.light-mode .profile-section {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .profile-bio-full p,body.light-mode .profile-detail-item,body.light-mode .profile-section p,body.light-mode .profile-social-links a:hover {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-pro-class-card {
    border-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .order-card:hover {
    box-shadow: 0 8px 15px rgba(0,0,0,.05)
}

body.light-mode .ssd-pro-class-header {
    border-bottom-color: var(--ssd-border-color, #e2e8f0);
    background-color: #f1f5f9
}

body.light-mode #all-classes-no-results h4,body.light-mode #bookstore-no-results h4,body.light-mode .ssd-pro-class-title {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-pro-class-meta {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-pro-class-footer {
    border-top-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-notification-item.unread .ssd-notification-icon svg,body.light-mode .ssd-pro-class-price {
    color: var(--ssd-accent-color, #3b82f6)
}

body.light-mode #all-classes-no-results,body.light-mode #bookstore-no-results {
    background-color: #f8fafc;
    color: var(--ssd-text-secondary, #4a5568);
    border: 1px dashed #e2e8f0
}

body.light-mode .order-card {
    background-color: #fff;
    border-color: var(--ssd-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .order-card-header {
    background-color: #f8fafc;
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .order-id {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .order-date {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .info-grid span,body.light-mode .product-name,body.light-mode .ssd-modal-close-btn:hover,body.light-mode .ssd-modal-header h4 {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .order-price {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .order-card-footer {
    background-color: #f8fafc;
    border-top-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-modal-overlay {
    background-color: rgba(240,242,245,.8)
}

body.light-mode .ssd-modal-content {
    border-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-modal-header {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .info-grid strong,body.light-mode .modal-order-id,body.light-mode .ssd-modal-body,body.light-mode .ssd-modal-close-btn {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .modal-section h5,body.light-mode .ssd-facts-tab-pane-new h2 {
    color: var(--ssd-text-primary, #1a202c);
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-modal-footer {
    background-color: #f8fafc;
    border-top-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-btn-outline:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e0
}

body.light-mode .ssd-notification-count {
    border: 2px solid #fff
}

body.light-mode .ssd-content-header .ssd-notification-count {
    border-color: #fff
}

body.light-mode .ssd-notification-item {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-notification-item.unread {
    background-color: #f8fafc;
    border-color: #cbd5e0
}

body.light-mode .ssd-notification-date,body.light-mode .ssd-notification-icon,body.light-mode .ssd-notification-message {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-notification-icon .ssd-notification-avatar {
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-empty-state h4,body.light-mode .ssd-notification-message strong,body.light-mode .ssd-notification-sender .ssd-sender-name {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-notification-link,body.light-mode .ssd-notification-sender .ssd-verified-tick {
    color: var(--ssd-accent-color, #3b82f6)
}

body.light-mode .ssd-notification-link:hover {
    color: #2563eb
}

body.light-mode .ssd-notification-unread-dot {
    background-color: var(--ssd-accent-color, #3b82f6)
}

body.light-mode .ssd-empty-state,body.light-mode .ssd-follow-list-empty,body.light-mode .ssd-follow-list-loader,body.light-mode .tutor-follow-counts {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-follow-list-card {
    background-color: #fff;
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-facts-header h1,body.light-mode .ssd-follow-list-name,body.light-mode .ssd-icon-btn:hover {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-facts-header p,body.light-mode .ssd-follow-list-username,body.light-mode .ssd-icon-btn {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-icon-btn:hover {
    background-color: #f1f5f9
}

body.light-mode .ssd-facts-header,body.light-mode .ssd-sidebar-new-header {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-main-content::-webkit-scrollbar-thumb,body.light-mode .ssd-sidebar-scroll-area::-webkit-scrollbar-thumb {
    background-color: #cbd5e0;
    border: 2px solid #fff
}

body.light-mode .ssd-facts-page-wrapper .ssd-main-content {
    background: var(--ssd-bg-dark, #f0f2f5)
}

body.light-mode .ssd-facts-main-btn {
    background-color: var(--ssd-accent-color, #38bdf8);
    color: #fff;
    box-shadow: 0 4px 15px -5px rgba(56,189,248,.4)
}

body.light-mode .ssd-facts-main-btn:hover {
    background-color: #7dd3fc;
    box-shadow: 0 6px 20px -5px rgba(56,189,248,.6)
}

body.light-mode .ssd-facts-nav-btn {
    background-color: #fff;
    border-color: var(--ssd-border-color, #e2e8f0);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-facts-nav-btn:hover {
    background-color: #f8fafc;
    border-color: #cbd5e0;
    transform: translateY(-5px)
}

body.light-mode .ssd-facts-nav-btn.active {
    background-color: #38bdf8;
    border-color: #38bdf8;
    color: #fff;
    box-shadow: 0 10px 20px rgba(56,189,248,.15)
}

body.light-mode .ssd-facts-nav-btn.active i,body.light-mode .ssd-facts-nav-btn.active span {
    color: #fff
}

body.light-mode .ssd-facts-header-logo-link span,body.light-mode .ssd-facts-social-links a:hover {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-facts-nav-btn,body.light-mode .ssd-facts-social-links a {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode,body.light-mode html {
    background-color: var(--ssd-bg-dark, #f0f2f5)
}

body.light-mode .ssd-facts-page-v2-wrapper {
    background-color: var(--ssd-bg-dark, #f0f2f5)!important
}

body.light-mode .ssd-facts-public-header {
    background-color: #fff;
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-facts-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e0
}

body.light-mode .ssd-facts-sidebar-nav,body.light-mode .ssd-summary-table td,body.light-mode .ssd-summary-table th {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-facts-nav-link {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-facts-nav-link:hover {
    background-color: #f1f5f9
}

body.light-mode .ssd-facts-nav-link.active {
    background-color: #38bdf8;
    color: #fff
}

body.light-mode .ssd-accordion-item {
    background-color: #fff;
    border-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-accordion-header,body.light-mode .ssd-card.ssd-business-panel .ssd-card-title {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-accordion-header.active {
    color: #38bdf8
}

body.light-mode .ssd-accordion-content,body.light-mode .ssd-form-group label,body.light-mode label[for=al_year] {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tab-btn {
    color: var(--ssd-text-secondary, #4a5568);
    background-color: #e2e8f0;
    border: 1px solid #cbd5e0
}

@media (min-width:769px) {
    body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tabs {
        border-bottom: 2px solid var(--ssd-border-color, #e2e8f0)
    }

    body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tab-btn {
        color: var(--ssd-text-secondary, #4a5568);
        background-color: transparent;
        border-bottom: 3px solid transparent
    }

    body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tab-btn:hover {
        color: var(--ssd-accent-color, #3b82f6)
    }

    body.light-mode .ssd-card.ssd-business-panel .ssd-inner-tab-btn.active {
        color: var(--ssd-accent-color, #3b82f6);
        border-bottom-color: var(--ssd-accent-color, #3b82f6);
        background-color: transparent
    }
}

body.light-mode .builder-back-btn {
    background: #e2e8f0;
    color: #2d3748
}

body.light-mode .builder-back-btn:hover {
    background-color: #cbd5e0
}

body.light-mode .empty-state {
    color: #9ca3af
}

body.light-mode .lesson-type-item.disabled:hover {
    background-color: #fff;
    transform: none
}

@media (max-width:768px) {
    body.light-mode .builder-main-content {
        background-color: #f8fafc;
        border-bottom: 1px solid #e2e8f0
    }
}

body.light-mode .month-calendar-selector,body.light-mode .month-grid-button,body.light-mode .sidebar-footer input {
    border: 1px solid #e2e8f0
}

body.light-mode .month-calendar-selector .ssd-select {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #1a202c
}

body.light-mode .ssd-class-builder-wrapper {
    background-color: #f0f2f5;
    color: #2d3748
}

body.light-mode .builder-sidebar {
    border-right: 1px solid #e2e8f0;
    color: #4a5568
}

body.light-mode .builder-header,body.light-mode .month-bar-container {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .builder-header button {
    background: #e2e8f0;
    border: 1px solid #cbd5e0;
    color: #4a5568
}

body.light-mode .month-bar-button {
    border: 1px solid #e2e8f0
}

body.light-mode .add-month-btn {
    background-color: #16a34a;
    color: #fff
}

body.light-mode .add-month-btn:hover {
    background-color: #e2e8f0;
    color: #1a202c
}

body.light-mode .sidebar-footer {
    border-top: 1px solid #e2e8f0
}

body.light-mode .ssd-btn-primary:hover {
    background-color: #2b6cb0
}

body.light-mode .builder-main-content {
    color: #2d3748
}

body.light-mode .no-lesson-selected {
    color: #9ca3af
}

body.light-mode .section-item {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e2e8f0
}

body.light-mode .section-header {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .lesson-icon,body.light-mode .lesson-type-item i {
    color: #63b3ed
}

body.light-mode .add-lesson-btn {
    border: 2px dashed #cbd5e0
}

body.light-mode .lesson-type-item {
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(0,0,0,.05)
}

body.light-mode .lesson-type-item:hover {
    background-color: #f8fafc;
    transform: translateY(-4px)
}

body.light-mode .lesson-type-item.disabled {
    opacity: .6
}

body.light-mode .builder-item-actions {
    color: #9ca3af
}

body.light-mode .pane-header {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .pane-header .save-lesson-btn {
    background-color: #3182ce;
    color: #fff
}

@media (max-width:768px) {
    body.light-mode .builder-main-content {
        background-color: #f8fafc;
        border-bottom: 1px solid #e2e8f0
    }
}

body.light-mode .ssd-inner-tabs.earnings-tabs {
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-inner-tabs.earnings-tabs .ssd-inner-tab-btn {
    color: var(--ssd-text-secondary, #4a5568);
    border-bottom: 3px solid transparent
}

body.light-mode .ssd-inner-tabs.earnings-tabs .ssd-inner-tab-btn:hover {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-inner-tabs.earnings-tabs .ssd-inner-tab-btn.active {
    color: var(--ssd-accent-color, #3b82f6);
    border-bottom-color: var(--ssd-accent-color, #3b82f6)
}

body.light-mode .ssd-sub-title {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-sub-title,body.light-mode input[type=number],body.light-mode input[type=text] {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode input[type=number] {
    border: 1px solid #e2e8f0
}

body.light-mode input[type=file] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0
}

body.light-mode input[type=file],body.light-mode select,body.light-mode textarea {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode input[type=file]:focus,body.light-mode input[type=number]:focus,body.light-mode input[type=text]:focus {
    background-color: #fff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59,130,246,.2)
}

body.light-mode select:focus,body.light-mode textarea:focus {
    background-color: #fff
}

body.light-mode input[type=file]::file-selector-button {
    background-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .ssd-summary-table-container {
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    background-color: #fff
}

body.light-mode .ssd-rank-box p,body.light-mode .ssd-summary-table,body.light-mode p {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-summary-table th {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-status-pill-approved {
    background-color: #dcfce7;
    color: #166534
}

body.light-mode .ssd-status-pill-pending {
    background-color: #fef9c3;
    color: #854d0e
}

body.light-mode .ssd-status-pill-rejected {
    background-color: #fee2e2;
    color: #991b1b
}

body.light-mode .ssd-rank-box {
    background-color: #fff;
    color: var(--ssd-text-primary, #1a202c);
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .modal-sticky-footer {
    border-top: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .modal-scroll-area::-webkit-scrollbar-track,body.light-mode ::-webkit-scrollbar-track {
    background: #f1f5f9
}

body.light-mode .modal-scroll-area::-webkit-scrollbar-thumb {
    background-color: #cbd5e0
}

body.light-mode .modal-body-section {
    border-bottom-color: var(--ssd-border-color, #e2e8f0)
}

body.light-mode .modal-section-title {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-tracking-stepper .step {
    color: #9ca3af
}

body.light-mode .ssd-tracking-stepper .step .step-icon {
    background-color: #e2e8f0;
    color: #9ca3af
}

body.light-mode .ssd-tracking-stepper .step-line {
    background-color: #e2e8f0
}

body.light-mode .ssd-tracking-stepper .step.complete .step-icon {
    background-color: #10b981;
    color: #fff
}

body.light-mode .ssd-tracking-stepper .step.complete+.step-line {
    background-color: #10b981
}

body.light-mode .ssd-tracking-stepper .step.complete .step-label {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-back-to-manage-classes {
    background: 0 0;
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .student-item {
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .stat-box {
    border: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-study-hub-banner p,body.light-mode .stat-box-label {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-empty-state-follows h3,body.light-mode .ssd-study-hub-banner h2,body.light-mode .ssd-study-hub-box h3,body.light-mode .stat-box-value {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .ssd-study-hub-banner::before {
    background: linear-gradient(90deg,rgba(255,255,255,.7)0,rgba(255,255,255,.1) 100%)
}

body.light-mode .ssd-study-hub-box {
    background-color: var(--ssd-bg-card, #ffffff);
    border: 1px solid var(--ssd-border-color, #e2e8f0);
    color: var(--ssd-text-secondary, #4a5568);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-study-hub-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.03);
    border-color: var(--ssd-accent-color, #3b82f6)
}

body.light-mode .ssd-status-pill-sale {
    background-color: #dcfce7;
    color: #166534
}

body.light-mode .ssd-status-pill-commission {
    background-color: #fee2e2;
    color: #991b1b
}

body.light-mode .ssd-status-pill-payout {
    background-color: #e2e8f0;
    color: #4a5568
}

body.light-mode .ssd-status-pill-refund {
    background-color: #fef9c3;
    color: #854d0e
}

body.light-mode .lang-switcher {
    background: #f1f5f9;
    border: 1px solid #e2e8f0
}

body.light-mode .lang-switcher .lang-btn,body.light-mode .ssd-payment-card-details p,body.light-mode .terms-lang-content li,body.light-mode .terms-lang-content p {
    color: #4a5568
}

body.light-mode .lang-switcher .lang-btn:hover,body.light-mode .terms-lang-content strong {
    color: #1a202c
}

body.light-mode .lang-switcher .lang-btn.active {
    background-color: #fff;
    color: #3b82f6;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

body.light-mode .terms-content-wrapper {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #4a5568;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-payment-card {
    background-color: #fff
}

body.light-mode .ssd-payment-card-title,body.light-mode .terms-lang-content h4 {
    color: #1a202c;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-payment-card-empty p {
    color: #9ca3af
}

body.light-mode .ssd-empty-state-follows,body.light-mode .ssd-empty-state-follows p {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode .ssd-empty-state-follows i {
    color: #cbd5e0
}

body.light-mode .ssd-student-list-item {
    border-bottom: 1px solid var(--ssd-border-color, #e2e8f0)
}

body.light-mode .ssd-student-list-item:hover {
    background-color: var(--ssd-bg-card-hover, #f8fafc)
}

body.light-mode .student-name {
    color: var(--ssd-text-primary, #1a202c)
}

body.light-mode .student-username {
    color: var(--ssd-text-secondary, #4a5568)
}

body.light-mode #ssd-main-view-container .ssd-card {
    background-color: #f9fafb;
    border-color: #e5e7eb;
    color: #1f2937
}

body.light-mode .ssd-inner-tab-btn:not(.active):hover {
    background-color: #e5e7eb;
    color: #111827
}

body.light-mode .ssd-inner-tabs[data-page-id] .ssd-inner-tab-btn.active {
    background-color: #3b82f6;
    color: #fff
}

body.light-mode #all-classes-search-input,body.light-mode #bookstore-search-input,body.light-mode #my-business-tab-content .ssd-form-input,body.light-mode #my-business-tab-content input[type=number],body.light-mode #my-business-tab-content input[type=text],body.light-mode #my-business-tab-content select,body.light-mode #my-business-tab-content textarea {
    background-color: #fff;
    border: 1px solid #d1d5db;
    color: #111827
}

body.light-mode #all-classes-search-input::placeholder,body.light-mode #bookstore-search-input::placeholder,body.light-mode #my-business-tab-content .ssd-form-input::placeholder,body.light-mode .lesson-pane input::placeholder,body.light-mode .lesson-pane textarea::placeholder,body.light-mode .sidebar-footer input::placeholder {
    color: #9ca3af
}

body.light-mode #my-business-tab-content .ssd-form-label,body.light-mode #my-business-tab-content h3,body.light-mode #my-business-tab-content table tbody td {
    color: #111827
}

body.light-mode #my-business-tab-content .ssd-table-container {
    background-color: #fff;
    border: 1px solid #e5e7eb
}

body.light-mode #my-business-tab-content table thead {
    background-color: #f9fafb
}

body.light-mode #my-business-tab-content table thead th {
    color: #6b7280
}

body.light-mode #my-business-tab-content table tbody tr {
    border-bottom: 1px solid #e5e7eb
}

body.light-mode #my-business-tab-content table tbody tr:nth-child(even),body.light-mode #my-business-tab-content table tbody tr:nth-child(odd) {
    background-color: transparent
}

body.light-mode #my-business-tab-content table tbody tr:hover {
    background-color: #f3f4f6
}

body.light-mode #my-business-tab-content table .courier-type-free {
    color: #059669
}

body.light-mode #my-business-tab-content table .courier-type-paid,body.light-mode .builder-item-actions i.edit-item-btn:hover {
    color: #d97706
}

body.light-mode #ssd-main-view-container>.ssd-card {
    background-color: transparent!important;
    border: 0!important;
    box-shadow: none!important;
    padding: 0!important
}

body.light-mode .ssd-inner-tabs {
    background-color: transparent;
    border-bottom: 1px solid #d1d5db
}

body.light-mode .ssd-inner-tab-btn {
    background-color: transparent;
    color: #4b5563
}

body.light-mode #ssd-earnings-dashboard .ssd-inner-tab-btn.active {
    background-color: transparent;
    color: #3b82f6;
    border-bottom: 2px solid #3b82f6
}

body.light-mode #earnings-tab-content .ssd-card,body.light-mode #my-business-tab-content .ssd-card,body.light-mode .stat-box {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    color: #1f2937
}

body.light-mode .stat-box .stat-box-label {
    color: #6b7280
}

body.light-mode .builder-header h3,body.light-mode .stat-box .stat-box-value {
    color: #111827
}

body.light-mode .ssd-rank-box p[style*="color: #10b981"],body.light-mode .ssd-rank-box span[style*="color: #10b981"],body.light-mode .stat-box-value[style*="color: #4ade80"] {
    color: #059669!important
}

body.light-mode .ssd-rank-box p[style*="color: #f59e0b"],body.light-mode .ssd-rank-box span[style*="color: #f59e0b"],body.light-mode .stat-box-value[style*="color: #facc15"] {
    color: #d97706!important
}

body.light-mode .ssd-rank-box p[style*="color: #ef4444"],body.light-mode .ssd-rank-box span[style*="color: #ef4444"],body.light-mode .stat-box-value[style*="color: #f87171"] {
    color: #dc2626!important
}

body.light-mode .stat-box .stat-box-note {
    background-color: #eef2ff;
    color: #3730a3;
    border-top: 1px solid #e0e7ff
}

body.light-mode #my-business-tab-content .ssd-form-section {
    background-color: #fff;
    border: 1px solid #e5e7eb
}

.ssd-form-group label,body.light-mode .student-profile-header .profile-meta-stats .ssd-view-follows-btn {
    color: #4b5563
}

body.light-mode .student-profile-header .profile-meta-stats .ssd-view-follows-btn span:first-child,body.light-mode .student-profile-header .profile-meta-stats .ssd-view-follows-btn span[id*=student-follower-count-] {
    color: #111827;
    font-weight: 600
}

body.light-mode .ssd-rank-box[style*="background-color: #1f2937"] {
    background-color: #fff!important;
    border-color: #e5e7eb!important
}

body.light-mode #ssd-my-pages-list-view div[style*="border: 2px dashed"] h3,body.light-mode .ssd-rank-box p[style*="color: #6b7280"],body.light-mode .ssd-rank-box span[style*="color: #6b7280"] {
    color: #374151!important
}

body.light-mode .payout-window-notice[style*="background-color: #4a5568"] {
    background-color: #eef2ff!important
}

body.light-mode .payout-window-notice p[style*="color: #e2e8f0"] {
    color: #3730a3!important
}

body.light-mode #withdraw-summary[style*="background: #2d3748"] {
    background: #f3f4f6!important
}

body.light-mode #withdraw-summary div[style*="font-size: 0.9rem"],body.light-mode .tutor-profile-container[data-student-id] .tutor-follow-counts {
    color: #1f2937
}

body.light-mode #withdraw-summary div[style*="color: #e5e7eb"] {
    color: #4b5563!important
}

body.light-mode #withdraw-summary div[style*="color: #10b981"] {
    color: #059669!important
}

body.light-mode #withdraw-summary hr[style*="border-color: #4a5568"] {
    border-color: #e5e7eb!important
}

.method-card .card-header {
    border-bottom: 1px solid #e5e7eb
}

.ssd-modal-content.ssd-payout-modal .ssd-form-group label {
    color: #374151
}

.method-detail strong,body.light-mode .tutor-follow-counts {
    color: #6b7280
}

body.light-mode .tutor-follow-dot {
    color: #d1d5db
}

body.light-mode .builder-item-actions i,body.light-mode .tutor-profile-container .dot-separator,body.light-mode .tutor-profile-container[data-student-id] .tutor-follow-dot {
    color: #9ca3af
}

.method-card h3,.method-detail span,.ssd-modal-content.ssd-payout-modal .ssd-modal-title.dark-mode-title,.ssd-modal-content.ssd-payout-modal .ssd-payout-tabs .payout-tab-btn:hover,body.light-mode .ssd-mobile-header #ssd-mobile-menu-btn,body.light-mode .ssd-sidebar .ssd-sidebar-new-header #ssd-sidebar-toggle-btn,body.light-mode .tutor-info .tutor-bio-short,body.light-mode .tutor-profile-container[data-student-id] .tutor-bio-short {
    color: #1f2937
}

body.light-mode .tutor-follow-stats a strong {
    font-weight: 600
}

body.light-mode .tutor-info p[id*=page-follower-count-] {
    color: #1f2937;
    font-weight: 600
}

.ssd-panel-card {
    background-color: #fff;
    border: 1px solid #d1d5db;
    color: #1f2937;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

.method-card {
    border-left-color: #3b82f6
}

.backup-method-card {
    border-left-color: #f59e0b
}

.method-detail {
    border-bottom: 1px dashed #e5e7eb
}

.ssd-button-icon,.ssd-empty-state-content .empty-icon,.ssd-empty-state-message,.ssd-modal-content.ssd-payout-modal .ssd-payout-tabs .payout-tab-btn {
    color: #6b7280
}

.form-edit-card h3 {
    color: #3b82f6
}

.modern-input {
    border: 1px solid #d1d5db;
    background-color: #f9fafb;
    color: #1f2937
}

.modern-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px #3b82f6
}

.ssd-button-primary {
    background-color: #3b82f6;
    color: #fff
}

.ssd-button-primary:hover {
    background-color: #2563eb;
    opacity: 1
}

.ssd-button-secondary {
    background-color: #e5e7eb;
    color: #374151
}

.ssd-button-secondary:hover {
    background-color: #d1d5db
}

.ssd-modal-content.ssd-payout-modal {
    background-color: #fff;
    color: #374151;
    border: 1px solid #d1d5db
}

.ssd-modal-content.ssd-payout-modal .ssd-payout-tabs {
    border-bottom: 1px solid #d1d5db
}

.ssd-modal-content.ssd-payout-modal .ssd-payout-tabs .payout-tab-btn.active {
    color: #3b82f6;
    border-bottom: 2px solid #3b82f6
}

.ssd-modal-content.ssd-payout-modal .ssd-modal-scrollable-content::-webkit-scrollbar-thumb {
    background-color: #9ca3af
}

.ssd-modal-content.ssd-payout-modal .ssd-modal-scrollable-content::-webkit-scrollbar-track {
    background-color: #f3f4f6
}

.ssd-modal-content.ssd-payout-modal .advanced-input-field {
    border: 1px solid #d1d5db;
    background-color: #fff;
    color: #1f2937
}

.ssd-modal-content.ssd-payout-modal .advanced-input-field:focus {
    border-color: #3b82f6
}

.ssd-modal-content.ssd-payout-modal .summary-box-ui {
    background: #f9fafb;
    border: 1px solid #e5e7eb
}

.ssd-modal-content.ssd-payout-modal .policy-list li,.ssd-modal-content.ssd-payout-modal .summary-row {
    color: #4b5563
}

.ssd-modal-content.ssd-payout-modal .summary-divider {
    border-top: 1px dashed #d1d5db
}

.ssd-modal-content.ssd-payout-modal .final-row,.ssd-modal-content.ssd-payout-modal .ssd-notice.info strong {
    color: #1f2937
}

.ssd-modal-content.ssd-payout-modal h4.dark-mode-title {
    color: #1f2937;
    border-bottom: 1px solid #d1d5db!important
}

.ssd-modal-content.ssd-payout-modal .ssd-notice.info {
    background-color: #e0f2fe;
    border-left: 4px solid #3b82f6;
    color: #1f2937
}

.ssd-modal-content.ssd-payout-modal .payout-modal-footer {
    border-top: 1px solid #d1d5db
}

.ssd-modal-content.ssd-payout-modal .modern-cancel-btn {
    background-color: #e5e7eb;
    color: #374151;
    border: 1px solid #d1d5db
}

.ssd-modal-content.ssd-payout-modal .modern-cancel-btn:hover {
    background-color: #d1d5db
}

.ssd-modal-content.ssd-payout-modal .ssd-submit-receipt-btn {
    background-color: #3b82f6;
    color: #fff
}

.ssd-modal-content.ssd-payout-modal .ssd-submit-receipt-btn:disabled {
    background-color: #93c5fd
}

body.light-mode #ssd-mobile-business-footer {
    background-color: #fff!important;
    border-top: 1px solid var(--ssd-border-color, #e2e8f0)!important;
    box-shadow: 0-4px 12px rgba(0,0,0,.05)!important
}

body.light-mode #ssd-mobile-business-footer .ssd-inner-tab-btn {
    color: var(--ssd-text-secondary, #4a5568);
    background-color: transparent!important
}

body.light-mode #ssd-mobile-business-footer .ssd-inner-tab-btn.active {
    color: var(--ssd-accent-color, #3b82f6)!important
}

body.light-mode #ssd-add-class-form-container,body.light-mode #ssd-add-product-form-container {
    border: 1px solid var(--ssd-border-color, #e2e8f0)!important
}

body.light-mode #ssd-add-class-form-container {
    background-color: #fff!important;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

body.light-mode #ssd-class-form-title,body.light-mode #ssd-product-form-title {
    color: var(--ssd-text-primary, #1a202c)!important;
    border-bottom-color: var(--ssd-border-color, #e2e8f0)!important
}

body.light-mode .ssd-class-builder-wrapper.monthly-builder,body.light-mode .ssd-class-builder-wrapper.professional-builder {
    background-color: #f3f4f6;
    color: #1f2937
}

body.light-mode .builder-header,body.light-mode .builder-mobile-tabs,body.light-mode .month-bar-container {
    background-color: #fff;
    border-bottom-color: #e5e7eb
}

body.light-mode .builder-sidebar {
    background-color: #fff;
    border-right-color: #e5e7eb
}

body.light-mode .sidebar-footer {
    background-color: #fff;
    border-top-color: #e5e7eb
}

body.light-mode .pane-back-btn,body.light-mode .ssd-back-to-manage-classes.ssd-button-secondary {
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb
}

body.light-mode .month-bar-button:hover,body.light-mode .pane-back-btn:hover,body.light-mode .ssd-back-to-manage-classes.ssd-button-secondary:hover {
    background-color: #e5e7eb;
    color: #111827
}

body.light-mode .month-bar-button {
    background-color: #f3f4f6;
    border-color: #e5e7eb;
    color: #4b5563
}

body.light-mode .month-bar-button.active {
    background-color: #3b82f6;
    color: #fff;
    border-color: #3b82f6
}

body.light-mode .builder-mobile-tab-btn {
    color: #6b7280
}

body.light-mode .builder-mobile-tab-btn.active {
    background-color: #eff6ff;
    color: #3b82f6;
    border-bottom-color: #3b82f6
}

body.light-mode .section-item {
    background-color: #fff;
    border-color: #e5e7eb;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .section-header {
    background-color: #f9fafb;
    color: #111827
}

body.light-mode .section-header:hover {
    background-color: #f3f4f6
}

body.light-mode .pane-header h4 {
    color: #111827
}

body.light-mode .lesson-items {
    background-color: #fff;
    border-top: 1px solid #f3f4f6
}

body.light-mode .lesson-item {
    color: #4b5563
}

body.light-mode .lesson-item:hover {
    background-color: #eff6ff;
    color: #1d4ed8
}

body.light-mode .lesson-item:hover .lesson-icon {
    color: #3b82f6
}

body.light-mode .builder-item-actions i:hover {
    color: #ef4444
}

body.light-mode .add-lesson-btn {
    border-color: #d1d5db;
    color: #6b7280
}

body.light-mode .add-lesson-btn:hover {
    background-color: #f9fafb;
    border-color: #3b82f6;
    color: #3b82f6
}

body.light-mode .builder-main-content {
    background-color: #f3f4f6
}

body.light-mode .pane-header {
    border-bottom-color: #e5e7eb
}

body.light-mode .lesson-pane input[type=text],body.light-mode .lesson-pane select,body.light-mode .lesson-pane textarea,body.light-mode .sidebar-footer input {
    background-color: #fff;
    border-color: #d1d5db;
    color: #111827
}

body.light-mode .lesson-pane input:focus,body.light-mode .lesson-pane textarea:focus,body.light-mode .sidebar-footer input:focus {
    border-color: #3b82f6;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .empty-state h4,body.light-mode .lesson-type-item span,body.light-mode .no-lesson-selected h4 {
    color: #374151
}

body.light-mode .empty-state p,body.light-mode .no-content-yet,body.light-mode .no-lesson-selected p {
    color: #6b7280
}

body.light-mode .ssd-modal-content {
    background-color: #fff
}

body.light-mode .ssd-modal-content p {
    color: #4b5563
}

body.light-mode .profile-detail-item i {
    color: #9ca3af
}

body.light-mode .lesson-type-item,body.light-mode .month-calendar-selector {
    background-color: #f9fafb;
    border-color: #e5e7eb
}

body.light-mode .lesson-type-item:hover:not(.disabled) {
    background-color: #fff;
    border-color: #3b82f6;
    box-shadow: 0 4px 6px rgba(0,0,0,.05)
}

body.light-mode .month-grid-button {
    background-color: #fff;
    border-color: #d1d5db;
    color: #374151
}

body.light-mode .month-grid-button:hover {
    background-color: #f3f4f6;
    color: #111827
}

body.light-mode .month-grid-button.selected {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #fff
}

body.light-mode .ssd-dashboard-container,body.light-mode .ssd-main-content {
    background: #f9fafb!important;
    color: #374151
}

body.light-mode .ssd-fb-profile-view .tutor-profile-container {
    box-shadow: 0 1px 3px rgba(0,0,0,.05)
}

@media (max-width:768px) {
    body.light-mode .ssd-fb-profile-view {
        background-color: #fff;
        border-bottom: 1px solid #e5e7eb
    }

    body.light-mode .ssd-fb-profile-view .tutor-profile-container {
        border: 0;
        box-shadow: none
    }
}

body.light-mode .profile-social-links a:hover,body.light-mode .tutor-username {
    color: #2563eb
}

body.light-mode .ssd-edit-page-btn,body.light-mode .student-follow-btn.following,body.light-mode .tutor-action-btn.page-follow-btn.following {
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db
}

body.light-mode .student-follow-btn.following:hover,body.light-mode .tutor-action-btn.page-follow-btn.following:hover {
    background-color: #e5e7eb
}

body.light-mode .profile-social-links a,body.light-mode .ssd-fb-profile-view .tutor-tab-btn {
    color: #6b7280
}

body.light-mode .ssd-fb-profile-view .tutor-tab-btn:hover {
    background-color: #f9fafb;
    color: #111827
}

body.light-mode .ssd-fb-profile-view .tutor-tab-btn.active {
    color: #2563eb;
    border-bottom-color: #2563eb;
    background-color: transparent
}

body.light-mode .profile-section h4,body.light-mode .profile-section h5,body.light-mode .ssd-empty-state-modern h3 {
    color: #374151
}

body.light-mode .profile-bio-full p,body.light-mode .profile-detail-item,body.light-mode .profile-section p {
    color: #4b5563
}

body.light-mode .ssd-mobile-header {
    background-color: #fff
}

body.light-mode .ssd-mobile-title {
    color: #111827
}

body.light-mode .ssd-card:not(.ssd-card-transparent),body.light-mode .ssd-pro-class-card,body.light-mode .ssd-profile-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

body.light-mode .profile-card-name,body.light-mode .ssd-pro-class-title {
    color: #111827
}

body.light-mode .profile-card-meta,body.light-mode .ssd-pro-class-meta {
    color: #6b7280
}

body.light-mode .profile-card-footer,body.light-mode .ssd-pro-class-footer {
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb
}

body.light-mode .ssd-fb-profile-view .tutor-profile-container {
    background-color: transparent!important;
    border: 0!important;
    box-shadow: none!important;
    margin-top: 0
}

body.light-mode .tutor-bio-short {
    color: #111827!important;
    font-weight: 500
}

body.light-mode .tutor-follow-stats,body.light-mode .tutor-followers {
    color: #4b5563!important
}

body.light-mode .ssd-fb-profile-view .tutor-tabs-nav-wrapper {
    background-color: transparent!important;
    border-top: none!important;
    border-bottom: 1px solid #d1d5db!important
}

body.light-mode .profile-section {
    border-bottom: 1px solid #e5e7eb
}

@media (max-width:768px) {
    body.light-mode .ssd-fb-profile-view .tutor-profile-container {
        background-color: transparent!important;
        box-shadow: none!important
    }

    body.light-mode .ssd-fb-profile-view {
        background-color: transparent!important;
        border-bottom: none!important
    }
}

body.light-mode .ssd-card-header-modern {
    border-bottom-color: #e5e7eb
}

body.light-mode .ssd-centered-tabs-wrapper {
    background-color: #fff
}

body.light-mode .profile-name-title {
    color: #111827
}

body.light-mode .ssd-header-icon-btn-back {
    color: #4b5563
}

body.light-mode .ssd-header-icon-btn-back:hover {
    background-color: #f3f4f6
}

body.light-mode .modern-center-tabs {
    border-bottom-color: #e5e7eb
}

body.light-mode .modern-center-tabs .tutor-tab-btn {
    color: #6b7280
}

body.light-mode .modern-center-tabs .tutor-tab-btn:hover {
    background-color: #f9fafb;
    color: #111827
}

body.light-mode .modern-center-tabs .tutor-tab-btn.active,body.light-mode .reg-login-link a {
    color: #2563eb
}

body.light-mode .ssd-list-item:hover {
    background-color: #f9fafb
}

body.light-mode .item-name {
    color: #111827
}

body.light-mode .item-username,body.light-mode .ssd-empty-state-modern p {
    color: #6b7280
}

body.light-mode .ssd-modern-follow-btn {
    color: #fff
}

body.light-mode .ssd-modern-follow-btn.following {
    border-color: #d1d5db;
    color: #374151;
    background-color: transparent
}

body.light-mode .ssd-modern-follow-btn.following:hover {
    background-color: #fef2f2;
    border-color: #ef4444;
    color: #ef4444
}

body.light-mode .ssd-reg-pro-layout {
    background-image: none
}

body.light-mode #reg-step-otp .reg-otp-info {
    background-color: #fff;
    color: #4b5563;
    border-color: #e5e7eb
}

body.light-mode .highlight-text {
    color: #d97706
}

body.light-mode .ssd-registration-container {
    background-color: transparent!important;
    border: 0!important;
    box-shadow: none!important;
    padding: 0!important
}

body.light-mode .ssd-main-image-frame img {
    background-color: #f3f4f6
}

body.light-mode .ssd-form-group label,body.light-mode .ssd-form-header p {
    text-shadow: none
}

body.light-mode .tutor-action-btn.page-follow-btn,body.light-mode .tutor-action-btn.student-follow-btn {
    background-color: #3b82f6!important;
    color: #fff!important;
    border: 1px solid #3b82f6!important
}

body.light-mode .tutor-action-btn.page-follow-btn:hover,body.light-mode .tutor-action-btn.student-follow-btn:hover {
    background-color: #2563eb!important;
    color: #fff!important
}

body.light .ssd-login-pro-layout,body.light .ssd-reg-pro-layout,body.light-mode .ssd-login-pro-layout,body.light-mode .ssd-reg-pro-layout,body.light-theme .ssd-login-pro-layout,body.light-theme .ssd-reg-pro-layout {
    background-color: #fff!important;
    background-image: radial-gradient(circle at 0 0,rgba(59,130,246,.08)0,transparent 50%),radial-gradient(circle at 100% 100%,rgba(249,115,22,.08)0,transparent 50%),linear-gradient(135deg,#f8fafc 0,#fff7ed 100%)!important;
    color: #1f2937!important
}

body.light .promo-content h1,body.light .ssd-form-header h2,body.light-mode .promo-content h1,body.light-mode .ssd-form-header h2 {
    color: #111827!important;
    text-shadow: none!important
}

body.light .promo-content p,body.light .ssd-form-header p,body.light-mode .promo-content p,body.light-mode .ssd-form-header p {
    color: #4b5563!important
}

body.light .word-highlighter-loop span,body.light-mode .word-highlighter-loop span {
    text-shadow: none!important
}

body.light .ssd-form-group input,body.light .ssd-form-group textarea,body.light-mode .ssd-form-group input,body.light-mode .ssd-form-group textarea {
    border: 1px solid #e2e8f0!important;
    backdrop-filter: none!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)!important
}

body.light .ssd-form-group input,body.light .ssd-form-group textarea,body.light-mode .ssd-form-group textarea {
    background-color: #fff!important;
    color: #1f2937!important
}

body.light .ssd-form-group input:focus,body.light .ssd-form-group textarea:focus,body.light-mode .ssd-form-group input:focus,body.light-mode .ssd-form-group textarea:focus {
    background-color: #fff!important;
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15)!important
}

body.light .ssd-form-group input::placeholder,body.light .ssd-form-group textarea::placeholder,body.light-mode #ssd-add-product-form-container ::placeholder,body.light-mode .ssd-form-group input::placeholder,body.light-mode .ssd-form-group textarea::placeholder {
    color: #9ca3af!important
}

body.light .ssd-form-group label,body.light-mode .ssd-form-group label {
    font-weight: 600!important
}

body.light .ssd-button-secondary,body.light-mode .ssd-button-secondary {
    background-color: #f1f5f9!important;
    color: #475569!important;
    border: 1px solid #cbd5e1!important
}

body.light .ssd-button-secondary:hover,body.light-mode .ssd-button-secondary:hover {
    background-color: #e2e8f0!important;
    color: #1e293b!important
}

body.light .reg-otp-info,body.light-mode .reg-otp-info {
    background-color: #f8fafc!important;
    border: 1px solid #e2e8f0!important;
    color: #475569!important
}

body.light #otp_code,body.light #reg-step-otp #reg_otp_code,body.light .reg-otp-info strong,body.light-mode #otp_code,body.light-mode #reg-step-otp #reg_otp_code,body.light-mode .reg-otp-info #otp-email-display,body.light-mode .reg-otp-info strong {
    color: #0f172a!important
}

body.light .login-signup-link,body.light .reg-login-link,body.light-mode .login-signup-link,body.light-mode .reg-login-link {
    border-top-color: #e2e8f0!important;
    color: #64748b!important
}

body.light .login-lost-password a,body.light-mode .back-to-login a,body.light-mode .login-lost-password a,body.light-mode .ssd-login-meta-footer a {
    color: #64748b!important
}

body.light .login-lost-password a:hover,body.light .ssd-form-group label,body.light-mode .back-to-login a:hover,body.light-mode .login-lost-password a:hover,body.light-mode .ssd-login-meta-footer a:hover {
    color: #334155!important
}

body.light .cover-photo-preview,body.light-mode .cover-photo-preview {
    background-color: #f1f5f9!important;
    border-color: #cbd5e1!important
}

body.light #preview-profile-photo,body.light-mode #preview-profile-photo {
    border-color: #fff!important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

body.light .camera-btn,body.light .photo-upload-label,body.light-mode .camera-btn,body.light-mode .photo-upload-label {
    background-color: #fff!important;
    color: #333!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light .photo-upload-label:hover,body.light-mode .photo-upload-label:hover {
    background-color: #f8fafc!important
}

body.light .camera-btn,body.light-mode .camera-btn {
    color: #3b82f6!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.1)
}

body.light .camera-btn:hover,body.light-mode .camera-btn:hover {
    background-color: #eff6ff!important;
    border-color: #3b82f6!important
}

body.light .ssd-payment-container,body.light-mode .ssd-payment-container {
    color: #334155
}

body.light .ssd-payment-card,body.light-mode .ssd-payment-card {
    background: linear-gradient(145deg,#fff,#f8fafc)!important
}

body.light .ssd-payment-card {
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)!important
}

body.light .ssd-payment-card:hover,body.light-mode .ssd-payment-card:hover {
    border-color: #3b82f6!important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.08)!important
}

body.light .ssd-payment-card:hover {
    transform: translateY(-3px)
}

body.light .card-header,body.light-mode .card-header {
    border-bottom-color: #f1f5f9!important
}

body.light .card-title,body.light-mode .ssd-single-offer div[style*="font-weight: 700"] {
    color: #0f172a!important
}

body.light .card-icon,body.light-mode .card-icon {
    background-color: #f1f5f9!important;
    color: #64748b!important
}

body.light .primary-card .card-icon,body.light-mode .primary-card .card-icon {
    background-color: #eff6ff!important;
    color: #3b82f6!important
}

body.light .detail-row i {
    color: #94a3b8!important
}

body.light .card-empty-state,body.light .detail-row .label,body.light-mode .card-empty-state,body.light-mode .detail-row .label {
    color: #64748b!important
}

body.light .detail-row .value {
    color: #1e293b!important
}

body.light .empty-icon,body.light-mode .empty-icon {
    color: #cbd5e1!important
}

body.light .ssd-add-btn.outline,body.light-mode .ssd-add-btn.outline {
    border-color: #cbd5e1!important;
    color: #64748b!important
}

body.light .ssd-add-btn.outline:hover,body.light-mode .ssd-add-btn.outline:hover {
    border-color: #3b82f6!important;
    color: #3b82f6!important;
    background-color: #eff6ff!important
}

body.light .action-btn.delete,body.light-mode .action-btn.delete {
    background-color: #fef2f2!important;
    border-color: #fecaca!important;
    color: #ef4444!important
}

body.light .action-btn.delete:hover,body.light-mode .action-btn.delete:hover {
    background-color: #fee2e2!important;
    color: #dc2626!important
}

body.light .form-card,body.light-mode .form-card {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 4px 20px rgba(0,0,0,.08)!important
}

body.light .form-header h3,body.light-mode .form-header h3 {
    color: #0f172a!important;
    border-bottom-color: #e2e8f0!important
}

body.light .input-with-icon input,body.light-mode .input-with-icon input {
    background-color: #fff!important;
    border: 1px solid #cbd5e1!important;
    color: #0f172a!important;
    padding: .75rem 1rem .75rem 3.2rem!important
}

body.light .input-with-icon input:focus,body.light-mode .input-with-icon input:focus {
    border-color: #3b82f6!important;
    background-color: #fff!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15)!important
}

body.light .input-with-icon i,body.light-mode .input-with-icon i {
    color: #94a3b8!important;
    z-index: 5
}

body.light .form-footer,body.light-mode .form-footer {
    border-top-color: #e2e8f0!important
}

body.light .ssd-btn-cancel,body.light-mode .ssd-btn-cancel {
    background-color: #f1f5f9!important;
    color: #475569!important
}

body.light .ssd-btn-cancel:hover,body.light-mode .ssd-btn-cancel:hover {
    background-color: #e2e8f0!important;
    color: #1e293b!important
}

body.ssd-light-mode .ssd-page-view-wrapper {
    color: #374151;
    background-color: transparent
}

body.ssd-light-mode .ssd-custom-input-wrapper input,body.ssd-light-mode .ssd-page-heading,body.ssd-light-mode .ssd-page-title {
    color: #111827
}

body.ssd-light-mode .ssd-back-btn,body.ssd-light-mode .ssd-back-to-business-tab {
    color: #4b5563;
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.ssd-light-mode .ssd-back-btn:hover,body.ssd-light-mode .ssd-back-to-business-tab:hover {
    background: #f3f4f6;
    color: #111827;
    border-color: #9ca3af
}

body.ssd-light-mode .ssd-card-dark,body.ssd-light-mode .ssd-withdraw-form {
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}

body.ssd-light-mode .ssd-no-method-state {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}

body.ssd-light-mode .ssd-card-header {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb
}

body.ssd-light-mode .ssd-card-title {
    color: #1f2937
}

body.ssd-light-mode .ssd-tracking-header,body.ssd-light-mode .ssd-withdraw-header {
    border-bottom: 1px solid #e5e7eb
}

body.ssd-light-mode .ssd-address-box {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb
}

body.ssd-light-mode .ssd-info-group label {
    color: #6b7280
}

body.ssd-light-mode .highlight-text,body.ssd-light-mode .ssd-info-group p {
    color: #111827;
    font-weight: 600
}

body.ssd-light-mode .price-text {
    color: #059669
}

body.ssd-light-mode .step-icon {
    background: #fff;
    border-color: #d1d5db;
    color: #9ca3af;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

body.ssd-light-mode .step-label {
    color: #6b7280
}

body.ssd-light-mode .step-line {
    background: #e5e7eb
}

body.ssd-light-mode .professional-stepper[data-current-status=received] .step-received .step-icon {
    background: #d1fae5;
    color: #059669;
    border-color: #059669
}

body.ssd-light-mode .ssd-control-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0
}

body.ssd-light-mode .ssd-form-control {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #1f2937
}

body.ssd-light-mode .ssd-form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.ssd-light-mode .ssd-courier-tabs {
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0
}

body.ssd-light-mode .ssd-tab-btn {
    color: #64748b
}

body.ssd-light-mode .ssd-tab-btn:hover {
    color: #0f172a;
    background: rgba(0,0,0,.02)
}

body.ssd-light-mode .ssd-tab-btn.active {
    background: #fff;
    color: #2563eb;
    border-bottom-color: #2563eb;
    box-shadow: 0-4px 6px -1px rgba(0,0,0,.05)
}

body.ssd-light-mode .courier-alert {
    background: #ecfdf5;
    border-left-color: #10b981;
    color: #065f46
}

body.ssd-light-mode .courier-alert.warning {
    background: #fffbeb;
    border-left-color: #f59e0b;
    color: #92400e
}

body.ssd-light-mode .courier-info-grid .info-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #475569
}

body.ssd-light-mode .step-num {
    background: #e2e8f0;
    color: #334155
}

body.ssd-light-mode .courier-pricing h5,body.ssd-light-mode .ssd-no-method-state h3,body.ssd-light-mode .step-desc strong {
    color: #1e293b
}

body.ssd-light-mode .step-desc p {
    color: #475569
}

body.ssd-light-mode .courier-pricing {
    background: #f8fafc;
    border: 1px solid #e2e8f0
}

body.ssd-light-mode .courier-pricing td {
    border-bottom-color: #e2e8f0;
    color: #475569
}

body.ssd-light-mode .courier-pricing td:last-child {
    color: #0f172a
}

body.ssd-light-mode .ssd-btn-outline {
    border-color: #cbd5e1;
    color: #475569
}

body.ssd-light-mode .ssd-btn-outline:hover {
    background: #eff6ff;
    color: #2563eb;
    border-color: #2563eb
}

body.ssd-light-mode .ssd-balance-hero {
    background: linear-gradient(135deg,#fff 0,#f0f9ff 100%);
    border: 1px solid #bfdbfe;
    box-shadow: 0 10px 15px -3px rgba(59,130,246,.1)
}

body.ssd-light-mode .ssd-balance-hero .label,body.ssd-light-mode .ssd-no-method-state p {
    color: #64748b
}

body.ssd-light-mode .ssd-balance-hero .amount {
    color: #059669;
    text-shadow: none
}

body.ssd-light-mode .ssd-input-group-large label {
    color: #374151;
    font-weight: 500
}

body.ssd-light-mode .ssd-custom-input-wrapper {
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05)
}

body.ssd-light-mode .ssd-custom-input-wrapper:focus-within {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15)
}

body.ssd-light-mode .ssd-custom-input-wrapper .currency {
    color: #6b7280
}

body.ssd-light-mode #ssd-withdraw-max-btn {
    background: #f3f4f6;
    color: #2563eb;
    border: 1px solid #e5e7eb
}

body.ssd-light-mode #ssd-withdraw-max-btn:hover {
    background: #2563eb;
    color: #fff
}

body.ssd-light-mode .ssd-summary-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0
}

body.ssd-light-mode .summary-row {
    color: #4b5563
}

body.light-mode .chat-header-info h4,body.light-mode .ssd-chat-item h4,body.ssd-light-mode .summary-row .highlight {
    color: #111827
}

body.ssd-light-mode .summary-note {
    color: #6b7280
}

body.ssd-light-mode .ssd-form-footer {
    border-top-color: #e5e7eb
}

body.ssd-light-mode .ssd-no-method-state {
    background: #fff;
    border: 1px dashed #cbd5e1
}

body.ssd-light-mode .icon-circle {
    background: #fff7ed;
    color: #d97706
}

body.ssd-light-mode .ssd-status-badge.approved {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7
}

body.ssd-light-mode .ssd-status-badge.pending {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d
}

body.ssd-light-mode .tutor-action-btn.page-follow-btn.following:hover {
    background-color: #111827!important
}

body.ssd-light-mode .tutor-action-btn.ssd-start-chat-btn {
    background-color: #10b981!important;
    color: #fff!important;
    border: 0!important
}

body.ssd-light-mode .tutor-action-btn.ssd-start-chat-btn:hover {
    background-color: #059669!important
}

body.ssd-light-mode .tutor-action-btn.page-follow-btn.following {
    background-color: #1f2937!important;
    color: #e5e7eb!important;
    border: 1px solid #374151!important
}

body.light-mode .ssd-chat-wrapper {
    background: #fff;
    border-color: #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}

body.light-mode .ssd-chat-sidebar {
    background: #fff;
    border-right-color: #e5e7eb
}

body.light-mode .ssd-chat-main {
    background-color: #f9fafb;
    background-image: radial-gradient(#d1d5db 1px,transparent 1px)
}

body.light-mode .ssd-chat-header,body.light-mode .ssd-chat-search-header {
    background: #fff;
    border-bottom-color: #e5e7eb
}

body.light-mode .search-input-wrapper input,body.light-mode .ssd-chat-footer input {
    background: #f3f4f6!important;
    border: 1px solid #e5e7eb!important;
    color: #1f2937!important
}

body.light-mode .search-input-wrapper input::placeholder,body.light-mode .ssd-chat-footer input::placeholder,body.light-mode .ssd-modern-search input::placeholder {
    color: #9ca3af
}

body.light-mode .search-input-wrapper .search-icon {
    color: #6b7280
}

body.light-mode .ssd-chat-item {
    border-bottom-color: #f3f4f6
}

body.light-mode .ssd-chat-item:hover {
    background: #f3f4f6
}

body.light-mode .chat-header-info span,body.light-mode .list-time,body.light-mode .ssd-chat-item p {
    color: #6b7280
}

body.light-mode .ssd-chat-item.active {
    background: #2563eb
}

body.light-mode .ssd-chat-item.active .list-time,body.light-mode .ssd-chat-item.active h4,body.light-mode .ssd-chat-item.active p,body.light-mode .ssd-file-attachment-card button span {
    color: #fff!important
}

body.light-mode #chat-header-img,body.light-mode .ssd-chat-avatar {
    border-color: #e5e7eb
}

body.light-mode .chat-message.received {
    background: #fff;
    color: #1f2937;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .chat-message.sent {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 1px 2px rgba(37,99,235,.3)
}

body.light-mode .msg-meta {
    opacity: .8
}

body.light-mode .chat-message.received .msg-meta {
    color: #6b7280
}

body.light-mode .ssd-chat-footer {
    background: #fff;
    border-top-color: #e5e7eb
}

body.light-mode #ssd-chat-send-btn {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 2px 4px rgba(37,99,235,.3)
}

body.light-mode #ssd-chat-send-btn:hover {
    background: #1d4ed8
}

body.light-mode .ssd-chat-empty-state,body.light-mode .ssd-stat-card.earning-card .stat-value span {
    color: #9ca3af
}

body.light-mode .ssd-chat-empty-state .empty-icon {
    opacity: .2;
    color: #6b7280
}

body.light-mode .ssd-chat-context-tag {
    background: #e0f2fe;
    color: #0284c7;
    font-weight: 500
}

body.light-mode #ssd-chat-back-btn {
    color: #4b5563
}

body.light-mode .ssd-verified-tick {
    color: #2563eb!important
}

body.light-mode .ssd-chat-list::-webkit-scrollbar-track,body.light-mode .ssd-chat-messages-area::-webkit-scrollbar-track {
    background: #f1f1f1
}

body.light-mode .ssd-chat-list::-webkit-scrollbar-thumb,body.light-mode .ssd-chat-messages-area::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px
}

body.light-mode .ssd-chat-list::-webkit-scrollbar-thumb:hover,body.light-mode .ssd-chat-messages-area::-webkit-scrollbar-thumb:hover {
    background: #9ca3af
}

body.light-mode .ssd-stat-card {
    background: #fff;
    border: 1px solid #e5e7eb
}

body.light-mode .post-card-content h4,body.light-mode .ssd-stat-card .stat-value {
    color: #1f2937
}

body.light-mode .ssd-stat-card .stat-label {
    color: #6b7280
}

body.light-mode .ssd-stat-card.earning-card {
    background: linear-gradient(135deg,#fffbeb 0,#fff 100%);
    border-color: #fbbf24
}

body.light-mode .ssd-card {
    background-color: #fff!important
}

body.light-mode #ssd-affiliate-sample-post,body.light-mode .ssd-copy-link-wrapper input {
    background-color: #f9fafb!important;
    border: 1px solid #d1d5db!important;
    color: #374151!important
}

body.light-mode .ssd-affiliate-post-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 5px rgba(0,0,0,.05)
}

body.light-mode .ssd-affiliate-post-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}

body.light-mode .post-preview-text,body.light-mode .ssd-sub-title-wrapper p {
    color: #6b7280
}

body.light-mode .ssd-view-post-btn {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb
}

body.light-mode .ssd-affiliate-post-card:hover .ssd-view-post-btn {
    background: #3b82f6;
    color: #fff;
    border-color: #3b82f6
}

body.light-mode .ssd-modal-content h4 {
    color: #1f2937!important
}

body.light-mode #modal-post-text {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    color: #374151
}

body.light-mode .ssd-card h4 {
    color: #000!important
}

body.light-mode .ssd-sub-title,body.light-mode h3.ssd-sub-title {
    color: #111827!important
}

body.light-mode .ssd-card p,body.light-mode p {
    color: #4b5563
}

body.light-mode #ssd-payment-modal .ssd-form-group label {
    color: #4b5563!important
}

body.light-mode #ssd-payment-modal.ssd-modal-overlay {
    background: rgba(0,0,0,.5)!important;
    backdrop-filter: blur(4px)
}

body.light-mode #ssd-payment-modal .ssd-modal-content {
    background-color: #fff!important;
    border-color: #e5e7eb!important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1)!important
}

body.light-mode #ssd-payment-modal .ssd-modal-content h2 {
    background-color: #fff!important;
    color: #111827!important;
    border-bottom-color: #e5e7eb!important
}

body.light-mode #ssd-payment-modal .ssd-modal-close {
    background-color: #f3f4f6!important;
    color: #4b5563!important
}

body.light-mode #ssd-payment-modal .ssd-modal-close:hover {
    background-color: #fee2e2!important;
    color: #ef4444!important
}

body.light-mode #ssd-payment-modal .modal-left-column,body.light-mode #ssd-payment-modal .modal-scroll-area,body.light-mode .bank-card,body.light-mode .ssd-order-summary {
    background-color: #fff!important;
    border-color: #e5e7eb!important
}

body.light-mode #ssd-payment-modal .modal-right-column {
    background-color: #f9fafb!important;
    border-top-color: #e5e7eb!important
}

body.light-mode #ssd-payment-modal input[type=file],body.light-mode #ssd-payment-modal input[type=tel],body.light-mode #ssd-payment-modal input[type=text],body.light-mode #ssd-payment-modal select,body.light-mode #ssd-payment-modal textarea {
    background-color: #fff!important;
    border-color: #d1d5db!important;
    color: #111827!important
}

body.light-mode #ssd-payment-modal input:focus,body.light-mode #ssd-payment-modal textarea:focus {
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)!important
}

body.light-mode .ssd-order-summary .summary-row {
    color: #4b5563!important
}

body.light-mode .ssd-order-summary .summary-row.total {
    border-top-color: #e5e7eb!important;
    color: #111827!important
}

body.light-mode .bank-card:hover {
    border-color: #9ca3af!important
}

body.light-mode .bank-card.selected {
    background-color: #eff6ff!important;
    border-color: #3b82f6!important
}

body.light-mode .account-details .bank-name,body.light-mode .ssd-cart-header-modern h3 {
    color: #111827!important
}

body.light-mode .account-details .account-number {
    color: #4b5563!important
}

body.light-mode #ssd-payment-modal .modal-sticky-footer {
    background-color: #fff!important;
    border-top-color: #e5e7eb!important
}

body.light-mode #ssd-cart-drawer {
    background-color: #fff!important;
    border-left-color: #e5e7eb!important;
    box-shadow: -5px 0 25px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-cart-header-modern {
    background-color: #fff!important;
    border-bottom-color: #e5e7eb!important
}

body.light-mode .ssd-cart-subtitle {
    color: #6b7280!important
}

body.light-mode .ssd-close-cart-btn-modern {
    color: #4b5563!important;
    background-color: #f3f4f6!important
}

body.light-mode .ssd-close-cart-btn-modern:hover {
    background-color: #fee2e2!important;
    color: #ef4444!important
}

body.light-mode .ssd-cart-scroll-area {
    background-color: #fff!important
}

body.light-mode .ssd-cart-scroll-area::-webkit-scrollbar-thumb {
    background-color: #d1d5db!important
}

body.light-mode .ssd-seller-card {
    background-color: #fff!important;
    border-color: #e5e7eb!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-seller-header {
    background-color: #f9fafb!important;
    border-bottom-color: #e5e7eb!important
}

body.light-mode .ssd-seller-info {
    color: #1f2937!important
}

body.light-mode .ssd-seller-badge {
    background-color: #e5e7eb!important;
    color: #4b5563!important
}

body.light-mode .ssd-cart-item-modern {
    border-bottom-color: #f3f4f6!important
}

body.light-mode .ssd-cart-item-modern:hover,body.light-mode .ssd-summary-table tr:hover {
    background-color: #f9fafb!important
}

body.light-mode .ssd-item-image,body.light-mode .ssd-meta-tag {
    background-color: #f3f4f6!important
}

body.light-mode .ssd-meta-tag {
    color: #6b7280!important
}

body.light-mode .ssd-item-price {
    color: #2563eb!important
}

body.light-mode .ssd-remove-btn-modern {
    color: #9ca3af!important
}

body.light-mode .ssd-remove-btn-modern:hover {
    background-color: #fee2e2!important;
    color: #ef4444!important
}

body.light-mode .ssd-seller-footer {
    background-color: #f9fafb!important;
    border-top-color: #e5e7eb!important
}

body.light-mode .ssd-sum-row {
    color: #4b5563!important
}

body.light-mode .ssd-sum-row.total {
    border-top-color: #e5e7eb!important;
    color: #111827!important
}

body.light-mode .ssd-btn-secondary {
    border-color: #d1d5db!important;
    color: #374151!important
}

body.light-mode .ssd-btn-secondary:hover {
    background-color: #f3f4f6!important;
    border-color: #9ca3af!important
}

body.light-mode #ssd-cart-overlay {
    background: rgba(0,0,0,.3)!important
}

body.light-mode .action-card,body.light-mode .ssd-class-info-sheet,body.light-mode .ssd-mobile-sticky-footer,body.light-mode .ssd-product-info-modern {
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-modern-tabs .ssd-tab-headers {
    border-bottom-color: #e5e7eb!important
}

body.light-mode .ssd-sec-header .sec-count {
    color: #9ca3af!important
}

body.light-mode .action-card-media {
    background-color: #f3f4f6!important
}

body.light-mode #ssd-cart-drawer,body.light-mode .ssd-cart-header-modern h3 {
}

body.light-mode .ssd-cart-header-modern {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-cart-subtitle,body.light-mode .ssd-close-cart-btn-modern,body.light-mode .ssd-close-cart-btn-modern:hover {
}

body.light-mode .ssd-seller-card {
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-seller-header span {
    color: #1e293b!important
}

body.light-mode .ssd-cart-item-modern {
    border-bottom: 1px solid #f1f5f9
}

body.light-mode .ssd-item-name {
    color: #334155!important
}

body.light-mode .nav-group h3,body.light-mode .ssd-remove-icon {
    color: #94a3b8
}

body.light-mode .ssd-remove-icon:hover {
    background-color: #fee2e2;
    color: #ef4444
}

body.light-mode .ssd-calculation-box {
    background-color: #f8fafc;
    border: 1px dashed #cbd5e1
}

body.light-mode .calc-row,body.light-mode .ssd-bank-details-row span {
    color: #64748b
}

body.light-mode .calc-row.total {
    border-top: 1px solid #e2e8f0;
    color: #0f172a
}

body.light-mode .calc-row span:last-child {
    color: #1e293b
}

body.light-mode .ssd-section-title {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .nav-group a {
    color: #475569
}

body.light-mode .ssd-input-group input,body.light-mode .ssd-input-group select,body.light-mode .ssd-input-group textarea {
    background-color: #fff;
    border: 1px solid #cbd5e1;
    color: #1e293b
}

body.light-mode .ssd-input-group input:focus,body.light-mode .ssd-input-group textarea:focus {
    border-color: #3b82f6;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .ssd-bank-card-modern {
    background-color: #fff;
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-bank-card-modern.selected,body.light-mode .ssd-upload-box label:hover {
    border-color: #3b82f6;
    background-color: #eff6ff
}

body.light-mode .ssd-bank-name,body.light-mode .ssd-docs-body-full h2 {
    color: #1e293b
}

body.light-mode .ssd-bank-account-number {
    color: #334155;
    background-color: #f1f5f9
}

body.light-mode .ssd-upload-box label {
    background-color: #f8fafc;
    border: 2px dashed #cbd5e1;
    color: #64748b
}

body.light-mode .ssd-upload-box label:hover {
    color: #3b82f6
}

body.light-mode .ssd-drawer-footer-sticky {
    background-color: #fff;
    border-top: 1px solid #e2e8f0
}

body.light-mode .ssd-back-to-cart-btn {
    background-color: #f1f5f9;
    color: #475569
}

body.light-mode .ssd-back-to-cart-btn:hover {
    background-color: #e2e8f0;
    color: #0f172a
}

body.light-mode .ssd-empty-state p {
    color: #64748b!important
}

body.light-mode .ssd-btn-secondary {
    background-color: #fff;
    border: 1px solid #cbd5e1
}

body.light-mode .ssd-btn-secondary:hover {
}

body.light-mode #ssd-floating-cart-btn {
    background-color: #3b82f6;
    box-shadow: 0 4px 15px rgba(59,130,246,.4)
}

body.light-mode #ssd-bottom-floating-bar {
    background-color: #fff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0-4px 20px rgba(0,0,0,.05)
}

body.light-mode .ssd-bar-info span:first-child {
    color: #64748b
}

body.light-mode .ssd-bar-info span:last-child {
    color: #0f172a
}

body.light-mode #bookstore-no-results h4,body.light-mode .ssd-class-modern-wrapper,body.light-mode .ssd-product-modern-wrapper {
    color: #374151
}

body.light-mode .action-card,body.light-mode .ssd-class-info-sheet,body.light-mode .ssd-product-info-modern {
    background-color: #fff!important;
    border-color: #e5e7eb!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)!important
}

body.light-mode .ssd-review-card-modern,body.light-mode .ssd-section-card {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)!important
}

body.light-mode .ssd-hero-media-frame,body.light-mode .ssd-main-image-frame,body.light-mode .ssd-thumb-item {
    background-color: #f3f4f6!important;
    border-color: #e5e7eb!important
}

body.light-mode .ssd-product-title-modern {
    color: #111827!important
}

body.light-mode .class-includes li,body.light-mode .ssd-desktop-desc-preview {
    color: #4b5563!important
}

body.light-mode .current-price,body.light-mode .price-info-desktop span.current-price,body.light-mode .ssd-price-large {
    color: #111827!important
}

body.light-mode .price-info-desktop small,body.light-mode .ssd-currency,body.light-mode .ssd-footer-price small {
    color: #6b7280!important
}

body.light-mode .ssd-seller-pill {
    border-color: #dbeafe!important;
    color: #2563eb!important
}

body.light-mode .ssd-owner-pill,body.light-mode .ssd-seller-pill {
    background-color: #eff6ff!important
}

body.light-mode .ssd-badge,body.light-mode .ssd-month-chip {
    background-color: #f3f4f6!important;
    color: #374151!important
}

body.light-mode .ssd-month-chip {
    border-color: #e5e7eb!important;
    color: #4b5563!important
}

body.light-mode .ssd-month-chip.active {
    background-color: #2563eb!important;
    color: #fff!important;
    border-color: #2563eb!important
}

body.light-mode .ssd-lesson-row {
    border-top-color: #f3f4f6!important
}

body.light-mode .ssd-desktop-price-block {
    background-color: #f9fafb!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-mobile-sticky-footer {
    background: rgba(255,255,255,.95)!important;
    border-color: #e5e7eb!important;
    box-shadow: 0-4px 6px -1px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-back-icon-btn,body.light-mode .ssd-review-card-modern p {
    color: #4b5563!important
}

body.light-mode .review-header strong,body.light-mode .ssd-back-icon-btn:hover {
    color: #111827!important
}

body.light-mode .ssd-floating-back-btn {
    background-color: #fff!important;
    color: #111827!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-review-card-modern {
    background-color: #f9fafb!important;
    border-color: #e5e7eb!important
}

body.light-mode .ssd-modern-search input {
    background-color: #fff!important;
    border: 1px solid #d1d5db!important;
    color: #1f2937!important
}

body.light-mode .ssd-modern-search input:focus {
    background-color: #fff!important;
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)!important
}

body.light-mode .ssd-modern-search .search-icon {
    color: #9ca3af
}

body.light-mode .ssd-book-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode .ssd-book-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);
    transform: translateY(-5px)
}

body.light-mode .ssd-book-cover {
    background-color: #f3f4f6;
    border-bottom: 1px solid #f3f4f6
}

body.light-mode .ssd-book-title {
    color: #111827
}

body.light-mode #bookstore-no-results p,body.light-mode .ssd-book-author {
    color: #6b7280
}

body.light-mode .ssd-empty-state p {
}

body.light-mode .ssd-book-price-box .currency {
    color: #3b82f6
}

body.light-mode .ssd-book-price-box .amount {
    color: #2563eb
}

body.light-mode .ssd-empty-state i,body.light-mode .ssd-image-slot.ssd-add-new-btn i {
    color: #9ca3af!important
}

body.light-mode {
    --ssd-dark-bg: #ffffff;
    --ssd-text-dim: #64748b;
    --ssd-caption-white: #334155;
    --ssd-success: #10b981;
    --ssd-danger: #ef4444;
    --ssd-bg-dark: #f8fafc;
    --ssd-bg-card: #ffffff;
    --ssd-primary: #3b82f6;
    --ssd-text-main: #0f172a;
    --wallet-bg: #f3f4f6;
    --wallet-card-bg: #ffffff;
    --wallet-border: #e2e8f0;
    --wallet-text: #1f2937;
    --wallet-text-light: #64748b;
    --wallet-secondary: #0f172a;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1)
}

body.light-mode .ssd-docs-sidebar {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode,body.light-mode .ssd-docs-content {
    background: #f8fafc
}

body.light-mode .ssd-docs-logo {
    border-color: #f1f5f9;
    color: #0f172a
}

body.light-mode .nav-group a:hover {
    background: #f1f5f9;
    color: #1e293b
}

body.light-mode .nav-group a.active {
    background: #eff6ff;
    color: #2563eb
}

body.light-mode .ssd-theme-toggle {
    color: #475569
}

body.light-mode .ssd-theme-toggle:hover {
    background: #e2e8f0;
    color: #1e293b
}

body.light-mode .ssd-theme-toggle .icon-sun {
    display: none
}

body.light-mode .ssd-theme-toggle .icon-moon {
    display: block;
    color: #475569
}

body.light-mode .ssd-lang-switcher,body.light-mode .ssd-theme-toggle {
    background: #f1f5f9;
    border-color: #e2e8f0
}

body.light-mode .ssd-lang-switcher .lang-btn {
    color: #4a5568
}

body.light-mode .ssd-lang-switcher .lang-btn.active {
    background: #fff;
    color: #3b82f6;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-docs-body-full h1 {
    color: #0f172a;
    border-color: #e2e8f0
}

body.light-mode #ssd-docs-mobile-toggle {
    color: #334155
}

body.light-mode .ssd-docs-body-full li {
    color: #475569
}

body.light-mode .ssd-accordion-item {
    border-color: #e2e8f0
}

body.light-mode .ssd-accordion-header,body.light-mode .ssd-docs-body-full strong {
    color: #1e293b
}

body.light-mode .ssd-accordion-header:hover {
    color: #2563eb
}

body.light-mode .ssd-accordion-content,body.light-mode .ssd-guide-bubble ul {
    color: #475569
}

body.light-mode .ssd-docs-mobile-header {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-mobile-logo {
    color: #0f172a
}

body.light-mode .ssd-docs-mobile-close {
    background: #f1f5f9;
    color: #64748b
}

body.light-mode .ssd-docs-body-full h3,body.light-mode .ssd-docs-body-full h4,body.light-mode .ssd-docs-body-full li strong,body.light-mode .ssd-docs-body-full p strong {
    color: #111827!important;
    font-weight: 700
}

body.light-mode .ssd-docs-body-full p {
    color: #4b5563!important
}

body.light-mode .ssd-docs-body-full table,body.light-mode .ssd-docs-body-full th {
    border-color: #cbd5e1!important
}

body.light-mode .ssd-docs-body-full td {
    border-color: #cbd5e1!important;
    color: #000!important
}

body.light-mode .ssd-docs-body-full th {
    background-color: #f1f5f9!important;
    color: #000!important;
    font-weight: 700
}

body.light-mode .ssd-pro-class-card .ssd-class-title {
    color: #000!important;
    font-weight: 700
}

body.light-mode .ssd-pro-class-card .ssd-class-tutor {
    color: #4b5563!important
}

body.light-mode .ssd-pro-class-card:hover {
    border-color: #d1d5db!important
}

body.light-mode .ssd-offer-alert-box {
    background: #eff6ff!important;
    border: 1px solid #bfdbfe!important;
    color: #1e3a8a!important;
    box-shadow: 0 4px 6px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-offer-alert-box h4 {
    color: #1e40af!important;
    font-weight: 700!important
}

body.light-mode .ssd-single-offer {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 2px 4px rgba(0,0,0,.02)!important;
    color: #334155!important
}

body.light-mode .ssd-single-offer span[style*="background: #fbbf24"] {
    background: #f59e0b!important;
    color: #fff!important;
    border: 0!important
}

body.light-mode .ssd-single-offer span[style*="background: #10b981"],body.light-mode .ssd-single-offer span[style*="background: #ef4444"] {
    border: 0!important;
    color: #fff!important
}

body.light-mode .ssd-offer-desc-text {
    color: #475569!important;
    opacity: 1!important
}

body.light-mode .ssd-offer-see-more,body.light-mode .ssd-repost-body a,body.light-mode .ssd-split-caption a {
    color: #2563eb!important
}

body.light-mode .ssd-single-offer small {
    color: #64748b!important;
    opacity: 1!important
}

body.light-mode .ssd-accept-offer-btn {
    background: #10b981!important;
    color: #fff!important;
    box-shadow: 0 2px 4px rgba(16,185,129,.2)!important
}

body.light-mode .ssd-accept-offer-btn:hover {
    background: #059669!important
}

body.light-mode .ssd-reject-offer-btn {
    background: #f1f5f9!important;
    color: #64748b!important;
    border: 1px solid #cbd5e1!important
}

body.light-mode .ssd-reject-offer-btn:hover {
    background: #e2e8f0!important;
    color: #334155!important;
    border-color: #94a3b8!important
}

body.light-mode .ssd-reject-offer-btn[style*="background: #ef4444"] {
    background: #fee2e2!important;
    color: #dc2626!important;
    border: 1px solid #fecaca!important
}

body.light-mode .ssd-reject-offer-btn[style*="background: #ef4444"]:hover {
    background: #fecaca!important;
    color: #b91c1c!important
}

body.light-mode #ssd-add-product-form-container {
    background-color: #fff!important;
    border: 1px solid #e5e7eb!important;
    box-shadow: 0 4px 6px rgba(0,0,0,.05)
}

body.light-mode #ssd-product-form-title {
    color: #111827!important;
    border-bottom: 1px dashed #e5e7eb!important
}

body.light-mode .ssd-modern-input-group label {
    color: #374151!important;
    font-weight: 600
}

body.light-mode #ssd-add-product-form-container input[type=number],body.light-mode #ssd-add-product-form-container input[type=text],body.light-mode #ssd-add-product-form-container select,body.light-mode #ssd-add-product-form-container textarea {
    background-color: #f9fafb!important;
    color: #1f2937!important;
    border: 1px solid #d1d5db!important
}

body.light-mode #ssd-add-product-form-container input:focus,body.light-mode #ssd-add-product-form-container select:focus,body.light-mode #ssd-add-product-form-container textarea:focus {
    background-color: #fff!important;
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .ssd-mini-sub-title {
    color: #4b5563!important;
    border-bottom: 1px dashed #e5e7eb!important
}

body.light-mode .ssd-image-slot {
    background-color: #f3f4f6!important;
    border: 2px dashed #d1d5db!important
}

body.light-mode .ssd-image-slot.ssd-add-new-btn span {
    color: #6b7280!important
}

body.light-mode .ssd-image-slot.ssd-add-new-btn:hover {
    background-color: #e5e7eb!important;
    border-color: #fbbf24!important
}

body.light-mode .ssd-summary-table {
    background-color: #fff!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-summary-table th {
    background-color: #f3f4f6!important;
    color: #374151!important;
    border-bottom: 2px solid #e5e7eb!important;
    border-bottom-color: var(--ssd-border)
}

body.light-mode .ssd-summary-table td {
    color: #4b5563!important;
    border-bottom: 1px solid #f3f4f6!important;
    border-bottom-color: var(--ssd-border)
}

body.light-mode .ssd-collab-row {
    background-color: #fffbeb!important
}

body.light-mode .ssd-feed-wrapper {
    background: #f1f5f9
}

body.light-mode .ssd-feed-filters-seamless {
    background: #fff;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-feed-intro p {
    color: var(--ssd-text-dim)
}

body.light-mode .ssd-filter-btn.active {
    border-color: #3b82f6
}

body.light-mode .ssd-post-actions-linkedin {
    border-top: 1px solid #f1f5f9
}

body.light-mode .ssd-action-item:hover {
    color: #1e293b
}

body.light-mode .ssd-drawer-footer input,body.light-mode .ssd-drawer-input {
    background: #f1f5f9
}

body.light-mode .ssd-comment-drawer {
    background-color: #fff!important
}

body.light-mode .ssd-comment-card {
    background-color: #f8fafc!important;
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-drawer-footer {
    background-color: #fff!important
}

body.light-mode .ssd-drawer-input {
    background-color: #f1f5f9!important;
    color: #000!important;
    border: 1px solid #cbd5e1
}

body.light-mode .ssd-feed-wrapper {
    background: #fff
}

body.light-mode .ssd-feed-filters-seamless {
    background: rgba(255,255,255,.95)
}

body.light-mode .ssd-filter-btn {
    background: #f1f5f9
}

body.light-mode .ssd-filter-btn.active {
    background: var(--ssd-accent)
}

body.light-mode .ssd-post-card {
    background: #fff!important
}

body.light-mode .ssd-comment-drawer {
    background: #fff
}

body.light-mode .ssd-drawer-body {
    background: #f8fafc;
    color: #334155
}

body.light-mode .ssd-drawer-comment-item .ssd-comment-author {
    font-weight: 700
}

body.light-mode .ssd-drawer-comment-item .ssd-comment-box {
    background: #fff
}

body.light-mode .ssd-blog-author-info small {
    color: #64748b
}

body.light-mode .ssd-modal-content {
    color: #0f172a!important
}

body.light-mode .ssd-blog-reader-modal,body.light-mode .ssd-modern-modal-box {
    background: #fff!important
}

body.light-mode .ssd-modal-header-modern h3 {
    color: #0f172a!important
}

body.light-mode .ssd-modern-input,body.light-mode .ssd-modern-textarea {
    background: #f8fafc!important
}

body.light-mode .ssd-feed-wrapper {
    border-left: 1px solid #f1f5f9;
    border-right: 1px solid #f1f5f9
}

body.light-mode .ssd-feed-header-seamless {
    background-color: #fff;
    border-bottom: 1px solid var(--ssd-border)
}

body.light-mode .ssd-feed-intro h2,body.light-mode label,body.light-mode p,body.light-mode span {
    color: var(--ssd-text-main)
}

body.light-mode .ssd-feed-filters-seamless {
    background-color: rgba(255,255,255,.95);
    border-bottom: 1px solid var(--ssd-border)
}

body.light-mode .ssd-filter-btn {
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1
}

body.light-mode .ssd-filter-btn.active {
    background-color: var(--ssd-accent);
    border-color: var(--ssd-accent)
}

body.light-mode .ssd-post-card {
    border-bottom: 1px solid var(--ssd-border)!important
}

body.light-mode .ssd-read-more-link {
    color: var(--ssd-accent)
}

body.light-mode .ssd-action-item {
    color: #64748b!important
}

body.light-mode .ssd-action-item:hover {
    color: var(--ssd-accent)!important;
    background-color: #eff6ff;
    border-radius: 6px
}

body.light-mode .ssd-comment-drawer {
    border-top: 1px solid #cbd5e1;
    box-shadow: 0-4px 20px rgba(0,0,0,.1)
}

body.light-mode .ssd-drawer-handle {
    background-color: #cbd5e1
}

body.light-mode .ssd-blog-author-info span,body.light-mode .ssd-drawer-comment-item .ssd-comment-author {
    color: #0f172a
}

body.light-mode .ssd-drawer-comment-item .ssd-comment-box {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    color: #334155
}

body.light-mode .ssd-comment-time {
    color: #94a3b8
}

body.light-mode .ssd-drawer-footer {
}

body.light-mode .ssd-drawer-footer input {
    background-color: #f1f5f9;
    background: #f8fafc!important;
    border: 1px solid #cbd5e1!important;
    color: #1e293b!important
}

body.light-mode .ssd-blog-reader-modal,body.light-mode .ssd-modern-modal-box {
    background-color: #fff!important;
    color: #0f172a!important;
    box-shadow: 0 10px 25px rgba(0,0,0,.1)
}

body.light-mode .ssd-modern-textarea {
    background-color: #f8fafc!important;
    border: 1px solid #cbd5e1!important;
    color: #0f172a!important
}

body.light-mode .ssd-modern-textarea::placeholder {
    color: #94a3b8
}

body.light-mode .ssd-upload-zone {
    border-color: #cbd5e1!important;
    color: #64748b!important;
    background-color: #f8fafc
}

body.light-mode .ssd-blog-title-lg {
    color: #0f172a!important
}

body.light-mode .ssd-blog-body-text {
    color: #334155!important
}

body.light-mode .ssd-user-name {
    color: #000!important;
    font-weight: 700
}

body.light-mode .ssd-post-excerpt {
    color: #000!important;
    font-weight: 500
}

body.light-mode #ssd-blog-title-input::placeholder,body.light-mode #ssd-file-url-input::placeholder,body.light-mode #ssd-video-url-input::placeholder,body.light-mode .ssd-drawer-footer input::placeholder {
    color: #94a3b8!important
}

body.light-mode #ssd-blog-title-input,body.light-mode #ssd-file-url-input,body.light-mode #ssd-video-url-input {
    background: #f8fafc!important;
    border: 1px solid #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-add-text,body.light-mode .ssd-placeholder-inner span {
    color: #334155!important
}

body.light-mode .ssd-add-icon-btn:hover {
    background-color: #f1f5f9;
    border-radius: 50%
}

body.light-mode .ssd-photo-placeholder-box {
    border: 1px dashed #cbd5e1!important
}

body.light-mode .ssd-placeholder-inner:hover {
    background: #f1f5f9!important
}

body.light-mode #ssd-file-name-display {
    background: #eff6ff!important;
    border: 1px solid #dbeafe!important
}

body.light-mode #ssd-selected-filename {
    color: #1e40af!important
}

body.light-mode .ssd-fb-post-btn {
    box-shadow: 0 4px 6px rgba(59,130,246,.3)!important
}

body.light-mode #ssd-login-prompt-modal a[href*=login]:hover,body.light-mode .ssd-fb-post-btn:hover {
    background: #2563eb!important
}

body.light-mode .ssd-split-content-col,body.light-mode .ssd-split-modal-wrapper {
    background-color: #fff!important
}

body.light-mode .ssd-split-content-col {
    border-left: 1px solid #e2e8f0!important
}

body.light-mode .ssd-split-header {
    background-color: #fff!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-split-name {
    color: #0f172a!important
}

body.light-mode .ssd-split-date {
    color: #64748b!important
}

body.light-mode .ssd-desktop-close-btn {
    color: #94a3b8!important
}

body.light-mode .ssd-action-btn i.fas.fa-heart,body.light-mode .ssd-desktop-close-btn:hover {
    color: #ef4444!important
}

body.light-mode .ssd-split-body {
    color: #334155!important
}

body.light-mode .ssd-feed-intro h2,body.light-mode .ssd-split-blog-title {
    color: #1e293b!important
}

body.light-mode .ssd-split-caption {
    color: #334155!important
}

body.light-mode .ssd-split-body::-webkit-scrollbar-track {
    background: #f1f5f9!important
}

body.light-mode .ssd-split-body::-webkit-scrollbar-thumb {
    background: #cbd5e1!important
}

body.light-mode #ssd-comment-drawer,body.light-mode .ssd-split-footer {
    background-color: #fff!important;
    border-top: 1px solid #e2e8f0!important
}

body.light-mode .ssd-action-btn {
    color: #64748b!important
}

body.light-mode .ssd-action-btn:hover {
    color: #3b82f6!important;
    background-color: #f8fafc!important;
    border-radius: 5px
}

body.light-mode .ssd-popup-dl-btn {
    background-color: #3b82f6!important;
    color: #fff!important;
    box-shadow: 0 4px 6px rgba(59,130,246,.2)
}

body.light-mode .ssd-file-attachment-card button:hover,body.light-mode .ssd-popup-dl-btn:hover {
    background-color: #2563eb!important
}

body.light-mode #ssd-comment-drawer {
    box-shadow: 0-4px 6px -1px rgba(0,0,0,.1)
}

body.light-mode .ssd-drawer-header {
    border-bottom: 1px solid #f1f5f9!important;
    background-color: #fff!important
}

body.light-mode .ssd-drawer-header h3,body.light-mode .ssd-drawer-header span {
    color: #0f172a!important;
    font-weight: 700!important
}

body.light-mode .ssd-drawer-close {
    color: #64748b!important;
    background: #f1f5f9!important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

body.light-mode .ssd-drawer-handle {
    background: #cbd5e1!important
}

body.light-mode .ssd-drawer-body {
    background-color: #fff!important
}

body.light-mode .ssd-comment-bubble {
    background: #f1f5f9!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: none!important
}

body.light-mode .ssd-comment-author,body.light-mode .ssd-single-post-header h3 {
    color: #0f172a!important
}

body.light-mode .ssd-comment-text {
    color: #334155!important
}

body.light-mode .ssd-comment-meta span,body.light-mode .ssd-rank-info small {
    color: #94a3b8!important
}

body.light-mode .ssd-drawer-footer {
    background: #fff!important;
    border-top: 1px solid #f1f5f9!important
}

body.light-mode .ssd-drawer-send-btn {
    background: #3b82f6!important;
    color: #fff!important
}

body.light-mode .ssd-comment-dropdown {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-comment-dropdown div {
    color: #334155!important;
    border-bottom: 1px solid #f1f5f9
}

body.light-mode .ssd-comment-dropdown div:hover {
    background: #f8fafc!important
}

body.light-mode .ssd-feed-wrapper,body.light-mode .ssd-main-feed-column {
    background-color: transparent!important
}

body.light-mode .ssd-post-card {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-publisher-name {
    color: #1a202c!important;
    font-weight: 600
}

body.light-mode .ssd-feed-intro p,body.light-mode .ssd-post-time {
    color: #64748b!important
}

body.light-mode .ssd-caption-wrapper {
    color: #334155!important
}

body.light-mode #ssd-login-prompt-modal i.fa-lock,body.light-mode .ssd-file-attachment-card i.fas.fa-file-alt,body.light-mode .ssd-read-more-link {
    color: #3b82f6!important
}

body.light-mode .ssd-feed-header-seamless {
    background: #fff!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-create-trigger-box {
    background: #fff!important;
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-create-input {
    background: #f1f5f9!important;
    color: #334155!important
}

body.light-mode .ssd-create-input::placeholder,body.light-mode .ssd-mini-input::placeholder,body.light-mode .ssd-modern-input::placeholder {
    color: #94a3b8!important
}

body.light-mode .ssd-post-footer {
    border-top: 1px solid #f1f5f9
}

body.light-mode .ssd-action-btn,body.light-mode .ssd-action-btn:hover {
}

body.light-mode .ssd-dashboard-container.ssd-public-view {
    background-color: #f0f2f5!important
}

body.light-mode .ssd-col-info {
    background-color: #fff!important;
    border-left: 1px solid #e2e8f0!important;
    color: #1e293b!important
}

body.light-mode .ssd-single-post-header {
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-close-post-btn {
    color: #64748b!important
}

body.light-mode .ssd-close-post-btn:hover {
    background-color: #f1f5f9!important;
    color: #ef4444!important
}

body.light-mode .ssd-comments-list-wrapper {
    background-color: #fff!important
}

body.light-mode .ssd-single-post-footer {
    background-color: #fff!important;
    border-top: 1px solid #e2e8f0!important
}

body.light-mode .ssd-repost-container {
    background-color: #f8fafc!important;
    border: 1px solid #e2e8f0!important
}

body.light-mode #ssd-login-prompt-modal h3,body.light-mode .ssd-file-attachment-card h4,body.light-mode .ssd-repost-name {
    color: #1e293b!important
}

body.light-mode #ssd-login-prompt-modal button,body.light-mode #ssd-login-prompt-modal p,body.light-mode .ssd-file-attachment-card span,body.light-mode .ssd-repost-time,body.light-mode .ssd-shared-resource-card span[style*="color: #9ca3af"] {
    color: #64748b!important
}

body.light-mode .ssd-repost-body {
    color: #334155!important
}

body.light-mode .ssd-file-attachment-card {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.05)
}

body.light-mode .ssd-file-attachment-card div[style*="background: #3b82f6"] {
    background-color: #eff6ff!important
}

body.light-mode .ssd-file-attachment-card button {
    background-color: #3b82f6!important;
    color: #fff!important;
    box-shadow: 0 2px 4px rgba(59,130,246,.3)
}

body.light-mode #ssd-login-prompt-modal {
    background: rgba(241,245,249,.8)!important;
    backdrop-filter: blur(8px)!important
}

body.light-mode #ssd-login-prompt-modal>div,body.light-mode .ssd-shared-resource-card {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.15)!important
}

body.light-mode #ssd-login-prompt-modal div[style*="font-size:3rem"] {
    background-color: #eff6ff!important;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px!important
}

body.light-mode #ssd-login-prompt-modal a[href*=login] {
    background: #3b82f6!important;
    color: #fff!important;
    box-shadow: 0 4px 6px -1px rgba(59,130,246,.4)
}

body.light-mode #ssd-login-prompt-modal button:hover {
    color: #0f172a!important;
    background-color: #f1f5f9!important;
    border-radius: 8px
}

body.light-mode .ssd-shared-resource-card {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-shared-resource-card h4 {
    color: #1e293b!important;
    font-weight: 700!important
}

body.light-mode .ssd-shared-resource-card span[style*="color: #10b981"] {
    color: #059669!important
}

body.light-mode .ssd-study-wrapper {
    background-color: #f8fafc!important;
    color: #334155!important
}

body.light-mode .ssd-container {
    background-color: transparent!important
}

body.light-mode .ssd-lobby-header h2 {
    background: linear-gradient(to right,#2563eb,#7c3aed)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

body.light-mode .ssd-lobby-header p,body.light-mode .ssd-room-meta-item {
    color: #64748b!important
}

body.light-mode .ssd-card {
    background: #fff!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-card,body.light-mode .ssd-room-box {
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-card:hover,body.light-mode .ssd-room-box:hover {
    border-color: #3b82f6!important;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-zoom-header div {
    color: #0f172a!important
}

body.light-mode .ssd-card-icon {
    background: #eff6ff!important;
    color: #3b82f6!important
}

body.light-mode .ssd-mini-input,body.light-mode .ssd-modern-input,body.light-mode .ssd-modern-select {
    background: #fff!important;
    border: 1px solid #cbd5e1!important
}

body.light-mode .ssd-mini-input {
    color: #0f172a!important
}

body.light-mode .ssd-mini-input:focus,body.light-mode .ssd-modern-input:focus {
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)!important
}

body.light-mode #ssd-active-room {
    background-color: #f1f5f9!important
}

body.light-mode .ssd-zoom-header {
    background: #fff!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-leave-btn-top {
    background: #fef2f2!important;
    border: 1px solid #fee2e2!important;
    color: #ef4444!important
}

body.light-mode .ssd-leave-btn-top:hover {
    background: #ef4444!important;
    color: #fff!important
}

body.light-mode .ssd-header-icon-btn {
    background: #f8fafc!important;
    border: 1px solid #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-header-icon-btn.active,body.light-mode .ssd-header-icon-btn:hover {
    background: #3b82f6!important;
    color: #fff!important;
    border-color: #3b82f6!important
}

body.light-mode .ssd-main-timer {
    text-shadow: none!important
}

body.light-mode .ssd-zoom-box {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-zoom-box.is-host {
    border-color: #f59e0b!important;
    box-shadow: 0 0 0 2px rgba(245,158,11,.2)!important
}

body.light-mode .ssd-zoom-name-tag {
    background: rgba(255,255,255,.95)!important;
    color: #0f172a!important;
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-zoom-host-label {
    background: #fffbeb!important;
    color: #b45309!important;
    border: 1px solid #fcd34d!important
}

body.light-mode .ssd-todo-sidebar {
    border-left: 1px solid #e2e8f0!important
}

body.light-mode .ssd-sidebar-tabs {
    background: #f8fafc!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-tab-btn {
    color: #64748b!important
}

body.light-mode .ssd-tab-btn:hover {
    background: #e2e8f0!important;
    color: #0f172a!important
}

body.light-mode .ssd-sidebar-content-wrapper {
    background: #fff!important
}

body.light-mode .ssd-sidebar-form,body.light-mode .ssd-task-item {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.03)!important
}

body.light-mode .ssd-task-item div {
    color: #334155!important
}

body.light-mode .ssd-pom-dots .ssd-dot {
    background: #e2e8f0!important
}

body.light-mode .ssd-pom-dots .ssd-dot.filled {
    background: #4ade80!important
}

body.light-mode .ssd-music-item {
    background: #fff!important;
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-music-item:hover {
    background: #f0f9ff!important;
    border-color: #3b82f6!important
}

body.light-mode .ssd-music-item.playing {
    background: #f0fdf4!important;
    border-color: #4ade80!important
}

body.light-mode .ssd-music-icon {
    background: #f1f5f9!important
}

body.light-mode .ssd-sidebar-footer-player {
    background: rgba(255,255,255,.95)!important;
    border-top: 1px solid #e2e8f0!important
}

body.light-mode .ssd-sfp-play-btn {
    background: #0f172a!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)!important
}

body.light-mode .ssd-sfp-vol {
    background: #e2e8f0!important
}

@media (max-width:768px) {
    body.light-mode .ssd-todo-sidebar {
        box-shadow: -5px 0 30px rgba(0,0,0,.1)!important
    }
}

body.light-mode .ssd-dashboard-container,body.light-mode .ssd-main-content {
    background-color: var(--ssd-bg-dark)!important;
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-card {
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-action-card,body.light-mode .ssd-card {
    background-color: var(--ssd-bg-card)!important
}

body.light-mode .ssd-stat-box {
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-room-box,body.light-mode .ssd-stat-box {
    background-color: var(--ssd-bg-card)!important
}

body.light-mode .ssd-chart-wrapper {
    border-color: var(--ssd-border)!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-chart-wrapper,body.light-mode .ssd-rank-list {
    background-color: var(--ssd-bg-card)!important
}

body.light-mode .ssd-profile-header-card,body.light-mode .tutor-profile-container {
    background-color: var(--ssd-bg-card)!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-profile-header-card {
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-action-card h3,body.light-mode .ssd-student-name-title,body.light-mode .tutor-info h1,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6 {
    color: #0f172a!important
}

body.light-mode .ssd-text-muted,body.light-mode small {
    color: var(--ssd-text-muted)!important
}

body.light-mode .ssd-modern-input,body.light-mode .ssd-modern-select,body.light-mode input[type=email],body.light-mode input[type=number],body.light-mode input[type=password],body.light-mode input[type=text],body.light-mode select,body.light-mode textarea {
    background-color: #f1f5f9!important;
    border-color: #cbd5e1!important;
    color: #0f172a!important
}

body.light-mode .ssd-modern-input:focus,body.light-mode .ssd-modern-select:focus {
    background-color: #fff!important;
    border-color: var(--ssd-primary)!important
}

body.light-mode .ssd-modern-select:focus {
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .ssd-form-group input::placeholder,body.light-mode .ssd-form-group textarea::placeholder {
}

body.light-mode .ssd-login-container input::placeholder,body.light-mode .ssd-search-wrap input::placeholder {
    color: #94a3b8
}

body.light-mode .ssd-modern-input::placeholder {
}

body.light-mode .ssd-sub-nav {
    border-bottom-color: var(--ssd-border);
    background-color: transparent
}

body.light-mode .ssd-sub-tab-btn {
    color: #64748b
}

body.light-mode .ssd-sub-tab-btn:hover {
    color: #0f172a;
    background-color: rgba(0,0,0,.03)
}

body.light-mode .tutor-cover-photo {
    border-bottom: 1px solid var(--ssd-border)
}

body.light-mode .tutor-profile-picture {
    box-shadow: 0 4px 12px rgba(0,0,0,.1)
}

body.light-mode .ssd-profile-pic-large {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.1)
}

body.light-mode .ssd-stat-box {
    border: 0
}

body.light-mode .ssd-stat-box .ssd-stat-label,body.light-mode .ssd-stat-box .ssd-stat-value {
    color: #fff!important;
    text-shadow: 0 1px 2px rgba(0,0,0,.1)
}

body.light-mode .ssd-room-box:hover {
    border-color: var(--ssd-primary)
}

body.light-mode .ssd-room-subject {
    background-color: #e0f2fe!important;
    color: #0284c7!important
}

body.light-mode .ssd-rank-num {
    background-color: #f1f5f9
}

body.light-mode .ssd-zoom-bottom-bar,body.light-mode .ssd-zoom-header {
    background-color: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.05)
}

body.light-mode .ssd-zoom-top-bar .ssd-zoom-timer-badge {
    background: rgba(255,255,255,.9);
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,.05)
}

body.light-mode .ssd-main-timer {
    color: #0f172a!important
}

body.light-mode .ssd-room-code-badge {
    color: #64748b;
    border-left-color: #cbd5e1
}

body.light-mode .ssd-room-body {
    background: radial-gradient(circle at center,#f8fafc 0,#e2e8f0 100%)
}

body.light-mode .ssd-zoom-box {
    border-color: #e2e8f0
}

body.light-mode .ssd-zoom-name-tag {
    background: rgba(255,255,255,.9);
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

body.light-mode .ssd-control-btn {
    color: #64748b
}

body.light-mode .ssd-control-btn:hover {
    background-color: #f1f5f9;
    color: var(--ssd-primary)
}

body.light-mode .ssd-leave-btn {
    background-color: #fee2e2;
    color: #ef4444
}

body.light-mode .ssd-leave-btn:hover {
    background-color: #ef4444;
    color: #fff
}

body.light-mode .ssd-todo-sidebar {
    background-color: #fff;
    border-top-color: var(--ssd-border)
}

body.light-mode .ssd-sidebar-header {
    background-color: #f8fafc;
    color: #0f172a
}

body.light-mode .ssd-sidebar-tabs {
    background-color: #fff
}

body.light-mode .ssd-task-item {
    background-color: #f8fafc;
    border-color: var(--ssd-border)
}

body.light-mode .ssd-task-name {
    color: #334155!important
}

body.light-mode .ssd-chat-input-area {
    background-color: #fff;
    border-top-color: var(--ssd-border)
}

body.light-mode .ssd-sidebar-footer-player {
    background-color: #fff
}

body.light-mode #ssd-chat-input {
    background-color: #f1f5f9;
    color: #0f172a;
    border: 1px solid #cbd5e1
}

body.light-mode .ssd-music-item {
    background-color: #fff;
    border-color: var(--ssd-border)
}

body.light-mode .ssd-music-item:hover {
    background-color: #f8fafc;
    border-color: var(--ssd-primary)
}

body.light-mode .ssd-music-name {
    color: #0f172a!important
}

body.light-mode .ssd-music-icon {
    background-color: #f1f5f9;
    color: var(--ssd-primary)
}

@media (max-width:768px) {
    body.light-mode .ssd-zoom-bottom-bar,body.light-mode .ssd-zoom-header {
        border-color: #e2e8f0!important
    }

    body.light-mode .tutor-profile-picture {
        border-color: #f8fafc;
        background-color: #f8fafc
    }

    body.light-mode .tutor-info h1 {
        color: #0f172a
    }
}

body.light-mode .ssd-podium-card {
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-podium-card.rank-1 {
    background: linear-gradient(180deg,#fffbeb 0,#fff 100%)!important
}

body.light-mode .ssd-podium-card.rank-2 {
    background: linear-gradient(180deg,#f8fafc 0,#fff 100%)!important
}

body.light-mode .ssd-podium-card.rank-3 {
    background: linear-gradient(180deg,#fff7ed 0,#fff 100%)!important
}

body.light-mode .ssd-podium-name {
    color: #1f2937!important;
    text-shadow: none!important
}

body.light-mode .ssd-podium-points {
    border: 1px solid rgba(0,0,0,.05)!important
}

body.light-mode .ssd-podium-avatar {
    box-shadow: 0 4px 6px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-podium-rank-badge {
    box-shadow: 0 2px 4px rgba(0,0,0,.1)!important;
    border-color: #fff!important
}

body.light-mode .rank-1 .ssd-podium-rank-badge {
    color: #fff!important
}

body.light-mode .rank-2 .ssd-podium-rank-badge {
    color: #334155!important
}

body.light-mode .rank-3 .ssd-podium-rank-badge,body.light-mode .ssd-nav-item.active i,body.light-mode .ssd-nav-item.active span,body.light-mode .ssd-tab-btn.active i,body.light-mode .ssd-tab-btn.active span {
    color: #fff!important
}

body.light-mode .tutor-profile-picture {
    border-color: #fff;
    background-color: #f3f4f6!important
}

body.light-mode .ssd-rank-list {
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-rank-item {
    border-bottom: 1px solid #f1f5f9!important
}

body.light-mode .ssd-rank-item:hover {
    background-color: #f8fafc!important
}

body.light-mode .ssd-rank-num {
    color: #64748b!important;
    border: 1px solid #e2e8f0!important
}

body.light-mode .ssd-rank-name {
    color: #1f2937!important
}

body.light-mode .ssd-rank-score {
    background: #eff6ff!important;
    color: #2563eb!important;
    padding: 2px 8px;
    border-radius: 4px
}

body.light-mode .ssd-study-wrapper {
    background-color: var(--ssd-bg-dark)!important;
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-todo-sidebar {
    background: #fff!important;
    border-left-color: var(--ssd-border)!important;
    box-shadow: -5px 0 20px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-chat-input-wrapper,body.light-mode .ssd-sidebar-header,body.light-mode .ssd-sidebar-tabs,body.light-mode .ssd-todo-input-area {
    background: #fff!important;
    border-color: var(--ssd-border)!important;
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-sidebar-footer-player {
    border-color: var(--ssd-border)!important;
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-sidebar-tabs {
    background: #f1f5f9!important
}

body.light-mode .ssd-tab-btn {
    color: var(--ssd-text-muted)!important
}

body.light-mode .ssd-mode-btn.active,body.light-mode .ssd-tab-btn.active {
    background: #fff!important;
    color: var(--ssd-primary)!important
}

body.light-mode .ssd-chat-input-field,body.light-mode .ssd-modern-input,body.light-mode .ssd-modern-select,body.light-mode .ssd-task-input,body.light-mode .ssd-task-pom-input {
    background: #f1f5f9!important;
    border: 1px solid var(--ssd-border)!important;
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-mode-switch {
    background: #f1f5f9!important;
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-mode-btn {
    color: var(--ssd-text-muted)!important
}

body.light-mode .ssd-mode-btn.active {
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-task-card {
    background: #fff!important;
    border-color: var(--ssd-border)!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-task-card:hover {
    background: #f8fafc!important
}

body.light-mode .ssd-task-title {
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-play-btn {
    border-color: #cbd5e1!important;
    color: var(--ssd-text-muted)!important
}

body.light-mode .ssd-play-btn.playing,body.light-mode .ssd-play-btn:hover {
    background: var(--ssd-primary)!important;
    color: #fff!important;
    border-color: var(--ssd-primary)!important
}

body.light-mode .ssd-progress-track {
    background: #e2e8f0!important
}

body.light-mode .ssd-music-card {
    background: #f8fafc!important;
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-music-card:hover {
    border-color: var(--ssd-primary)!important;
    background: #fff!important
}

body.light-mode .ssd-music-title,body.light-mode .ssd-sfp-text h5,body.light-mode .tutor-info h1 {
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-sfp-play-btn {
    background: var(--ssd-primary)!important;
    color: #fff!important
}

body.light-mode .tutor-profile-container {
    background: var(--ssd-bg-card)!important;
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-stat-box {
    border-color: rgba(0,0,0,.05)!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1)
}

body.light-mode .ssd-sub-tab-btn {
    color: var(--ssd-text-muted)!important
}

body.light-mode .ssd-sub-tab-btn:hover {
    color: var(--ssd-primary)!important
}

body.light-mode .ssd-sub-tab-btn.active {
    color: var(--ssd-primary)!important;
    border-bottom-color: var(--ssd-primary)!important
}

body.light-mode .ssd-action-card,body.light-mode .ssd-room-box {
    background: #fff!important;
    border-color: var(--ssd-border)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-chart-box {
    box-shadow: 0 1px 3px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-chart-box,body.light-mode .ssd-stat-card-modern {
    border-color: var(--ssd-border)!important
}

body.light-mode .chart-header h3,body.light-mode .ssd-room-header,body.light-mode .stat-info h4,body.light-mode h3 {
    color: var(--ssd-text-main)!important
}

body.light-mode .chart-subtitle,body.light-mode .ssd-action-card label,body.light-mode .ssd-action-card p,body.light-mode .ssd-room-box div,body.light-mode .stat-info span {
    color: var(--ssd-text-muted)!important
}

body.light-mode .icon-blue {
    background: #eff6ff!important;
    color: #3b82f6!important
}

body.light-mode .icon-green {
    background: #ecfdf5!important;
    color: #10b981!important
}

body.light-mode .icon-purple {
    background: #f5f3ff!important;
    color: #8b5cf6!important
}

body.light-mode .ssd-rank-list {
    background: #fff!important;
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-rank-item {
    border-bottom-color: var(--ssd-border)!important
}

body.light-mode .ssd-rank-num {
    background: #f1f5f9!important;
    border-color: var(--ssd-border)!important
}

body.light-mode .ssd-rank-name,body.light-mode .ssd-rank-num {
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-podium-card {
    background: #fff!important;
    border-color: var(--ssd-border)!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-podium-card.rank-1 {
    border-color: #f59e0b!important
}

body.light-mode .ssd-podium-card.rank-2 {
    border-color: #94a3b8!important
}

body.light-mode .ssd-podium-card.rank-3 {
    border-color: #d97706!important
}

body.light-mode .ssd-podium-name {
    color: var(--ssd-text-main)!important
}

body.light-mode .ssd-podium-points {
    background: rgba(0,0,0,.05)!important;
    color: #d97706!important
}

body.light-mode .ssd-podium-avatar {
    background-color: #f8fafc!important
}

@media (max-width:768px) {
    body.light-mode .tutor-profile-picture {
        border-color: #f8fafc!important;
        background-color: #f8fafc!important
    }
}

body.light-mode ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px
}

body.light-mode ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8
}

body.light-mode .ssd-coming-soon-overlay {
    background: rgba(255,255,255,.85)!important;
    backdrop-filter: blur(6px)!important;
    border: 1px solid rgba(255,255,255,.5)
}

body.light-mode .chart-header h3,body.light-mode .ssd-coming-soon-overlay h4,body.light-mode .ssd-sfp-text h5 {
    color: #0f172a!important
}

body.light-mode .ssd-analytics-controls span,body.light-mode .ssd-coming-soon-overlay p,body.light-mode .ssd-sfp-text span,body.light-mode .stat-info span {
    color: #64748b!important
}

body.light-mode .ssd-coming-soon-overlay i {
    color: #d97706!important;
    text-shadow: 0 2px 4px rgba(0,0,0,.1)
}

body.light-mode .ssd-music-card {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-sidebar-footer-player {
    background: #fff!important;
    border-top-color: #e2e8f0!important
}

body.light-mode .ssd-sfp-img {
    background: #3b82f6!important;
    box-shadow: 0 2px 4px rgba(59,130,246,.2)
}

body.light-mode .ssd-stat-card-modern:hover {
    border-color: var(--ssd-primary)!important;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.08)
}

body.light-mode .ssd-time-filters {
    background: #f1f5f9!important;
    border-color: #e2e8f0!important
}

body.light-mode .ssd-filter-btn:hover {
    color: #0f172a!important;
    background: rgba(0,0,0,.05)
}

body.light-mode .ssd-filter-btn.active {
    background: #fff!important;
    color: var(--ssd-primary)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    font-weight: 700
}

body.light-mode .ssd-chart-box {
    background: #fff!important;
    border-color: #e2e8f0!important
}

body.light-mode .chart-subtitle {
    color: #64748b!important
}

body.light-mode .ssd-analytics-table th {
    color: #475569!important;
    border-bottom-color: #cbd5e1!important;
    background-color: #f8fafc!important
}

body.light-mode .ssd-analytics-table td {
    color: #334155!important;
    border-bottom-color: #f1f5f9!important
}

body.light-mode .ssd-analytics-table tr:last-child td {
    border-bottom: none!important
}

body.light-mode .ssd-analytics-table tr:hover td {
    background-color: #f8fafc!important
}

body.light-mode .ssd-progress-mini {
    background: #e2e8f0!important
}

body.light-mode .ssd-room-card {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-rc-name {
    color: #0f172a
}

body.light-mode .ssd-rc-stat {
    background: #f1f5f9;
    color: #64748b
}

body.light-mode .ssd-rc-subject {
    border-color: #e2e8f0;
    color: #475569!important;
    background: #f8fafc
}

body.light-mode #ssd-help-trigger {
    background: linear-gradient(135deg,#2563eb,#3b82f6);
    border: 2px solid #fff;
    box-shadow: 0 4px 15px rgba(37,99,235,.3)
}

body.light-mode #ssd-guidance-box {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 40px rgba(0,0,0,.1)
}

body.light-mode .ssd-guide-header {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-guide-title {
    color: #0f172a
}

body.light-mode .ssd-custom-select-trigger i,body.light-mode .ssd-guide-close {
    color: #64748b
}

body.light-mode .ssd-guide-content {
    background-color: #fff
}

body.light-mode .ssd-guide-bubble {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155
}

body.light-mode .ssd-guide-bubble h4 {
    color: #2563eb
}

body.light-mode .ssd-guide-bubble h5 {
    color: #d97706
}

body.light-mode .ssd-guide-cta-btn {
    background-color: #2563eb;
    color: #fff;
    box-shadow: 0 4px 10px rgba(37,99,235,.2)
}

body.light-mode .ssd-guide-cta-btn:hover {
    background-color: #1d4ed8
}

body.light-mode .ssd-guide-content::-webkit-scrollbar-track {
    background: #f1f5f9
}

body.light-mode .ssd-guide-content::-webkit-scrollbar-thumb {
    background-color: #cbd5e1
}

body.light-mode .ssd-guide-content::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8
}

body.light-mode .ssd-tab-btn.active {
    border-color: #3b82f6!important;
    box-shadow: 0 2px 5px rgba(59,130,246,.3)!important
}

body.light-mode .ssd-btn-create,body.light-mode .ssd-btn-edit,body.light-mode .ssd-btn-primary,body.light-mode .ssd-btn-save,body.light-mode .ssd-button-update,body.light-mode .ssd-cat-item.active .ssd-cat-icon,body.light-mode .ssd-inner-tab-btn.active,body.light-mode .ssd-nav-item.active,body.light-mode .ssd-pro-class-btn,body.light-mode .ssd-sidebar-menu-item.active,body.light-mode .ssd-tab-btn.active,body.light-mode button.ssd-guide-cta-btn {
    background-color: #3b82f6!important;
    color: #fff!important
}

body.light-mode .ssd-btn-edit a,body.light-mode .ssd-button-update a {
    color: #fff!important;
    text-decoration: none!important
}

body.light-mode .ssd-inner-tab-btn.active {
    border-color: #3b82f6!important
}

body.light-mode .ssd-btn-edit *,body.light-mode .ssd-btn-settings *,body.light-mode .ssd-edit-page-btn *,body.light-mode .ssd-my-business-btn *,body.light-mode .ssd-page-settings-btn *,body.light-mode .student-follow-btn *,body.light-mode .student-follow-btn.following *,body.light-mode .tutor-action-btn *,body.light-mode .tutor-action-btn.following * {
    color: #fff
}

body.light-mode .ssd-story-active {
    border: 3px solid #3b82f6!important;
    padding: 3px!important;
    box-sizing: content-box!important;
    box-shadow: 0 0 0 2px #fff!important;
    background-color: #fff!important;
    transition: transform .2s ease
}

body.light-mode .ssd-story-active:hover {
    transform: scale(1.05)
}

body.light-mode .ssd-ring-pop {
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 4px rgba(59,130,246,.3)!important
}

body.light-mode .ssd-custom-select-trigger {
    background: #fff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-custom-select-trigger:hover {
    border-color: #3b82f6;
    background: #f8fafc
}

body.light-mode .ssd-custom-select-wrapper.open .ssd-custom-select-trigger i {
    color: #3b82f6
}

body.light-mode .ssd-custom-options {
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

body.light-mode .ssd-custom-option {
    border-bottom: 1px solid #f1f5f9
}

body.light-mode .ssd-custom-option:last-child {
    border-bottom: none
}

body.light-mode .ssd-custom-option.selected,body.light-mode .ssd-custom-option:hover {
    border-left: 3px solid #3b82f6
}

body.light-mode .ssd-quiz-container {
    background-color: #fff
}

body.light-mode .ssd-quiz-header {
    background-color: #fff!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-quiz-header h4 {
    color: #1e293b!important
}

body.light-mode .ssd-quiz-label {
    color: #64748b!important
}

body.light-mode .ssd-quiz-input {
    background-color: #f8fafc!important;
    border: 1px solid #cbd5e1!important;
    color: #334155!important
}

body.light-mode .ssd-quiz-input:focus {
    background-color: #fff!important;
    border-color: #3b82f6!important;
    box-shadow: 0 0 0 2px rgba(59,130,246,.1)
}

body.light-mode .ssd-quiz-scroll-area {
    background-color: #fff
}

body.light-mode .ssd-mcq-row {
    border-bottom: 1px solid #f1f5f9!important
}

body.light-mode .ssd-q-num {
    color: #475569!important;
    font-weight: 600
}

body.light-mode .ssd-mcq-bubble {
    background-color: #fff!important;
    border: 1px solid #cbd5e1!important;
    color: #64748b!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .ssd-mcq-bubble:hover {
    border-color: #3b82f6!important;
    color: #3b82f6!important;
    background-color: #eff6ff!important
}

body.light-mode .ssd-mcq-bubble.selected {
    background-color: #3b82f6!important;
    color: #fff!important;
    border-color: #3b82f6!important;
    box-shadow: 0 4px 6px -1px rgba(59,130,246,.4)!important
}

body.light-mode #ssd-quiz-sheet-container .fa-check-circle,body.light-mode #ssd-quiz-sheet-container .fa-list-ol {
    opacity: .5;
    color: #cbd5e1!important
}

body.light-mode #ssd-quiz-sheet-container p,body.light-mode .ssd-modal-header button {
    color: #94a3b8!important
}

body.light-mode #ssd-quiz-footer {
    background-color: #f8fafc!important;
    border-top: 1px solid #e2e8f0!important
}

body.light-mode .ssd-sheet-modal {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important
}

body.light-mode .ssd-modal-header {
    background-color: #fff!important;
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode #ssd-modal-sheet-title {
    color: #1e293b!important
}

body.light-mode .ssd-modal-header button:hover {
    color: #ef4444!important
}

body.light-mode .ssd-modal-body {
    background-color: #f8fafc!important
}

body.light-mode .ssd-classes-wrapper,body.light-mode .ssd-store-wrapper {
    font-family: "Inter",system-ui,-apple-system,sans-serif
}

body.light-mode .ssd-pro-class-card,body.light-mode .ssd-slider-card,body.light-mode .ssd-slider-item,body.light-mode .ssd-store-card {
    background-color: #fff!important;
    border: 1px solid #e5e7eb!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-section-title,body.light-mode .ssd-store-title {
    color: #111827!important
}

body.light-mode #ssd-my-pages-list-view .ssd-card p,body.light-mode .ssd-cat-item span,body.light-mode .ssd-section-desc {
    color: #4b5563!important
}

body.light-mode .ssd-slider-content h3 {
    color: #fff!important;
    text-shadow: 0 2px 4px rgba(0,0,0,.5)!important
}

body.light-mode .ssd-class-overlay-tag {
    color: #fff!important;
    background-color: rgba(0,0,0,.8)!important
}

body.light-mode .ssd-filter-select,body.light-mode .ssd-search-box,body.light-mode .ssd-select-box,body.light-mode .ssd-store-search-box {
    background-color: #fff!important;
    border: 1px solid #d1d5db!important
}

body.light-mode .ssd-filter-select,body.light-mode .ssd-search-box input,body.light-mode .ssd-select-box select,body.light-mode .ssd-store-search-box input {
    color: #1f2937!important
}

body.light-mode .ssd-search-box .search-icon,body.light-mode .ssd-select-box .select-icon,body.light-mode .ssd-store-search-box i {
    color: #6b7280!important
}

body.light-mode .ssd-cat-icon {
    background-color: #f3f4f6!important;
    border: 1px solid #e5e7eb!important;
    color: #4b5563!important
}

body.light-mode .ssd-cat-item.active span {
    color: #3b82f6!important;
    font-weight: 700!important
}

body.light-mode #ssd-my-pages-list-view .ssd-card h2,body.light-mode .ssd-card-title,body.light-mode .ssd-class-title {
    color: #111827!important
}

body.light-mode .ssd-card-author,body.light-mode .ssd-class-tutor {
    color: #6b7280!important
}

body.light-mode .amount,body.light-mode .exam-title a:hover,body.light-mode .new-price,body.light-mode .ssd-class-price {
    color: #2563eb!important
}

body.light-mode .old-price,body.light-mode .original-price {
    color: #9ca3af!important
}

body.light-mode .ssd-card-img,body.light-mode .ssd-class-header {
    background-color: #f3f4f6!important
}

body.light-mode .ssd-cart-icon-area {
    background-color: #fff!important;
    color: #1f2937!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-btn-share,body.light-mode .ssd-share-feed-btn {
    background-color: #f3f4f6!important;
    color: #4b5563!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-btn-share:hover,body.light-mode .ssd-share-feed-btn:hover {
    background-color: #e5e7eb!important;
    color: #1f2937!important
}

body.light-mode .ssd-btn-buy.disabled,body.light-mode .ssd-pro-class-btn.disabled {
    background-color: #e5e7eb!important;
    color: #9ca3af!important
}

body.light-mode #ssd-store-empty,body.light-mode .ssd-empty-state {
    color: #6b7280!important
}

body.light-mode #ssd-no-results,body.light-mode #ssd-store-empty,body.light-mode .ssd-empty-state {
    background-color: #fff!important;
    border: 1px dashed #d1d5db!important
}

body.light-mode .wallet-desktop-nav {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .w-nav-item:hover {
    background: #f1f5f9
}

body.light-mode .w-stat-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-2px)
}

body.light-mode .w-stat-card span {
    color: #0f172a
}

body.light-mode .trx-list-item:hover {
    background-color: #f8fafc;
    border-color: #cbd5e1
}

body.light-mode .trx-icon {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #64748b
}

body.light-mode .sbp-modal-header h3,body.light-mode .trx-meta h4 {
    color: #1e293b
}

body.light-mode .trx-meta span {
    color: #64748b
}

body.light-mode .wallet-mobile-nav {
    background: #fff;
    border-top-color: #e2e8f0;
    box-shadow: 0-4px 20px rgba(0,0,0,.05)
}

body.light-mode .m-nav-item {
    color: #94a3b8
}

body.light-mode .m-nav-item.active {
    color: var(--wallet-primary)
}

body.light-mode .sbp-input {
    background: #fff
}

body.light-mode .sbp-select {
    background: #fff;
    border-color: #cbd5e1;
    color: #1e293b
}

body.light-mode .sbp-input:focus {
    border-color: var(--wallet-primary);
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .ssd-pay-option {
    background: #fff;
    border-color: #e2e8f0;
    color: #64748b
}

body.light-mode .bank-card-add:hover,body.light-mode .ssd-pay-option.selected {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #1d4ed8
}

body.light-mode .bank-card-add {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b
}

body.light-mode .bank-card-add:hover {
    color: #3b82f6
}

body.light-mode .sbp-modal-content {
    background: #fff;
    color: #1e293b
}

body.light-mode .sbp-modal-header {
    border-bottom-color: #f1f5f9
}

body.light-mode .wallet-atm-card {
    background: linear-gradient(135deg,#0f172a 0,#1e293b 100%)
}

body.light-mode .atm-frozen {
    background: rgba(255,255,255,.1)
}

body.light-mode .wallet-atm-card {
    background: linear-gradient(135deg,#1e40af 0,#3b82f6 100%)!important;
    color: #fff!important;
    border: 0!important;
    box-shadow: 0 15px 35px rgba(37,99,235,.25)!important
}

body.light-mode .atm-balance,body.light-mode .atm-balance span,body.light-mode .atm-label {
    color: #fff!important;
    opacity: 1!important
}

body.light-mode .atm-frozen {
    opacity: 1!important
}

body.light-mode .contactless-icon,body.light-mode .contactless-icon i {
    color: #fff!important;
    opacity: 1!important
}

body.light-mode .atm-frozen {
    background: rgba(255,255,255,.2)!important;
    border: 1px solid rgba(255,255,255,.2)!important;
    color: #fff!important
}

body.light-mode .wallet-stats-grid {
    gap: 20px
}

body.light-mode .w-stat-card {
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform .2s;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

body.light-mode .glass-stat-box,body.light-mode .w-stat-card {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 2px 8px rgba(0,0,0,.03)!important
}

body.light-mode .glass-stat-box h4,body.light-mode .w-stat-card h4 {
    color: #0f172a!important
}

body.light-mode .glass-stat-box .label,body.light-mode .sbp-section-header p,body.light-mode .w-stat-card .label {
    color: #64748b!important
}

body.light-mode .ssd-payment-card {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.05)!important
}

body.light-mode .card-title,body.light-mode .sbp-section-header h3 {
    color: #1e293b!important
}

body.light-mode,body.light-mode .detail-row .value {
    color: #334155!important
}

body.light-mode .detail-row i {
    color: #94a3b8!important
}

body.light-mode .action-btn {
    background: #f1f5f9!important;
    color: #475569!important
}

body.light-mode .action-btn.edit:hover {
    background: #dbeafe!important;
    color: #1d4ed8!important
}

body.light-mode .glass-blue .ssd-glass-icon {
    background: rgba(59,130,246,.15)
}

body.light-mode .glass-green .ssd-glass-icon {
    background: rgba(16,185,129,.15)
}

body.light-mode .glass-pink .ssd-glass-icon {
    background: rgba(236,72,153,.15)
}

body.light-mode .ssd-glass-box {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1)!important
}

body.light-mode .ssd-glass-value {
    color: #0f172a!important
}

body.light-mode .ssd-glass-label {
    color: #64748b!important
}

body.light-mode .glass-blue .ssd-glass-icon {
    background: #eff6ff!important;
    color: #2563eb!important
}

body.light-mode .glass-green .ssd-glass-icon {
    background: #ecfdf5!important;
    color: #059669!important
}

body.light-mode .glass-pink .ssd-glass-icon {
    background: #fdf2f8!important;
    color: #db2777!important
}

body.light-mode .ssd-glass-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)!important
}

body.light-mode {
    --ssd-bg: #f3f4f6;
    --ssd-sidebar-bg: #ffffff;
    --ssd-box-bg: #f8fafc;
    --ssd-accent: #2563eb;
    background-color: #f8fafc!important;
    --ssd-border: #e2e8f0;
    --ssd-primary-hover: #1d4ed8;
    --ssd-bg: #f8fafc;
    --ssd-card: #ffffff;
    --ssd-text: #0f172a;
    --ssd-text-muted: #64748b;
    --ssd-primary: #2563eb
}

body.light-mode .ssd-sidebar {
    background-color: #fff;
    border-right: 1px solid #e2e8f0;
    scrollbar-color: #cbd5e1 #fff
}

body.light-mode .ssd-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e1
}

body.light-mode .ssd-sidebar-top {
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .ssd-name,body.light-mode .ssd-user-info-center h2 {
    color: #0f172a
}

body.light-mode .ssd-welcome {
    color: #64748b
}

body.light-mode .ssd-icon-action {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b
}

body.light-mode .ssd-icon-action:hover {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb
}

body.light-mode .ssd-search-wrapper input {
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-search-wrapper input:focus {
    background: #fff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.1)
}

body.light-mode .ssd-search-wrapper i {
    color: #94a3b8
}

body.light-mode .ssd-nav-section label {
    color: #94a3b8;
    font-weight: 700
}

body.light-mode .ssd-box-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

body.light-mode .ssd-box-item.disabled-item {
    background: #f1f5f9!important;
    border-color: #e2e8f0!important;
    opacity: .6
}

body.light-mode .ssd-box-item.disabled-item i,body.light-mode .ssd-box-item.disabled-item span {
    color: #94a3b8!important;
    text-shadow: none
}

body.light-mode .launch-badge {
    border: 1px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

body.light-mode .ssd-sidebar-footer {
    border-top: 1px solid #e2e8f0
}

body.light-mode .ssd-logout-btn {
    border: 1px solid #e2e8f0;
    color: #ef4444;
    background: 0 0
}

body.light-mode .ssd-logout-btn:hover {
    background: #fef2f2;
    border-color: #fca5a5
}

body.light-mode .ssd-version {
    color: #cbd5e1
}

body.light-mode .ssd-mobile-header {
    background: #fff;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode #ssd-mobile-menu-btn,body.light-mode .ssd-header-login-link,body.light-mode .ssd-input-group label {
    color: #334155
}

body.light-mode .ssd-dark-theme-wrapper {
    background-color: #f8fafc
}

body.light-mode .ssd-overlay {
    background: linear-gradient(to bottom,transparent,rgba(255,255,255,.9))
}

body.light-mode .ssd-avatar-box img {
    border-color: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,.1)
}

body.light-mode .ssd-upload-icon {
    background: #fff;
    color: #3b82f6;
    border-color: #e2e8f0;
    box-shadow: 0 2px 5px rgba(0,0,0,.1)
}

body.light-mode .ssd-yellow-copy-badge {
    box-shadow: 0 2px 8px rgba(245,158,11,.25);
    border: 1px solid rgba(245,158,11,.2)
}

body.light-mode .ssd-section-divider {
    border-bottom: 1px solid #cbd5e1
}

body.light-mode .ssd-section-divider span {
    background: #f8fafc;
    color: #64748b
}

body.light-mode .ssd-glass-box:hover {
    background: #fff;
    border-color: #3b82f6
}

body.light-mode .ssd-sticky-header {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(10px);
    border-color: #e2e8f0
}

body.light-mode .ssd-back-btn {
    background: #f1f5f9;
    color: #475569
}

body.light-mode .ssd-back-btn:hover {
    background: #e2e8f0;
    color: #1e293b
}

body.light-mode #ssd-current-title,body.light-mode .pin-status-text h3,body.light-mode .ssd-analytics-header h3,body.light-mode .ssd-glass-card .text-content h3 {
    color: #0f172a
}

body.light-mode .ssd-detail-body {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-form-section {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode .ssd-section-header {
    border-bottom-color: #e2e8f0
}

body.light-mode .ssd-input-group .char-count {
    color: #94a3b8
}

body.light-mode input[type=text],body.light-mode select,body.light-mode textarea {
    background: #f8fafc;
    border: 1px solid #cbd5e1
}

body.light-mode .ssd-modern-input {
}

body.light-mode .ssd-dark-textarea,body.light-mode input[type=date],body.light-mode input[type=tel],body.light-mode input[type=url] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a
}

body.light-mode .ssd-modern-input:focus {
    background: #fff
}

body.light-mode .ssd-dark-textarea:focus,body.light-mode input:focus,body.light-mode select:focus,body.light-mode textarea:focus {
    background: #fff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .input-wrapper i,body.light-mode .label-text small,body.light-mode .pin-status-text p {
    color: #64748b
}

body.light-mode .upload-area {
    background: rgba(59,130,246,.05);
    border-color: rgba(59,130,246,.3)
}

body.light-mode .upload-area:hover {
    background: rgba(59,130,246,.1)
}

body.light-mode .upload-area span {
    color: #3b82f6
}

body.light-mode .ssd-checkbox-list {
    background: #f8fafc;
    border-color: #cbd5e1
}

body.light-mode .ssd-checkbox-item {
    border-bottom-color: #e2e8f0
}

body.light-mode .checkmark {
    background-color: #fff;
    border-color: #cbd5e1
}

body.light-mode .ssd-checkbox-item input:checked~.checkmark {
    background-color: #3b82f6;
    border-color: #3b82f6
}

body.light-mode .checkmark:after {
    border-color: #fff
}

body.light-mode .item-info span,body.light-mode .label-text,body.light-mode .ssd-copy-group input {
    color: #334155
}

body.light-mode .ssd-security-wrapper-clean {
    color: #1e293b
}

body.light-mode .pin-icon-large {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #64748b
}

body.light-mode .ssd-divider {
    border-top-color: #cbd5e1
}

body.light-mode .ssd-info-box p,body.light-mode .ssd-qr-card p,body.light-mode .ssd-share-section label {
    color: #475569
}

body.light-mode .section-desc,body.light-mode .ssd-glass-card .text-content p {
    color: #64748b
}

body.light-mode #ssd-pin-otp-input,body.light-mode .ssd-pin-digit {
    background: #fff;
    border: 2px solid #e2e8f0;
    color: #0f172a;
    box-shadow: 0 2px 5px rgba(0,0,0,.05)
}

body.light-mode #ssd-pin-otp-input:focus,body.light-mode .ssd-pin-digit:focus {
    border-color: #3b82f6;
    background: #fff
}

body.light-mode .ssd-list-item {
    border-bottom-color: #e2e8f0
}

body.light-mode .slider {
    background-color: #cbd5e1
}

body.light-mode input:checked+.slider {
    background-color: #3b82f6
}

body.light-mode .ssd-glass-card {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 12px rgba(0,0,0,.05)
}

body.light-mode .icon-box {
    background: #f1f5f9;
    color: #64748b
}

body.light-mode .ssd-info-box {
    background: rgba(59,130,246,.05);
    border-color: rgba(59,130,246,.2)
}

body.light-mode .ssd-info-box h4 {
    color: #2563eb
}

body.light-mode .ssd-analytics-wrapper {
    color: #1e293b
}

body.light-mode .ssd-date-range {
    background: #fff;
    color: #475569;
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,.05)
}

body.light-mode .ssd-stat-card {
    box-shadow: 0 10px 20px -5px rgba(59,130,246,.25)
}

body.light-mode .chart-header h4,body.light-mode .ssd-delete-header h3,body.light-mode .ssd-qr-card h3 {
    color: #0f172a
}

body.light-mode .chart-legend,body.light-mode .ssd-delete-header p {
    color: #64748b
}

body.light-mode .ssd-qr-card {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,.05)
}

body.light-mode .ssd-copy-group {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .ssd-copy-btn {
    background: #e2e8f0;
    color: #334155
}

body.light-mode .ssd-copy-btn:hover {
    background: #cbd5e1
}

body.light-mode .radio-content {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 2px 5px rgba(0,0,0,.02)
}

body.light-mode .ssd-radio-card input:checked+.radio-content {
    background: #fef2f2;
    border-color: #ef4444
}

body.light-mode .ssd-btn-text {
    color: #64748b
}

body.light-mode .ssd-modal-box {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 20px 60px rgba(0,0,0,.15)
}

body.light-mode .sbp-section-header h3 {
}

body.light-mode .modal-desc {
    color: #64748b
}

body.light-mode .ssd-btn-secondary {
}

body.light-mode .ssd-btn-secondary:hover {
    background: #f1f5f9;
    color: #1e293b
}

body.light-mode .ssd-profile-card {
    background: #fff!important;
    border: 1px solid #e5e7eb!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-profile-card h4 {
    color: #1f2937!important
}

body.light-mode #ssd-my-pages-list-view div[style*="border: 2px dashed"] i,body.light-mode .ssd-profile-card p {
    color: #6b7280!important
}

body.light-mode .ssd-profile-card .ssd-view-page-btn img {
    border-color: #fff!important;
    background: #f3f4f6!important
}

body.light-mode .ssd-my-business-btn {
    background: #2563eb!important;
    color: #fff!important;
    box-shadow: 0 2px 4px rgba(37,99,235,.2)
}

body.light-mode .ssd-my-business-btn:hover {
    background: #1d4ed8!important
}

body.light-mode .ssd-profile-card div[style*="cursor: not-allowed"] {
    background: #f3f4f6!important;
    color: #9ca3af!important
}

body.light-mode #ssd-my-pages-list-view div[style*="border: 2px dashed"] {
    border-color: #d1d5db!important;
    background: #f9fafb!important
}

body.light-mode #ssd-my-pages-list-view div[style*="border: 2px dashed"] div {
    background: #e5e7eb!important
}

body.light-mode #ssd-create-page-wizard-view {
    background: #f8fafc!important
}

body.light-mode #ssd-btn-cancel-wizard {
    background: rgba(0,0,0,.05)!important;
    border: 1px solid rgba(0,0,0,.1)!important;
    color: #4b5563!important
}

body.light-mode #ssd-btn-cancel-wizard:hover {
    background: rgba(0,0,0,.1)!important;
    color: #111827!important
}

body.light-mode .ssd-live-cover-area-scaled {
    background: #e2e8f0!important;
    border-color: #cbd5e1!important
}

body.light-mode .ssd-placeholder-content,body.light-mode .ssd-placeholder-content i {
    color: #64748b!important
}

body.light-mode .ssd-placeholder-content div {
    background: rgba(255,255,255,.5)!important
}

body.light-mode .ssd-live-profile-area-scaled {
    background: #f1f5f9!important;
    border-color: #f8fafc!important
}

body.light-mode .ssd-badge-item.locked i,body.light-mode .ssd-live-profile-area-scaled i.fa-user {
    color: #cbd5e1!important
}

body.light-mode .ssd-live-profile-area-scaled div {
    border-color: #f8fafc!important
}

body.light-mode #ssd-live-name-input {
    color: #111827!important
}

body.light-mode #ssd-live-name-input::placeholder {
    color: #9ca3af!important
}

body.light-mode #ssd-live-username-input {
    background: #fff!important;
    color: #111827!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode #ssd-live-bio-input,body.light-mode #ssd-live-category-select {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    color: #334155!important
}

body.light-mode #ssd-live-category-select option {
    background: #fff!important;
    color: #334155!important
}

body.light-mode #ssd-btn-create-finish {
    box-shadow: 0 4px 15px rgba(37,99,235,.3)!important
}

body.light-mode .sbp-fade-in {
    background-color: #f8fafc
}

body.light-mode .sbp-section-header p {
}

body.light-mode .sbp-section-header {
    border-bottom-color: #e2e8f0
}

body.light-mode .wallet-atm-card {
    background: linear-gradient(135deg,#2563eb 0,#3b82f6 100%)
}

body.light-mode .glass-stat-box {
}

body.light-mode .glass-stat-box:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}

body.light-mode .glass-label {
    color: #64748b
}

body.light-mode .bank-title-group h3,body.light-mode .form-header-row h3,body.light-mode .glass-value {
    color: #0f172a
}

body.light-mode .box-green {
    background: linear-gradient(to right,#fff,#f0fdf4);
    border-left: 4px solid #22c55e
}

body.light-mode .box-green .glass-icon {
    background: #dcfce7;
    color: #16a34a
}

body.light-mode .box-green .glass-value {
    color: #15803d
}

body.light-mode .box-red {
    background: linear-gradient(to right,#fff,#fef2f2);
    border-left: 4px solid #ef4444
}

body.light-mode .box-red .glass-icon {
    background: #fee2e2;
    color: #dc2626
}

body.light-mode .box-red .glass-value {
    color: #b91c1c
}

body.light-mode .card-header,body.light-mode .ssd-payment-card {
}

body.light-mode .ssd-payment-card:hover {
    transform: translateY(-3px)
}

body.light-mode .bank-icon-wrap {
    background: #f1f5f9;
    color: #2563eb;
    border-color: #e2e8f0
}

body.light-mode .detail-group .val {
    color: #334155;
    font-weight: 600
}

body.light-mode .card-footer {
    border-top-color: #f1f5f9
}

body.light-mode .action-btn {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .action-btn:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1
}

body.light-mode .ssd-payment-card.add-new {
    background: #f8fafc;
    border: 2px dashed #cbd5e1
}

body.light-mode .ssd-payment-card.add-new:hover {
    border-color: #3b82f6;
    background: #eff6ff
}

body.light-mode .form-card {
    background: #fff
}

body.light-mode .form-header-row {
    background: #f8fafc;
    border-bottom-color: #e2e8f0
}

body.light-mode .close-drawer-btn,body.light-mode .coin-header-section p {
    color: #64748b
}

body.light-mode .modern-input {
    background: #f8fafc
}

body.light-mode .sbp-input {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a
}

body.light-mode .modern-input:focus {
    background: #fff
}

body.light-mode .fee-breakdown-box {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .aff-link-section h3,body.light-mode .buy-coins-wrapper h3,body.light-mode .coin-header-section h2,body.light-mode .fee-row.total,body.light-mode .header-text h3,body.light-mode .reward-header h3 {
    color: #0f172a
}

body.light-mode .balance-badge {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0
}

body.light-mode .file-upload-zone {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b
}

body.light-mode .file-upload-zone:hover {
    background: #eff6ff;
    border-color: #3b82f6
}

body.light-mode .coin-balance-card {
    box-shadow: 0 20px 40px -10px rgba(245,158,11,.4);
    border: 0
}

body.light-mode .cc-label {
    color: rgba(255,255,255,.95)
}

body.light-mode .btn-card-buy {
    background: #fff;
    color: #d97706;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

body.light-mode .btn-card-buy:hover {
    background: #fffbeb
}

body.light-mode .cf-item {
    color: #475569
}

body.light-mode .cf-item i {
    background: #f1f5f9;
    color: #94a3b8
}

body.light-mode .modern-modal-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.1)
}

body.light-mode .modern-modal-header {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .close-modern-modal {
    color: #94a3b8
}

body.light-mode .close-modern-modal:hover {
    color: #ef4444
}

body.light-mode .wallet-status-bar {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569
}

body.light-mode .form-group label {
    color: #334155
}

body.light-mode .modern-input {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #0f172a
}

body.light-mode .modern-input:focus {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,.15)
}

body.light-mode .filter-wrapper i,body.light-mode .input-icon {
    color: #94a3b8
}

body.light-mode .cost-summary-box {
    background: #fffbeb;
    border: 1px solid #fcd34d
}

body.light-mode .cs-row {
    color: #78350f
}

body.light-mode .cs-total {
    color: #d97706
}

body.light-mode .buy-coins-wrapper {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode #aff-link-input,body.light-mode .coin-input {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a
}

body.light-mode .aff-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode .aff-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}

body.light-mode .aff-label,body.light-mode .reward-header p {
    color: #64748b
}

body.light-mode .aff-value,body.light-mode .aff-value.text-white {
    color: #0f172a!important;
    text-shadow: none
}

body.light-mode .aff-card-footer {
    background: #f8fafc;
    color: #64748b;
    border-top: 1px solid #f1f5f9
}

body.light-mode .modern-blue {
    border-bottom-color: #3b82f6
}

body.light-mode .modern-blue .aff-icon-box {
    background: #eff6ff;
    color: #3b82f6;
    box-shadow: none
}

body.light-mode .modern-green {
    border-bottom-color: #10b981
}

body.light-mode .modern-green .aff-icon-box {
    background: #ecfdf5;
    color: #10b981;
    box-shadow: none
}

body.light-mode .aff-reward-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode .rh-icon {
    background: #fffbeb;
    color: #d97706;
    border-color: #fcd34d
}

body.light-mode .highlight-money {
    color: #d97706;
    text-shadow: none
}

body.light-mode .progress-bar-bg {
    background: #f1f5f9;
    border: 1px solid #e2e8f0
}

body.light-mode .progress-text,body.light-mode .ssd-btn-pay .btn-txt span {
    color: #475569
}

body.light-mode .reward-action-box {
    border-top-color: #f1f5f9
}

body.light-mode .btn-claim-reward.disabled {
    background: #f1f5f9;
    color: #94a3b8
}

body.light-mode .aff-link-section {
    background: #fff;
    border: 1px solid #e2e8f0
}

body.light-mode #aff-link-input {
    color: #334155
}

body.light-mode .btn-copy {
    background: #e2e8f0;
    color: #475569
}

body.light-mode .btn-copy:hover {
    background: #cbd5e1;
    color: #0f172a
}

body.light-mode .aff-table-container h3,body.light-mode .sbp-modern-table td div[style*="font-weight:600"] {
    color: #0f172a!important
}

body.light-mode .sbp-modern-table th {
    background: #f8fafc;
    color: #475569;
    border-bottom: 1px solid #e2e8f0
}

body.light-mode .sbp-modern-table td {
    color: #334155;
    border-bottom: 1px solid #f1f5f9
}

body.light-mode .trx-info h4 {
    color: #0f172a
}

body.light-mode .trx-filter-select {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    color: #334155;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

body.light-mode .trx-filter-select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,.1)
}

body.light-mode .trx-card {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05)
}

body.light-mode .trx-card:hover {
    background-color: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);
    transform: translateY(-2px)
}

body.light-mode .trx-info .trx-meta {
    color: #64748b
}

body.light-mode .trx-info .trx-id {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0
}

body.light-mode .trx-amount,body.light-mode .wallet-title h2 {
    color: #0f172a
}

body.light-mode .amt-neg {
    color: #334155
}

body.light-mode .bg-green,body.light-mode .st-completed {
    background: #ecfdf5;
    color: #059669
}

body.light-mode .bg-red,body.light-mode .st-failed {
    background: #fef2f2;
    color: #dc2626
}

body.light-mode .bg-gold,body.light-mode .st-pending {
    background: #fffbeb;
    color: #d97706
}

body.light-mode .bg-blue {
    background: #eff6ff;
    color: #2563eb
}

body.light-mode .bg-gray {
    background: #f1f5f9;
    color: #64748b
}

body.light-mode .trx-empty,body.light-mode .trx-loading,body.light-mode .w-nav-item {
    color: #64748b
}

body.light-mode .w-nav-item:hover {
    background: rgba(0,0,0,.05);
    color: #0f172a
}

body.light-mode .w-nav-item.active {
    color: #fff;
    background: #3b82f6
}

body.light-mode .ssd-modal-content.compact {
    background: #fff;
    color: #1e293b;
    border-color: #e2e8f0;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.15)
}

body.light-mode .modal-header-center {
    background: #f8fafc;
    border-bottom-color: #e2e8f0
}

body.light-mode .modal-title {
    color: #0f172a
}

body.light-mode .modal-subtitle {
    color: #64748b
}

body.light-mode .ssd-btn-pay .btn-txt small {
    color: #94a3b8
}

body.light-mode .ssd-wallet-pay-body {
    background: #fff
}

body.light-mode .ssd-month-selection-list {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .ssd-month-checkbox-row {
    border-bottom-color: #e2e8f0
}

body.light-mode .ssd-month-checkbox-row:hover {
    background: #f1f5f9
}

body.light-mode .month-info .m-name {
    color: #334155;
    font-weight: 600
}

body.light-mode .ssd-month-checkbox-row.disabled-row {
    background: rgba(16,185,129,.08)
}

body.light-mode .ssd-calc-total-bar {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #0f172a
}

body.light-mode #ssd-cw-error p,body.light-mode #ssd-cw-success p,body.light-mode .bal-box small,body.light-mode .pay-summary-row {
    color: #64748b
}

body.light-mode .pay-summary-row.big-total {
    color: #0f172a;
    border-top-color: #e2e8f0
}

body.light-mode .divider-line {
    background: #e2e8f0
}

body.light-mode .bal-box {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .bal-box .bg-icon {
    color: #000;
    opacity: .05
}

body.light-mode .bal-box.wallet .val {
    color: #16a34a
}

body.light-mode .bal-box.coins .val {
    color: #d97706
}

body.light-mode .ssd-btn-pay {
    background: #f1f5f9;
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-btn-pay.wallet.active {
    background: #ecfdf5;
    border-color: #10b981
}

body.light-mode .ssd-btn-pay.wallet.active:hover {
    background: #d1fae5
}

body.light-mode .ssd-btn-pay.wallet.active .btn-txt span {
    color: #065f46
}

body.light-mode .ssd-btn-pay.coins.active {
    background: #fffbeb;
    border-color: #fbbf24
}

body.light-mode .ssd-btn-pay.coins.active:hover {
    background: #fef3c7
}

body.light-mode .ssd-btn-pay.coins.active .btn-txt span {
    color: #92400e
}

body.light-mode .ssd-btn-outline {
    border-color: #cbd5e1;
    color: #64748b
}

body.light-mode .ssd-btn-outline:hover {
    background: #f1f5f9;
    color: #0f172a
}

body.light-mode .ssd-meta-badges .ssd-badge,body.light-mode .ssd-owner-pill {
    background: #f3f4f6!important;
    color: #4b5563!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-description-content li,body.light-mode .ssd-owner-pill {
    color: #374151!important
}

body.light-mode .ssd-tab-headers {
    border-bottom-color: #e5e7eb!important
}

body.light-mode .ssd-month-filter-container {
    color: #374151!important
}

body.light-mode .ssd-month-filter-container select,body.light-mode .ssd-review-form-box textarea {
    background: #fff!important;
    color: #111827!important;
    border-color: #d1d5db!important
}

body.light-mode .ssd-section-card {
    background: #fff!important
}

body.light-mode .ssd-sec-header {
    background: #f9fafb!important
}

body.light-mode .ssd-sec-lessons {
    background: #fff!important
}

body.light-mode .ssd-lesson-row i {
    color: #9ca3af!important
}

body.light-mode .ssd-reviews-wrapper {
    color: #374151!important
}

body.light-mode .ssd-rating-summary,body.light-mode .ssd-review-form-box {
    background: #f9fafb!important;
    border-color: #e5e7eb!important;
    color: #1f2937!important
}

body.light-mode .big-rating,body.light-mode .ssd-review-form-box h4 {
    color: #111827!important
}

body.light-mode .total-reviews {
    color: #6b7280!important
}

body.light-mode .ssd-review-form-box textarea {
    color: #1f2937!important
}

body.light-mode .ssd-review-item {
    border-bottom-color: #e5e7eb!important
}

body.light-mode .rev-name {
    color: #111827!important
}

body.light-mode .rev-text {
    color: #4b5563!important
}

body.light-mode .rev-date {
    color: #9ca3af!important
}

body.light-mode .rev-avatar .avatar-circle {
    background: #e5e7eb!important;
    color: #374151!important
}

body.light-mode .ssd-notice {
    background: #f3f4f6!important;
    color: #374151!important
}

body.light-mode .ssd-empty-text {
    color: #6b7280!important
}

body.light-mode .ssd-btn-go-class {
    background: rgba(16,185,129,.1)!important;
    border-color: rgba(16,185,129,.3)!important;
    color: #059669!important
}

body.light-mode .ssd-btn-go-class:hover {
    background: #059669!important;
    color: #fff!important
}

body.light-mode .ssd-btn-disabled {
    background: #e5e7eb!important;
    color: #9ca3af!important
}

body.light-mode .ssd-universal-floating-bar {
    background: #fff!important;
    border-top: 1px solid #e5e7eb!important;
    box-shadow: 0-4px 20px rgba(0,0,0,.1)!important;
    border-color: #e5e7eb!important
}

body.light-mode .ssd-dsk-price,body.light-mode .ssd-footer-price span {
    color: #111827!important
}

body.light-mode .ssd-desktop-card-layout {
    background: #fff!important;
    border: 1px solid #e5e7eb!important;
    box-shadow: 0 4px 20px rgba(0,0,0,.05)!important;
    color: #1f2937!important
}

body.light-mode .ssd-class-info-sheet.mobile-only-sheet {
    background: #fff!important;
    border-top: 1px solid #e5e7eb!important;
    color: #1f2937!important
}

body.light-mode select#ssd-curriculum-filter,body.light-mode select#ssd-curriculum-filter-mob {
    background-color: #fff!important;
    color: #111827!important;
    border: 1px solid #d1d5db!important;
    background-image: none!important
}

body.light-mode .ssd-sec-header {
    background-color: #f9fafb!important;
    color: #111827!important;
    border-bottom: 1px solid #e5e7eb!important
}

body.light-mode .ssd-section-card {
    background-color: #fff!important;
    border: 1px solid #e5e7eb!important
}

body.light-mode .ssd-sec-lessons {
    background-color: #fff!important
}

body.light-mode .ssd-lesson-row {
    color: #4b5563!important;
    border-bottom: 1px solid #f3f4f6!important;
    background-color: #fff!important
}

body.light-mode .ssd-tab-link {
    color: #6b7280!important
}

body.light-mode .ssd-tab-link.active {
    color: #2563eb!important;
    border-bottom-color: #2563eb!important
}

body.light-mode .ssd-class-title-modern,body.light-mode .ssd-dsk-title {
    color: #000!important
}

body.light-mode .ssd-description-content,body.light-mode .ssd-description-content p {
    color: #374151!important
}

body.light-mode .ssd-stat-box.box-blue {
    background: linear-gradient(135deg,#263bcb 0,#017eff 100%)
}

body.light-mode .ssd-stat-box.box-green {
    background: linear-gradient(135deg,#4c1d95 0,#5b21b6 100%)
}

body.light-mode .ssd-stat-box.box-purple {
    background: linear-gradient(135deg,#ff5b41 0,#ff9e00 100%)
}

body.light-mode .ssd-badges-card,body.light-mode .ssd-modern-chart-card,body.light-mode .ssd-stats-overview-card {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 4px 20px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-stat-rank-col {
    border-right-color: #e2e8f0!important
}

body.light-mode .ssd-rank-info .val {
    color: #1e293b!important
}

body.light-mode .ssd-rank-info .lbl {
    color: #64748b!important
}

body.light-mode .ssd-mini-stat {
    background: #f1f5f9!important;
    border-color: #e2e8f0!important
}

body.light-mode .ssd-mini-stat .val {
    color: #0f172a!important
}

body.light-mode .ssd-mini-stat .lbl {
    color: #64748b!important
}

body.light-mode .ssd-badge-item {
    background: #f8fafc!important;
    border-color: #e2e8f0!important
}

body.light-mode .ssd-badge-item:hover {
    border-color: #3b82f6!important;
    background: #fff!important;
    box-shadow: 0 5px 15px rgba(0,0,0,.05)!important
}

body.light-mode .badge-name {
    color: #475569!important
}

body.light-mode .chart-filter {
    background: #f1f5f9!important;
    border-color: #cbd5e1!important;
    color: #334155!important
}

body.light-mode .section-title,body.light-mode .ssd-header-title h3 {
    color: #1e293b!important
}

body.light-mode .ssd-table-section-modern {
    background: #fff!important;
    border-color: #e2e8f0!important
}

body.light-mode .chart-header,body.light-mode .ssd-modern-table th {
    border-bottom-color: #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-modern-table th {
    color: #64748b!important
}

body.light-mode .ssd-modern-table td {
    color: #334155!important;
    border-bottom-color: #f1f5f9!important
}

body.light-mode .ssd-filter-btn {
    color: #64748b!important
}

body.light-mode .ssd-filter-btn.active {
    background: #3b82f6!important;
    color: #fff!important
}

body.light-mode .ssd-badge-shape {
    background: #f1f5f9!important;
    border-color: #cbd5e1!important
}

body.light-mode .ssd-badge-shape.locked::after {
    color: #94a3b8!important
}

body.light-mode .ssd-badge-shape.unlocked {
    box-shadow: 0 8px 20px rgba(0,0,0,.15)!important;
    border: 0!important
}

body.light-mode .ssd-badge-label,body.light-mode .ssd-form-group label {
    color: #475569!important
}

body.light-mode .fc .fc-toolbar-title,body.light-mode .select2-container--default .select2-selection--single .select2-selection__rendered,body.light-mode .ssd-badge-section-title,body.light-mode .ssd-calendar-meta h3,body.light-mode .ssd-group-top-bar h2,body.light-mode .ssd-modal-head h4 {
    color: #1e293b!important
}

body.light-mode .ssd-calendar-wrapper {
    background: #fff!important;
    border-color: #e2e8f0!important
}

body.light-mode .ssd-calendar-meta {
    border-bottom-color: #e2e8f0!important
}

body.light-mode .fc-theme-standard td,body.light-mode .fc-theme-standard th {
    border-color: #e2e8f0!important
}

body.light-mode .fc-timegrid-slot-label {
    color: #64748b!important
}

body.light-mode .ssd-modal-card {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 20px 50px rgba(0,0,0,.15)!important
}

body.light-mode .ssd-modal-head {
    background: #f8fafc!important;
    border-bottom-color: #e2e8f0!important
}

body.light-mode .ssd-modal-footer {
    background: #f8fafc!important;
    border-top-color: #e2e8f0!important
}

body.light-mode .select2-container--default .select2-selection--single,body.light-mode .select2-dropdown,body.light-mode .ssd-form-group input {
    background-color: #fff!important;
    border-color: #cbd5e1!important;
    color: #1e293b!important
}

body.light-mode .ssd-panel-left,body.light-mode .ssd-panel-right {
    background: #fff!important;
    border-color: #e2e8f0!important
}

body.light-mode .ssd-panel-header {
    background: #f8fafc!important;
    border-bottom-color: #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-group-item {
    background: #f8fafc!important;
    border-color: transparent!important
}

body.light-mode .ssd-group-item:hover,body.light-mode .ssd-search-wrapper input {
    background: #f1f5f9!important;
    border-color: #cbd5e1!important
}

body.light-mode .ssd-feat-card h5,body.light-mode .ssd-gi-name,body.light-mode .ssd-hero-content h2 {
    color: #1e293b!important
}

body.light-mode .ssd-feat-card {
    background: #f8fafc!important;
    border-color: #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-feat-bar-bg {
    background: #e2e8f0!important
}

body.light-mode .ssd-arena-hero {
    background: linear-gradient(135deg,#fff 0,#f1f5f9 100%)!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 10px 30px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-mini-stats {
    background: rgba(0,0,0,.03)!important;
    border-color: rgba(0,0,0,.05)!important
}

body.light-mode .stat-val {
    color: #0f172a!important
}

body.light-mode .ssd-section-header,body.light-mode .tutor-follow-stats a,body.light-mode .tutor-follow-stats a strong {
    color: #334155!important
}

body.light-mode .ssd-battle-row,body.light-mode .ssd-request-card {
    background: #fff!important;
    border-color: #e2e8f0!important;
    color: #334155!important
}

body.light-mode .ssd-battle-row:hover {
    background: #f8fafc!important
}

body.light-mode .battle-vs,body.light-mode .req-details h4,body.light-mode .ssd-modal-header h3 {
    color: #1e293b!important
}

body.light-mode .battle-icon-box {
    background: #f1f5f9!important
}

body.light-mode .ssd-empty-dashboard {
    background: #f8fafc!important;
    border-color: #cbd5e1!important;
    color: #64748b!important
}

body.light-mode .ssd-modal-content {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 25px 60px rgba(0,0,0,.15)!important
}

body.light-mode .ssd-modal-header {
    background: #f8fafc!important;
    border-bottom-color: #e2e8f0!important;
    color: #1e293b!important
}

body.light-mode .ssd-fb-modal-header h3,body.light-mode .ssd-step-title {
    color: #1e293b!important
}

body.light-mode .b-type-card,body.light-mode .target-badge {
    background: #f8fafc!important;
    border-color: #e2e8f0!important;
    color: #334155!important
}

body.light-mode .b-type-card:hover,body.light-mode .target-badge:hover {
    background: #f1f5f9!important;
    border-color: #3b82f6!important
}

body.light-mode .ssd-search-wrapper input {
    color: #1e293b!important
}

body.light-mode .search-res-item {
    background: #f8fafc!important
}

body.light-mode .search-res-item:hover {
    background: #f1f5f9!important
}

body.light-mode .ssd-fb-modal-box {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 10px 40px rgba(0,0,0,.15)!important
}

body.light-mode .ssd-fb-modal-header {
    border-bottom: 1px solid #e2e8f0!important
}

body.light-mode .ssd-modal-close-btn {
    background: #f1f5f9!important;
    color: #64748b!important
}

body.light-mode .ssd-modal-close-btn:hover {
    background: #e2e8f0!important;
    color: #ef4444!important
}

body.light-mode .ssd-fb-name {
    color: #1e293b!important
}

body.light-mode .ssd-fb-avatar {
    border-color: #cbd5e1!important
}

body.light-mode .ssd-fb-privacy {
    background: #f1f5f9!important;
    color: #64748b!important
}

body.light-mode .ssd-fb-textarea {
    color: #1e293b!important
}

body.light-mode .ssd-fb-textarea::placeholder {
    color: #94a3b8!important
}

body.light-mode .ssd-photo-placeholder-box,body.light-mode hr[style*="border-color: rgba(255,255,255,0.1)"] {
    border-color: #e2e8f0!important
}

body.light-mode .ssd-placeholder-inner {
    background: #f8fafc!important;
    color: #64748b!important
}

body.light-mode .ssd-icon-circle {
    background: #e2e8f0!important;
    color: #475569!important
}

body.light-mode .ssd-add-to-post-bar {
    border: 1px solid #e2e8f0!important;
    background: #fff!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-add-icon-btn {
    color: #10b981!important
}

body.light-mode .ssd-fb-post-btn {
    background: #3b82f6!important;
    color: #fff!important
}

body.light-mode .ssd-overlay-backdrop {
    background: rgba(241,245,249,.85)!important;
    backdrop-filter: blur(10px)!important
}

body.light-mode .ssd-overlay-card {
    background: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 25px 60px -10px rgba(0,0,0,.15),inset 0 0 20px rgba(59,130,246,.02)!important
}

body.light-mode .ssd-overlay-card::before {
    background: linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)!important
}

body.light-mode .ssd-icon-glow {
    background: radial-gradient(circle,rgba(59,130,246,.2)0,transparent 70%)!important
}

body.light-mode .ssd-status-pill {
    background: rgba(16,185,129,.1)!important;
    border-color: rgba(16,185,129,.3)!important;
    color: #059669!important
}

body.light-mode .ssd-blink-dot {
    background: #059669!important
}

body.light-mode .ssd-overlay-title,body.light-mode .stat-info h4 {
    color: #1e293b!important
}

body.light-mode .ssd-overlay-text,body.light-mode .stat-info .stat-label {
    color: #64748b!important
}

body.light-mode .ssd-highlight-date {
    background: rgba(245,158,11,.15)!important;
    color: #d97706!important
}

body.light-mode .ssd-progress-track {
    background: #f1f5f9!important
}

body.light-mode .ssd-progress-fill {
    background: linear-gradient(90deg,#3b82f6,#6366f1)!important
}

body.light-mode .ssd-progress-fill::after {
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)!important
}

body.light-mode .ssd-progress-text {
    color: #94a3b8!important
}

body.light-mode .ssd-stat-card-modern {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 4px 15px rgba(0,0,0,.05)!important
}

body.light-mode .stat-icon-wrap {
    background: #f8fafc!important;
    color: #64748b!important
}

body.light-mode .ssd-chart-container {
    background: #fff!important;
    border-color: #e2e8f0!important;
    box-shadow: 0 4px 15px rgba(0,0,0,.05)!important
}

body.light-mode .ssd-classes-wrapper {
    background: 0 0
}

body.light-mode .ssd-section-desc,body.light-mode .ssd-section-title {
}

body.light-mode .smart-sub-text {
    color: #4f46e5;
    font-weight: 500
}

body.light-mode .ssd-search-box,body.light-mode .ssd-select-box {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04)
}

body.light-mode .ssd-search-box .search-icon,body.light-mode .ssd-search-box input,body.light-mode .ssd-select-box .select-icon,body.light-mode .ssd-select-box select {
}

body.light-mode .smart-filters-active .ssd-search-box,body.light-mode .smart-filters-active .ssd-select-box {
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#6366f1,#a855f7) border-box;
    box-shadow: 0 4px 15px rgba(99,102,241,.1);
    border: 1px solid transparent!important
}

body.light-mode .ssd-pro-class-card {
    background: #fff
}

body.light-mode .ssd-pro-class-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,.08)
}

body.light-mode .ssd-class-header {
    background: #f1f5f9
}

body.light-mode .header-text h2,body.light-mode .ssd-empty-state h4,body.light-mode .ssd-modal-glass h3 {
    color: #0f172a
}

body.light-mode .ssd-class-title,body.light-mode .ssd-class-tutor {
}

body.light-mode .ssd-class-footer {
    border-top-color: #f1f5f9
}

body.light-mode .ssd-class-price .amount {
    color: #059669
}

body.light-mode .ssd-class-price .original-price {
    color: #94a3b8
}

body.light-mode .smart-card-premium {
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#6366f1,#ec4899,#8b5cf6) border-box;
    box-shadow: 0 10px 30px rgba(99,102,241,.12)
}

body.light-mode .smart-card-premium:hover {
    box-shadow: 0 15px 40px rgba(99,102,241,.2)
}

body.light-mode .smart-card-premium .ssd-class-title {
    color: #1e1b4b
}

body.light-mode .smart-card-premium .ssd-class-tutor {
    color: #6366f1
}

body.light-mode .smart-card-premium .ssd-class-footer {
    border-top-color: #f3f4f6
}

body.light-mode .ssd-share-icon-btn {
    background: #eff6ff;
    color: #3b82f6
}

body.light-mode .ssd-share-icon-btn:hover {
    background: #3b82f6;
    color: #fff
}

body.light-mode .smart-card-premium .ssd-share-icon-btn {
    background: rgba(99,102,241,.1)
}

body.light-mode .ssd-floating-bar {
    background: rgba(255,255,255,.95);
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 40px rgba(0,0,0,.1)
}

body.light-mode .header-text p,body.light-mode .ssd-float-item,body.light-mode .ssd-search-wrap i {
    color: #64748b
}

body.light-mode .ssd-float-item:hover {
    background: #f8fafc;
    color: #0f172a
}

body.light-mode .ssd-empty-state {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-slider-item {
    background: #fff
}

body.light-mode .ssd-dark-container {
    background-color: transparent;
    color: #1e293b
}

body.light-mode .ssd-search-wrap input,body.light-mode .ssd-select-trigger {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    box-shadow: 0 2px 4px rgba(0,0,0,.03)
}

body.light-mode .ssd-select-trigger {
    color: #334155
}

body.light-mode .ssd-select-trigger:hover {
    border-color: #3b82f6;
    background: #f8fafc
}

body.light-mode .ssd-options-list {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,.1)
}

body.light-mode .ssd-option {
    color: #334155;
    border-bottom: 1px solid #f1f5f9
}

body.light-mode .ssd-option.active,body.light-mode .ssd-option:hover {
    background: #eff6ff;
    color: #1d4ed8
}

body.light-mode .ssd-exam-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)
}

body.light-mode .ssd-exam-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
    transform: translateY(-4px)
}

body.light-mode .exam-title a {
    color: #0f172a!important
}

body.light-mode .subject-tag {
    color: #2563eb
}

body.light-mode .btn-view,body.light-mode .type-tag {
    background: #f1f5f9;
    color: #475569
}

body.light-mode .btn-view {
    border: 1px solid #e2e8f0
}

body.light-mode .btn-view:hover {
    background: #e2e8f0;
    color: #0f172a
}

body.light-mode #ssd-no-results,body.light-mode .ssd-no-exams {
    color: #94a3b8!important
}

body.light-mode .ssd-cd-dropdown-menu button:hover,body.light-mode .ssd-eh-tabs {
    background: rgba(0,0,0,.05)
}

body.light-mode .ssd-eh-search-box input {
    box-shadow: 0 2px 10px rgba(0,0,0,.02)
}

body.light-mode .ssd-eh-search-box input:focus {
    box-shadow: 0 0 0 3px rgba(37,99,235,.15)
}

body.light-mode .ssd-eh-card {
    box-shadow: 0 4px 10px rgba(0,0,0,.03)
}

body.light-mode .ssd-eh-card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,.08)
}

body.light-mode .ssd-eh-card-footer {
    border-top: 1px solid rgba(0,0,0,.06)
}

body.light-mode .ssd-eh-stat-box,body.light-mode .ssd-eh-table-container {
    box-shadow: 0 4px 20px rgba(0,0,0,.04)
}

body.light-mode .ssd-eh-grade-badge {
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.08)
}

body.light-mode .ssd-eh-empty {
    background: rgba(0,0,0,.02)
}

body.light-mode .ssd-eh-tab-btn.active {
    box-shadow: 0 4px 10px rgba(0,0,0,.05)
}

body.light-mode .ssd-hero-overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,.2),#f8fafc)
}

body.light-mode .ssd-content-card {
    box-shadow: 0 10px 40px rgba(0,0,0,.06);
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-grid-box {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .ssd-grid-box:hover {
    background: #eff6ff;
    border-color: #3b82f6;
    box-shadow: 0 10px 20px rgba(37,99,235,.1)
}

body.light-mode .icon-circle {
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.06)
}

body.light-mode .ssd-meta-row,body.light-mode .ssd-rank-table td,body.light-mode .ssd-rank-table th {
    border-color: #e2e8f0
}

body.light-mode .podium-avatar {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

body.light-mode .rank-grade-badge {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155
}

body.light-mode .ssd-sticky-footer {
    background: rgba(255,255,255,.95);
    border-color: #e2e8f0;
    box-shadow: 0-10px 30px rgba(0,0,0,.05)
}

body.light-mode .ssd-modal-glass {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    box-shadow: 0 25px 50px rgba(0,0,0,.15)
}

body.light-mode .ssd-modal-glass p {
    color: #475569
}

body.light-mode .ssd-close-icon {
    color: #64748b
}

body.light-mode .file-drop-area {
    border-color: #cbd5e1;
    background: #f8fafc
}

body.light-mode .pass-title h3,body.light-mode .ssd-section-header h3 {
    color: #0f172a
}

body.light-mode .ssd-user-name {
}

body.light-mode .pending-gray {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-verified-tick-overlay {
    background: #fff
}

body.light-mode .ssd-premium-pass {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 40px rgba(0,0,0,.05)
}

body.light-mode .pass-header {
    background: linear-gradient(to right,rgba(245,158,11,.05),transparent)
}

body.light-mode .pass-id {
    color: #64748b
}

body.light-mode .ben-text h4,body.light-mode .p-value {
    color: #0f172a
}

body.light-mode .pass-divider {
    background: #e2e8f0
}

body.light-mode .pass-footer {
    background: #f8fafc
}

body.light-mode .clock-unit {
    box-shadow: 0 2px 5px rgba(0,0,0,.02)
}

body.light-mode .clock-unit span {
    color: #d97706
}

body.light-mode .clock-unit,body.light-mode .ssd-benefit-item {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-benefit-item:hover {
    background: #f8fafc;
    box-shadow: 0 4px 15px rgba(0,0,0,.05);
    border-color: #3b82f6;
    transform: translateX(5px)
}

body.light-mode .ben-arrow {
    color: #cbd5e1
}

body.light-mode .ssd-benefit-item:hover .ben-arrow {
    color: #3b82f6
}

body.light-mode .ssd-subscription-card {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 40px rgba(0,0,0,.05)
}

body.light-mode .feature-popup-body h3,body.light-mode .ssd-checkout-body h3,body.light-mode .ssd-price-display span,body.light-mode .ssd-topup-card h4 {
    color: #0f172a
}

body.light-mode .ssd-toggle-wrapper {
    background: #f1f5f9;
    border-color: #e2e8f0;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.05)
}

body.light-mode .toggle-option {
    color: #64748b
}

body.light-mode .ssd-toggle-checkbox:not(:checked)+.ssd-toggle-label .option-monthly {
    color: #fff
}

body.light-mode .ssd-toggle-checkbox:checked+.ssd-toggle-label .option-yearly {
    color: #fff
}

body.light-mode .ssd-pay-method {
    box-shadow: 0 2px 5px rgba(0,0,0,.02)
}

body.light-mode .ssd-pay-method.selected {
    background: #eff6ff;
    border-color: #3b82f6
}

body.light-mode .method-info .m-title {
    color: #0f172a;
    font-weight: 700
}

body.light-mode .ssd-pay-method,body.light-mode .ssd-topup-card {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-topup-card.selected {
    background: #fffbeb;
    border-color: #f59e0b;
    box-shadow: 0 4px 15px rgba(245,158,11,.15)
}

body.light-mode .feature-popup,body.light-mode .modern-checkout-popup,body.light-mode .modern-popup.category-select-box,body.light-mode .success-box-modern {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 20px 50px rgba(0,0,0,.1)
}

body.light-mode .feature-popup-header,body.light-mode .ssd-popup-header-row {
    background: #f8fafc;
    border-bottom-color: #e2e8f0
}

body.light-mode .text-white-glow {
    color: #0f172a!important;
    text-shadow: none
}

body.light-mode .feature-popup-body p,body.light-mode .ssd-popup-sub,body.light-mode .sub-text,body.light-mode .success-sub {
    color: #64748b!important
}

body.light-mode .ssd-checkout-card {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .c-value,body.light-mode .ssd-cat-card h4 {
    color: #0f172a
}

body.light-mode .ssd-divider-dashed {
    border-top-color: #cbd5e1
}

body.light-mode .ssd-cat-card {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-cat-card.selected {
    background: #eff6ff;
    border-color: #3b82f6;
    box-shadow: 0 4px 15px rgba(59,130,246,.15)
}

body.light-mode .ssd-cat-card:hover {
    background: #f8fafc;
    border-color: #cbd5e1
}

body.light-mode .text-gradient-gold {
    text-shadow: none
}

body.light-mode .ssd-btn-cancel-ghost {
    border-color: #cbd5e1;
    color: #64748b
}

body.light-mode .ssd-btn-cancel-ghost:hover {
    background: #f1f5f9;
    color: #0f172a
}

body.light-mode .ssd-cd-active-bar {
    background: linear-gradient(135deg,#eff6ff 0,#fff 100%);
    border: 1px solid #bfdbfe;
    border-left: 4px solid var(--ssd-accent);
    box-shadow: 0 4px 12px rgba(0,0,0,.05)
}

body.light-mode .ssd-cd-bg-icon::after {
    color: #2563eb;
    opacity: .08
}

body.light-mode .ssd-cd-title {
    color: #1e40af
}

body.light-mode .ssd-cd-dots-btn:hover,body.light-mode .ssd-cd-timer {
    color: #0f172a
}

body.light-mode .ssd-cd-dots-btn {
    color: #64748b
}

body.light-mode .box-details h4,body.light-mode .ssd-dark-theme-wrapper {
    color: #1e293b
}

body.light-mode .ssd-video-wrapper {
    background-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,.1)
}

body.light-mode .ssd-video-overlay-top {
    background: linear-gradient(to bottom,rgba(255,255,255,.8)0,transparent 100%)
}

body.light-mode .ssd-video-overlay-bottom {
    background: linear-gradient(to top,#f4f6f9 0,rgba(244,246,249,.6) 50%,transparent 100%)
}

body.light-mode .ssd-glass-stat-box {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,.05)
}

body.light-mode .ssd-glass-stat-box:hover {
    background: #f8fafc;
    border-color: #cbd5e1
}

body.light-mode .ssd-stat-value {
    color: #0f172a
}

body.light-mode .box-details p,body.light-mode .ssd-stat-label {
    color: #64748b
}

body.light-mode .ssd-glass-box {
}

body.light-mode .ssd-glass-box:hover {
    background: #f8fafc;
    transform: translateX(5px);
    border-color: rgba(59,130,246,.4)
}

body.light-mode .arrow-icon {
    color: #94a3b8
}

body.light-mode .icon-circle {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.05)
}

body.light-mode .icon-circle i {
    color: inherit!important
}

body.light-mode .icon-circle.gradient-blue {
    background: #eff6ff!important;
    color: #3b82f6!important
}

body.light-mode .icon-circle.gradient-orange {
    background: #fff7ed!important;
    color: #f97316!important
}

body.light-mode .icon-circle.gradient-purple {
    background: #f5f3ff!important;
    color: #8b5cf6!important
}

body.light-mode .icon-circle.gradient-cyan {
    background: #ecfeff!important;
    color: #06b6d4!important
}

body.light-mode .icon-circle.gradient-red {
    background: #fef2f2!important;
    color: #ef4444!important
}

body.light-mode .icon-circle.gradient-green {
    background: #ecfdf5!important;
    color: #10b981!important
}

body.light-mode .btn-smart-verify-simple {
    border-color: #cbd5e1;
    color: #64748b
}

body.light-mode .btn-smart-verify-simple:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff
}

body.light-mode .btn-smart-verify-simple.is-verified {
    border-color: #10b981;
    color: #10b981;
    background: #ecfdf5
}

body.light-mode .ssd-modal-content {
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-modal-content h3 {
    color: #1e293b!important
}

body.light-mode .ssd-bc-header.locked .ssd-bc-info span,body.light-mode .ssd-label {
    color: #64748b
}

body.light-mode .ssd-modal-close {
    background: #f1f5f9;
    color: #64748b
}

body.light-mode .ssd-modal-close:hover {
    background: #fee2e2;
    color: #ef4444
}

body.light-mode .ssd-custom-select-trigger {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b
}

body.light-mode .ssd-custom-options {
    background: #fff;
    border-color: #cbd5e1
}

body.light-mode .ssd-custom-option {
    color: #475569;
    border-bottom-color: #f1f5f9
}

body.light-mode .ssd-custom-option.selected,body.light-mode .ssd-custom-option:hover {
    background: #eff6ff;
    color: #3b82f6
}

body.light-mode .ssd-modern-input,body.light-mode .ssd-stat-rank-col,body.light-mode .ssd-stats-overview-card {
}

body.light-mode .ssd-rank-info .lbl {
    font-weight: 600
}

body.light-mode .ssd-bc-info h5 {
    color: #0f172a
}

body.light-mode .ssd-rank-info .val {
}

body.light-mode .ssd-mini-stat {
    background: #f8fafc
}

body.light-mode .ssd-mini-stat .lbl {
    font-weight: 600
}

body.light-mode .ssd-mini-stat .val,body.light-mode .ssd-modern-chart-card {
}

body.light-mode .section-title {
    font-weight: 700
}

body.light-mode .ssd-app-badges-widget,body.light-mode .ssd-bc-wrapper {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,.02)
}

body.light-mode .ssd-bc-wrapper {
    box-shadow: 0 2px 5px rgba(0,0,0,.02)
}

body.light-mode .ssd-bc-header:hover {
    background: #f1f5f9
}

body.light-mode .ssd-bc-icon-box {
    background: #f8fafc;
    border-color: #e2e8f0
}

body.light-mode .ssd-bc-icon-box i {
    color: #94a3b8
}

body.light-mode .ssd-bc-dropdown-content {
    background: #f8fafc;
    border-top-color: #e2e8f0
}

body.light-mode .ssd-dropdown-item {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,.02)
}

body.light-mode .ssd-dropdown-item .item-name {
    color: #475569;
    font-weight: 700
}

body.light-mode .ssd-dropdown-item.not-earned {
    background: #f8fafc
}

body.light-mode .item-lock {
    background: #f1f5f9;
    color: #64748b;
    border-color: #cbd5e1
}

body.light-mode #pwa-install-apple i,body.light-mode .ssd-badges-app-wrapper,body.light-mode .ssd-form-header h4,body.light-mode .ssd-page-title {
    color: #0f172a
}

body.light-mode .promo-content h1,body.light-mode .ssd-form-header h2 {
}

body.light-mode .ssd-page-subtitle {
    color: #64748b
}

body.light-mode .ssd-badges-tab-nav {
    background: #f1f5f9;
    border-color: #e2e8f0
}

body.light-mode .ssd-b-tab {
    color: #64748b
}

body.light-mode .ssd-b-tab:hover {
    color: #1e293b
}

body.light-mode .ssd-b-tab.active {
    background: #fff;
    color: #3b82f6;
    box-shadow: 0 4px 10px rgba(0,0,0,.05)
}

body.light-mode .locked-corner-icon,body.light-mode .ssd-app-badge-card {
    background: #fff;
    border-color: #e2e8f0
}

body.light-mode .ssd-app-badge-card.unlocked {
    background: linear-gradient(145deg,#fff,#f8fafc);
    border-color: rgba(59,130,246,.3);
    box-shadow: 0 8px 20px -5px rgba(0,0,0,.05)
}

body.light-mode .ssd-app-badge-card.unlocked:hover {
    border-color: #3b82f6;
    box-shadow: 0 15px 30px -5px rgba(59,130,246,.15)
}

body.light-mode .ssd-app-badge-card.locked {
    background: #f8fafc;
    opacity: .8
}

body.light-mode .locked-corner-icon {
    color: #94a3b8
}

body.light-mode .badge-title-text {
    color: #1e293b
}

body.light-mode .badge-status-pill.locked {
    background: rgba(100,116,139,.08);
    color: #64748b;
    border-color: rgba(100,116,139,.15)
}

body.light-mode .ssd-empty-state {
}

body.light-mode .ssd-login-pro-layout,body.light-mode .ssd-reg-pro-layout {
    background-image: radial-gradient(circle at 10% 20%,rgba(37,99,235,.08)0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(249,115,22,.05)0,transparent 40%)
}

body.light-mode .promo-content p,body.light-mode .ssd-form-header p {
}

body.light-mode .login-remember label {
    color: #475569
}

body.light-mode #pwa-install-apple .ssd-pwa-lbl {
    color: #334155
}

body.light-mode .ssd-form-group label {
}

body.light-mode .ssd-form-group input,body.light-mode .ssd-form-group textarea {
}

body.light-mode #google_custom_username,body.light-mode #reg_otp_code,body.light-mode .ssd-login-container input[type=password],body.light-mode .ssd-login-container input[type=text],body.light-mode .ssd-lost-password-form input[type=text],body.light-mode .ssd-reset-password-form input[type=password],body.light-mode .ssd-reset-password-form input[type=text],body.light-mode input[name=otp_code] {
    background-color: #fff;
    border: 1px solid #cbd5e1;
    color: #0f172a
}

body.light-mode .ssd-login-container input:focus,body.light-mode .ssd-lost-password-form input:focus,body.light-mode .ssd-reset-password-form input:focus {
    border-color: #3b82f6;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(59,130,246,.1)
}

body.light-mode .ssd-form-group input:focus,body.light-mode .ssd-form-group textarea:focus {
}

body.light-mode span[style*="background: #0F172A"] {
    background: #f8fafc!important;
    color: #64748b!important
}

body.light-mode #google-username-modal>div,body.light-mode .ssd-ios-pwa-content {
    background-color: #fff!important;
    border: 1px solid #e2e8f0!important;
    box-shadow: 0 10px 30px rgba(0,0,0,.1)!important
}

body.light-mode #google-username-modal h3,body.light-mode .ssd-ios-pwa-content h4 {
    color: #0f172a!important
}

body.light-mode #google-username-modal p,body.light-mode .ssd-ios-instructions {
    color: #475569!important
}

body.light-mode .ssd-ios-close {
    color: #64748b
}

body.light-mode .reg-otp-info,body.light-mode .ssd-button-secondary,body.light-mode .ssd-button-secondary:hover {
}

body.light-mode .ssd-notice-info {
    background-color: #eff6ff;
    color: #1e3a8a;
    border: 1px solid #bfdbfe
}

body.light-mode .login-lost-password {
    color: #64748b
}

body.light-mode .login-signup-link {
}

body.light-mode .back-to-login {
    color: #64748b
}

body.light-mode .reg-login-link {
}

body.light-mode .ssd-login-meta-footer {
    color: #64748b
}

body.light-mode .cover-photo-preview {
}

body.light-mode #preview-profile-photo {
    background-color: #cbd5e1
}

body.light-mode .camera-btn {
    background-color: rgba(255,255,255,.9)
}

body.light-mode .camera-btn:hover {
    color: #fff
}

body.light-mode .ssd-pwa-btn {
    background-color: #fff;
    border: 1px solid #e2e8f0
}

body.light-mode .ssd-pwa-btn:hover {
    background-color: #f1f5f9
}

body.light-mode #pwa-install-apple {
    background-color: #f8fafc;
    border-color: #cbd5e1
}

body.light-mode #pwa-install-apple:hover {
    background-color: #e2e8f0;
    border-color: #94a3b8
}

/* --- Light Mode Logo Logic --- */
        body.light-mode .ssd-logo-dark {
            display: none !important;
        }
        body.light-mode .ssd-logo-light {
            display: block !important;
            filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1)); /* Light mode shadow */
        }
		
		/* --- Light Mode: Loop (Marquee) Styles --- */
        body.light-mode .ssd-m-card {
            background: rgba(255, 255, 255, 0.85);
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }

        body.light-mode .ssd-m-card .m-text span {
            color: #1e293b; /* Dark text for titles */
        }

        body.light-mode .ssd-m-card .m-text small {
            color: #64748b; /* Gray text for descriptions */
        }

/* ==========================================
   LIGHT MODE: COUNTDOWN TIMERS
   ========================================== */

/* 1. Premium Pass - Digital Clock එක සඳහා */
body.light-mode .clock-unit {
    background: #ffffff; /* සුදු පැහැති පසුබිම */
    border: 1px solid #e2e8f0; /* ලා අළු පැහැති බෝඩරය */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

body.light-mode .clock-unit span {
    color: #d97706; /* සුදු පසුබිමේ හොඳින් පෙනීමට තද තැඹිලි/රන්වන් පැහැය */
}

body.light-mode .clock-unit small {
    color: #64748b; /* ලා අළු පැහැති අකුරු */
}

body.light-mode .clock-sep {
    color: #94a3b8; /* තිත් දෙක (:) සඳහා ලා අළු පැහැය */
}

/* 2. Promo Flash Sale - Timer එක සඳහා (විකල්ප) 
   සටහන: Promo Banner එක දැනටමත් රතු පැහැති නිසා මෙය අත්‍යවශ්‍ය නොවේ. 
   නමුත් Light mode එකේදී වඩාත් පැහැදිලි වීමට මෙය භාවිතා කළ හැක. */
body.light-mode .promo-countdown-wrapper {
    background: rgba(255, 255, 255, 0.2); 
}

body.light-mode .t-box {
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* ==========================================================================
   💡 LIGHT MODE CSS: ALL VERIFIED FEATURE MODALS
   (Smart PDF, Analysis, Essay, Lumi, Smart Classes, Verified Profile, MCQ)
   ========================================================================== */

/* --- 1. Main Backgrounds & Text Colors --- */
body.light-mode .ssd-fs-content,
body.light-mode .f-pdf-content-body,
body.light-mode .f-analysis-content-body,
body.light-mode .f-essay-content-body,
body.light-mode .f-lumi-content-body,
body.light-mode .sc-content-body,
body.light-mode .f-vp-content-body,
body.light-mode .umcq-content-body {
    background: #f8fafc !important; /* ලා අළු/සුදු පසුබිම */
}

/* Main Titles */
body.light-mode .f-pdf-main-title, 
body.light-mode .f-analysis-main-title,
body.light-mode .f-essay-main-title, 
body.light-mode .f-lumi-main-title,
body.light-mode .sc-main-title, 
body.light-mode .f-vp-main-title,
body.light-mode .umcq-main-title,
body.light-mode .sc-sub-title,
body.light-mode .umcq-section-title {
    color: #0f172a !important; /* තද කළු අකුරු */
}

/* Paragraphs & Sub-texts */
body.light-mode .f-pdf-paragraph, 
body.light-mode .f-analysis-paragraph,
body.light-mode .f-essay-paragraph, 
body.light-mode .f-lumi-paragraph,
body.light-mode .sc-paragraph, 
body.light-mode .f-vp-paragraph,
body.light-mode .umcq-paragraph {
    color: #475569 !important;
}

/* Bold Texts inside Paragraphs */
body.light-mode .f-pdf-paragraph strong, 
body.light-mode .f-analysis-paragraph strong,
body.light-mode .f-essay-paragraph strong, 
body.light-mode .f-lumi-paragraph strong,
body.light-mode .sc-paragraph strong, 
body.light-mode .f-vp-paragraph strong,
body.light-mode .umcq-paragraph strong {
    color: #0f172a !important;
}

/* --- 2. Feature Cards (2x2 Grid) --- */
body.light-mode .f-pdf-feature-card, 
body.light-mode .f-analysis-feature-card,
body.light-mode .f-essay-feature-card, 
body.light-mode .f-lumi-feature-card,
body.light-mode .sc-feature-card, 
body.light-mode .f-vp-feature-card,
body.light-mode .umcq-feature-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .f-pdf-f-header h5, 
body.light-mode .f-analysis-f-header h5,
body.light-mode .f-essay-f-header h5, 
body.light-mode .f-lumi-f-header h5,
body.light-mode .f-vp-f-header h5, 
body.light-mode .umcq-f-header h5,
body.light-mode .sc-f-text strong {
    color: #1e293b !important;
}

body.light-mode .f-pdf-feature-card p, 
body.light-mode .f-analysis-feature-card p,
body.light-mode .f-essay-feature-card p, 
body.light-mode .f-lumi-feature-card p,
body.light-mode .f-vp-feature-card p, 
body.light-mode .umcq-feature-card p,
body.light-mode .sc-f-text span {
    color: #64748b !important;
}

/* --- 3. Notice / Highlight Boxes --- */
body.light-mode .f-pdf-notice-box p, 
body.light-mode .f-analysis-notice-box p,
body.light-mode .f-essay-notice-box p, 
body.light-mode .f-lumi-notice-box p,
body.light-mode .sc-highlight-box p, 
body.light-mode .f-vp-notice-box p,
body.light-mode .umcq-notice-box p, 
body.light-mode .f-pdf-notice-box h4 {
    color: #1e293b !important;
}

/* --- 4. Call to Action (CTA) Boxes --- */
body.light-mode .f-pdf-cta-box, 
body.light-mode .f-analysis-cta-box,
body.light-mode .f-essay-cta-box, 
body.light-mode .f-lumi-cta-box,
body.light-mode .sc-cta-box, 
body.light-mode .f-vp-cta-box,
body.light-mode .umcq-cta-box {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    /* Borders and side-colors will remain as they use brand gradients */
}

body.light-mode .cta-content h4 { color: #0f172a !important; }
body.light-mode .cta-content p { color: #475569 !important; }

/* --- 5. Custom Modals Specific Elements --- */

/* Dividers */
body.light-mode .f-pdf-divider, body.light-mode .f-analysis-divider,
body.light-mode .f-essay-divider, body.light-mode .f-lumi-divider,
body.light-mode .f-vp-divider, body.light-mode .umcq-divider {
    background: linear-gradient(90deg, transparent, #cbd5e1, transparent) !important;
}

/* Smart PDF - Free Box */
body.light-mode .f-pdf-free-box { background: #ffffff !important; border-color: #fda4af !important; }
body.light-mode .free-content h4 { color: #0f172a !important; }
body.light-mode .free-content p { color: #475569 !important; }

/* Lumi AI - Limits Box */
body.light-mode .f-lumi-limits-box { background: #ffffff !important; border-color: #cbd5e1 !important; }
body.light-mode .limits-desc { color: #475569 !important; }
body.light-mode .normal-card { background: #f8fafc !important; border-color: #e2e8f0 !important; }
body.light-mode .normal-card .lc-header { color: #1e293b !important; }
body.light-mode .normal-card .lc-list li { color: #64748b !important; }
body.light-mode .normal-card .lc-list li strong { color: #0f172a !important; }
body.light-mode .smart-card { background: #faf5ff !important; border-color: #d8b4fe !important; }
body.light-mode .smart-card .lc-header { color: #6b21a8 !important; }
body.light-mode .smart-card .lc-list li { color: #7e22ce !important; }
body.light-mode .smart-card .lc-list li strong { color: #6b21a8 !important; }

/* Unlimited MCQ - Tags */
body.light-mode .umcq-tag { background: #ffffff !important; border-color: #e2e8f0 !important; color: #475569 !important; }
body.light-mode .umcq-tag:hover { background: #eff6ff !important; border-color: #93c5fd !important; }

/* Verified Profile - Exact Mockup Replica Updates */
body.light-mode .f-vp-preview-container { background: #f1f5f9 !important; border-color: #e2e8f0 !important; }
body.light-mode .mp-profile-container { background: #ffffff !important; border-color: #e2e8f0 !important; box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important; }
body.light-mode .mp-cover-photo::after { background: linear-gradient(to top, rgba(255,255,255,1), transparent) !important; }
body.light-mode .mp-profile-picture-wrapper { background: #ffffff !important; border-color: #ffffff !important; }
body.light-mode .mp-info h1 { color: #0f172a !important; }
body.light-mode .mp-username { color: #64748b !important; }
body.light-mode .mp-follow-stats { color: #64748b !important; }
body.light-mode .mp-follow-stats strong { color: #0f172a !important; }
body.light-mode .mp-tabs-nav-wrapper { background: #ffffff !important; border-color: #e2e8f0 !important; }
body.light-mode .mp-content-wrapper { background: #f8fafc !important; }
body.light-mode .mp-stats-overview-card { background: #ffffff !important; border-color: #e2e8f0 !important; }
body.light-mode .mp-stat-rank-col { border-color: #e2e8f0 !important; }
body.light-mode .mp-stat-rank-col .val { color: #0f172a !important; }
body.light-mode .mp-mini-stat { background: #f8fafc !important; border-color: #e2e8f0 !important; }
body.light-mode .mp-mini-stat .val { color: #0f172a !important; }

/* --- 6. Close Modal Buttons --- */
body.light-mode .ssd-close-fs-modal {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
body.light-mode .ssd-close-fs-modal:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
}

/* ==========================================================================
   💡 LIGHT MODE CSS: FIX IMAGE SLIDER OVERLAYS & HEADERS
   ========================================================================== */

/* 1. Image Slider Container Background (සුදු/ලා අළු පැහැයට හැරවීම) */
body.light-mode .f-pdf-image-slider-container,
body.light-mode .f-analysis-image-slider-container,
body.light-mode .f-essay-image-slider-container,
body.light-mode .f-lumi-image-slider-container,
body.light-mode .sc-image-slider-container,
body.light-mode .umcq-image-slider-container {
    background: #f8fafc !important; 
}

/* 2. Gradient Overlay (අඳුරු පැහැය වෙනුවට, පහළට එන විට සුදු පැහැයට මැකී යාම) */
body.light-mode .f-pdf-image-overlay,
body.light-mode .f-analysis-image-overlay,
body.light-mode .f-essay-image-overlay,
body.light-mode .f-lumi-image-overlay,
body.light-mode .sc-image-overlay,
body.light-mode .umcq-image-overlay {
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.1), rgba(248, 250, 252, 1)) !important;
}

/* 3. Floating Header Text (පින්තූර මත ඇති ප්‍රධාන මාතෘකාව කළු පැහැ කිරීම) */
body.light-mode .f-pdf-floating-header h2,
body.light-mode .f-analysis-floating-header h2,
body.light-mode .f-essay-floating-header h2,
body.light-mode .f-lumi-floating-header h2,
body.light-mode .sc-floating-header h2,
body.light-mode .umcq-floating-header h2 {
    color: #0f172a !important; /* තද කළු අකුරු */
    text-shadow: 0 2px 5px rgba(255, 255, 255, 0.8) !important; /* අකුරු පැහැදිලි වීමට සුදු පැහැති සෙවනැල්ලක් */
}

/* 4. Slides (පින්තූරවල ඇති තද කළු සෙවනැල්ල අවම කිරීම) */
body.light-mode .f-pdf-slide,
body.light-mode .f-analysis-slide,
body.light-mode .f-essay-slide,
body.light-mode .f-lumi-slide,
body.light-mode .sc-slide,
body.light-mode .umcq-slide {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* =========================================================
   🚀 STRICT LIGHT MODE OVERRIDE FOR MOBILE HEADER TABS
   ========================================================= */

/* 1. සම්පූර්ණ නිල් පසුබිම අනිවාර්යයෙන්ම ඉවත් කිරීම */
body.light-mode .ssd-mobile-header .ssd-fb-header-nav .ssd-fb-nav-item.active,
body.light-mode .ssd-fb-nav-item.active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Icon එකේ වර්ණය නිල් පැහැ කිරීම */
body.light-mode .ssd-mobile-header .ssd-fb-header-nav .ssd-fb-nav-item.active svg,
body.light-mode .ssd-fb-nav-item.active {
    color: var(--ssd-accent) !important;
}

/* 3. යටින් ඇති නිල් පැහැති ඉර පමණක් පෙන්වීම */
body.light-mode .ssd-mobile-header .ssd-fb-header-nav .ssd-fb-nav-item.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 10% !important;
    width: 80% !important;
    height: 3px !important;
    background-color: var(--ssd-accent) !important;
    border-radius: 3px 3px 0 0 !important;
    display: block !important;
}

/* =========================================================
   STUDY ROOM 3.0 COUNTDOWN - LIGHT MODE
========================================================= */
body.light-mode .ssd-countdown-wrapper {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(59, 130, 246, 0.3);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 0 15px rgba(59, 130, 246, 0.15);
}

body.light-mode .ssd-countdown-title {
    color: #334155; /* Dark gray for text */
}

body.light-mode .ssd-countdown-title span {
    color: #2563eb; /* Brighter blue for the highlight */
}

body.light-mode .ssd-cd-box {
    background: rgba(241, 245, 249, 0.9); /* Very light blue/gray background */
    border: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .ssd-cd-box span {
    color: #0f172a; /* Near black for numbers */
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.2); /* Softer blue glow */
}

body.light-mode .ssd-cd-box small {
    color: #64748b; /* Medium gray for the labels */
}

/* ========================================================== */
/* LIGHT MODE: AFFILIATE DASHBOARD (view-affiliate.php)       */
/* ========================================================== */

/* --- Tabs Navigation (Pill Design) --- */
body.light-mode .aff-tabs-nav-app {
    background: #f1f5f9;
    border-color: #e2e8f0;
}
body.light-mode .aff-tab-btn-app {
    color: #64748b;
}
body.light-mode .aff-tab-btn-app:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1e293b;
}
body.light-mode .aff-tab-btn-app.active {
    background: #ffffff;
    color: #3b82f6;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* --- Top Earners Leaderboard --- */
body.light-mode .top-earners-header-app h2 { color: #0f172a; }
body.light-mode .top-earners-header-app p { color: #64748b; }

body.light-mode .lb-row-app {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
body.light-mode .lb-row-app:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
}
body.light-mode .top-3-row {
    background: linear-gradient(145deg, #ffffff, #fffbeb);
    border: 1px solid rgba(251, 191, 36, 0.4);
}
body.light-mode .lb-name-app { color: #0f172a; }
body.light-mode .lb-username-app { color: #64748b; }

body.light-mode .lb-coins-app {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
}
body.light-mode .lb-coin-val { color: #d97706; } /* Darker gold for better contrast on white */

body.light-mode .empty-earners-app {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #64748b;
}

/* --- Reward Target Card --- */
body.light-mode .aff-reward-app-card {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
body.light-mode .rh-text h3 { color: #0f172a; }
body.light-mode .rh-text p { color: #64748b; }
body.light-mode .highlight-coins { color: #d97706; text-shadow: none; }

body.light-mode .prog-title { color: #64748b; }
body.light-mode .prog-count {
    color: #0f172a;
    background: rgba(0, 0, 0, 0.05);
}
body.light-mode .modern-progress-track {
    background: #e2e8f0;
    border-color: #cbd5e1;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}
body.light-mode .reward-action-app { border-color: #e2e8f0; }
body.light-mode .btn-claim-app.disabled {
    background: #e2e8f0;
    color: #94a3b8;
}

/* --- Stats Grid (Gradient Cards) --- */
body.light-mode .aff-app-card { border-color: rgba(0,0,0,0.05); }

/* Blue Light Card */
body.light-mode .modern-gradient-blue {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.1);
}
body.light-mode .modern-gradient-blue .aff-app-label { color: #1e3a8a; }
body.light-mode .modern-gradient-blue .aff-app-value { color: #1e40af; text-shadow: none; }
body.light-mode .modern-gradient-blue .aff-app-icon {
    background: rgba(59, 130, 246, 0.15);
    color: #2563eb;
}

/* Gold Light Card */
body.light-mode .modern-gradient-gold {
    background: linear-gradient(135deg, #fffbeb 0%, #fef08a 100%);
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.1);
}
body.light-mode .modern-gradient-gold .aff-app-label { color: #78350f; }
body.light-mode .modern-gradient-gold .aff-app-value { color: #92400e; text-shadow: none; }
body.light-mode .modern-gradient-gold .aff-app-icon {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}

/* --- Link Section & Table --- */
body.light-mode .aff-link-section-app {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
body.light-mode .aff-link-section-app h3 { color: #0f172a; }
body.light-mode .aff-input-group-app {
    background: #f8fafc;
    border-color: #cbd5e1;
}
body.light-mode #aff-link-input { color: #334155; }

body.light-mode .aff-table-container-app h3 { color: #0f172a; }
body.light-mode .sbp-app-table th {
    color: #64748b;
    border-color: #e2e8f0;
}
body.light-mode .sbp-app-table td {
    background: #ffffff;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
}
body.light-mode .sbp-app-table tr:hover td { background: #f8fafc; }


/* ========================================================== */
/* LIGHT MODE: REWARDS STORE (view-gifts.php)                 */
/* ========================================================== */

body.light-mode .coin-header-section h2 { color: #0f172a; }
body.light-mode .coin-header-section p { color: #64748b; }
body.light-mode .reward-sec-title { color: #0f172a; }

/* Balance Card (Keep Colorful but adjust shadows/borders for light mode) */
body.light-mode .reward-balance-card {
    border-color: rgba(0,0,0,0.05);
    box-shadow: 0 15px 35px rgba(99, 102, 241, 0.2);
}

/* Rewards Grid Items */
body.light-mode .ssd-reward-item-modern {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
body.light-mode .ssd-reward-item-modern:hover:not(.expired-reward) {
    border-color: #8b5cf6;
    box-shadow: 0 10px 25px rgba(139, 92, 246, 0.15);
}

body.light-mode .r-content h4 { color: #0f172a; }
body.light-mode .r-content p { color: #64748b; }

body.light-mode .btn-claim-reward {
    background: #f1f5f9;
    color: #475569;
    border-color: #cbd5e1;
}
body.light-mode .btn-claim-reward:hover {
    background: #8b5cf6;
    color: #ffffff;
    border-color: #8b5cf6;
}

/* Expired Reward Items */
body.light-mode .expired-reward .r-content h4,
body.light-mode .expired-reward .r-content p {
    color: #94a3b8; 
}
body.light-mode .btn-expired {
    background: #cbd5e1;
    color: #64748b;
}

/* ========================================================== */
/* LIGHT MODE: EARN TO LEARN HEADER (Seamless Background)     */
/* ========================================================== */

body.light-mode .earn-to-learn-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.light-mode .earn-to-learn-header h2 {
    color: #0f172a !important; /* අඳුරු නිල් පැහැති අකුරු */
}

body.light-mode .earn-to-learn-header p {
    color: #64748b !important; /* අළු පැහැති අකුරු */
}

/* =========================================================
   SMART STUDENT DASHBOARD - LIGHT MODE OVERRIDES
   Triggered by adding 'light-mode' class to the <body>
   ========================================================= */

/* --- 1. Global Wrappers & Typography --- */
body.light-mode {
    background-color: #f1f5f9;
    color: #0f172a;
}
body.light-mode .ssd-dark-theme-wrapper {
    color: #0f172a;
    background-color: transparent;
}
body.light-mode .ssd-label {
    color: #64748b;
}

/* --- 2. Desktop & Mobile Navigation --- */
body.light-mode #sr-desktop-sidebar {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
body.light-mode .sr-nav-item {
    color: #64748b;
}
body.light-mode .sr-nav-item:hover {
    color: #0f172a;
}
body.light-mode .sr-nav-item.active {
    color: #ffffff;
    background: #3b82f6;
}
body.light-mode .glass-nav {
    background: rgba(255, 255, 255, 0.95);
    border-color: #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
body.light-mode .m-nav-item {
    color: #64748b;
}
body.light-mode .m-nav-item.active {
    color: #3b82f6;
}

/* --- 3. Hero Section & Videos --- */
body.light-mode .ssd-f-video {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    background-color: #e2e8f0;
}

/* --- 4. Date Boxes --- */
body.light-mode .sr-date-box {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #475569;
}
body.light-mode .sr-date-box:hover {
    border-color: var(--ssd-theme, #3b82f6);
}
body.light-mode .sr-date-box.today, 
body.light-mode .sr-date-box.selected-date {
    background: var(--ssd-theme, #3b82f6);
    color: #ffffff;
}
body.light-mode .db-day-name {
    color: #64748b;
}
body.light-mode .sr-date-box.today .db-day-name, 
body.light-mode .sr-date-box.selected-date .db-day-name {
    color: rgba(255, 255, 255, 0.9);
}
body.light-mode .db-day-number {
    color: #0f172a;
}
body.light-mode .sr-date-box.today .db-day-number, 
body.light-mode .sr-date-box.selected-date .db-day-number {
    color: #ffffff;
}

/* --- 5. Leaderboard & Filters --- */
body.light-mode .rank-header-title {
    color: #0f172a;
}
body.light-mode .ssd-rank-tabs-pro {
    background: #e2e8f0;
    border-color: #cbd5e1;
}
body.light-mode .rank-tab-btn-pro {
    color: #64748b;
}
body.light-mode .rank-tab-btn-pro.active {
    background: #ffffff;
    color: #3b82f6;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
body.light-mode .filter-trigger {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}
body.light-mode .filter-options-dropdown {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
body.light-mode .filter-opt {
    color: #475569;
    border-bottom-color: #f1f5f9;
}
body.light-mode .filter-opt:hover {
    background: #f1f5f9;
    color: #0f172a;
}
body.light-mode .lb-row-app {
    background: #ffffff;
    border-color: #e2e8f0;
}
body.light-mode .top-3-row {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: rgba(251, 191, 36, 0.4);
}
body.light-mode .lb-name-app {
    color: #0f172a;
}
body.light-mode .lb-coins-app {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

/* --- 6. Analytics Tab --- */
body.light-mode .ssd-analytic-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
body.light-mode .ssd-analytic-card-title {
    color: #475569;
}
body.light-mode .ssd-sr-value, 
body.light-mode .ssd-gs-val {
    color: #0f172a;
}
body.light-mode .ssd-range-btns-container {
    background: #f1f5f9;
}
body.light-mode .ssd-range-btn {
    color: #64748b;
}
body.light-mode .ssd-range-btn.active {
    color: #ffffff;
}
body.light-mode .ssd-share-trigger-btn {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #e2e8f0;
}
body.light-mode .ssd-share-trigger-btn:hover {
    background: #e2e8f0;
}
body.light-mode .ssd-building-graph-canvas {
    border-bottom-color: #e2e8f0;
}
body.light-mode .ssd-chart-canvas::after {
    background: #ffffff;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.05);
}
body.light-mode .ssd-pct-val {
    color: #0f172a;
}
body.light-mode .ssd-legend-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
body.light-mode .ssd-leg-name {
    color: #475569;
}
body.light-mode .ssd-leg-time {
    color: #0f172a;
}

/* --- 7. Customize Tab --- */
body.light-mode .ssd-cust-header h2 {
    color: #0f172a;
}
body.light-mode .ssd-app-card {
    background: #ffffff;
    border-color: #e2e8f0;
}
body.light-mode .card-title {
    color: #0f172a;
}
body.light-mode .card-desc {
    color: #64748b;
}
body.light-mode .subject-toggle-item {
    background: #f8fafc;
    border-color: #e2e8f0;
}
body.light-mode .sub-name {
    color: #475569;
}
body.light-mode .switch-slider {
    background-color: #cbd5e1;
}

/* --- 8. Bottom Sheet & Modals --- */
body.light-mode .ssd-modal-content, 
body.light-mode .ssd-bp-modal {
    background: #ffffff;
    border-color: #e2e8f0;
}
body.light-mode .ssd-modal-content h3, 
body.light-mode .ssd-bp-title {
    color: #0f172a;
}
body.light-mode .ssd-modal-close, 
body.light-mode .ssd-bp-close {
    background: #f1f5f9;
    color: #475569;
}
body.light-mode .ssd-modal-close:hover, 
body.light-mode .ssd-bp-close:hover {
    background: #ef4444;
    color: #ffffff;
}
body.light-mode .ssd-modal-tabs {
    background: #f1f5f9;
    border-color: #e2e8f0;
}
body.light-mode .ssd-m-tab {
    color: #64748b;
}
body.light-mode .ssd-m-tab.active {
    background: #ffffff;
    color: #3b82f6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
body.light-mode .ssd-custom-select-trigger, 
body.light-mode .ssd-modern-input {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}
body.light-mode .ssd-custom-options {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
body.light-mode .ssd-custom-option {
    color: #475569;
    border-bottom-color: #f1f5f9;
}
body.light-mode .ssd-custom-option:hover, 
body.light-mode .ssd-custom-option.selected {
    background: #f1f5f9;
    color: #0f172a;
}

/* --- 9. Daily Breakdown Popup --- */
body.light-mode .ssd-bd-item {
    background: #f8fafc;
    border-color: #e2e8f0;
}
body.light-mode .ssd-bd-name {
    color: #475569;
}
body.light-mode .ssd-daily-chart-canvas::after {
    background: #ffffff;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.05);
}
body.light-mode .ssd-daily-pct-val {
    color: #0f172a;
}
body.light-mode #ssd-bp-date-disp {
    color: #64748b !important;
}

/* --- 10. Share Sidebar --- */
body.light-mode .ssd-share-sidebar {
    background: #ffffff;
    box-shadow: -5px 0 30px rgba(0,0,0,0.1);
}
body.light-mode .ssd-share-header {
    border-bottom-color: #e2e8f0;
}
body.light-mode .ssd-share-header h3 {
    color: #0f172a;
}
body.light-mode .ssd-share-close {
    background: #f1f5f9;
    color: #475569;
}
body.light-mode .ssd-share-colors-wrap label {
    color: #64748b;
}

/* Notes: Keep capture area elements explicitly dark so the generated photo stays consistent, unless you want the photo to be light mode too. Currently, the capture inner box remains dark to maintain the app's signature share style. */

/* =========================================================
   LIGHT MODE STYLES FOR EXAM TAB (body.light-mode)
   ========================================================= */

body.light-mode {
    /* 1. Base Variables Override */
    --ssd-card: #ffffff;        
    --ssd-text: #1e293b;        
    --ssd-text-muted: #64748b;  
    --ssd-border: #e2e8f0;      
    --ssd-primary: #2563eb;     
    --ssd-primary-hover: #1d4ed8;
}

/* 2. Header & Tabs */
body.light-mode .ssd-eh-tabs {
    background: rgba(0, 0, 0, 0.05);
}
body.light-mode .ssd-eh-tab-btn:not(.active) {
    color: #475569;
}
body.light-mode .ssd-eh-tab-btn:hover:not(.active) {
    color: #0f172a;
}

/* 3. Cards & Library Items */
body.light-mode .ssd-eh-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
body.light-mode .ssd-eh-btn-view {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}
body.light-mode .ssd-eh-btn-view:hover {
    background: var(--ssd-primary);
    color: #ffffff;
}

/* 4. Table & Badges */
body.light-mode .ssd-eh-grade-badge {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
body.light-mode .ssd-eh-table th {
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}
body.light-mode .ssd-eh-empty {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* 5. A/L Targets Progress Track */
body.light-mode .ssd-al-progress-container {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
body.light-mode .ssd-al-prog-track {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .ssd-pb-target-line {
    background: #0f172a !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important;
}
body.light-mode .ssd-pb-marker {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .ssd-pb-marker.marker-win {
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* 6. Target Add/Edit Modal */
body.light-mode .ssd-al-modal-box {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .ssd-al-modal-box .modal-header h3 {
    color: #0f172a !important;
}
body.light-mode .ssd-al-modal-box p {
    color: #475569 !important;
}
body.light-mode .ssd-al-modal-box p[style*="#fbbf24"] {
    color: #d97706 !important; /* Make yellow text slightly darker for readability on white */
}
body.light-mode .ssd-al-modal-box p[style*="#cbd5e1"] {
    color: #64748b !important;
}
body.light-mode .ssd-al-modal-box .close-btn {
    background: #f1f5f9 !important;
    color: #64748b !important;
}
body.light-mode .ssd-al-modal-box .close-btn:hover {
    background: #e2e8f0 !important;
    color: #ef4444 !important;
}

/* 7. Dropdowns & Selects */
body.light-mode .ssd-select-options {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
body.light-mode .ssd-option:hover {
    background: rgba(37, 99, 235, 0.1);
    color: var(--ssd-primary);
}

/* 8. Share Popup Sidebar & Content */
body.light-mode .ssd-share-sidebar {
    background: #ffffff !important;
}
body.light-mode .ssd-share-header {
    border-bottom-color: #e2e8f0 !important;
}
body.light-mode .ssd-share-header h3 {
    color: #0f172a !important;
}
body.light-mode .ssd-share-close {
    background: #f1f5f9 !important;
    color: #64748b !important;
}
body.light-mode .ssd-share-close:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}
body.light-mode .ssd-share-body-scrollable {
    background: #f8fafc !important;
}
body.light-mode .ssd-share-fixed-controls {
    background: #ffffff !important;
    border-top-color: #e2e8f0 !important;
}

/* Inner Share Capture Area */
body.light-mode #ssd-capture-area > div {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}
body.light-mode #ssd-capture-content h3 {
    color: #0f172a !important;
}
body.light-mode #ssd-capture-content p {
    color: #64748b !important;
}
body.light-mode .ssd-graph-main-stats {
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}

/* 9. Analytics Graphs (JS Injected Overrides) */
body.light-mode .ssd-pie-center-time {
    background: #ffffff !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}
/* Building Graph Axes */
body.light-mode .ssd-building-graph-canvas > div[style*="border-bottom"] {
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .ssd-building-graph-canvas > div[style*="dashed"] {
    border-bottom-style: dashed !important;
}
body.light-mode .ssd-building-graph-canvas > div span {
    color: #64748b !important;
}
/* Graph Text Colors */
body.light-mode .ssd-building-graph-canvas > div > div:first-child {
    color: #0f172a !important; /* % text */
}
body.light-mode .ssd-building-graph-canvas > div > div:last-child {
    color: #475569 !important; /* paper short name */
}