/* Dark Mode Styles - Support for both body.dark and [data-theme="dark"] */
body.dark,
body[data-theme="dark"],
[data-theme="dark"] body,
html[data-theme="dark"] body {
    background: #131313 !important;
    border-color: #444 !important;
}

body.dark .subs-amount,
body[data-theme="dark"] .subs-amount,
[data-theme="dark"] body .subs-amount {
    background: #696969 !important;
}

body.dark input,
body.dark textarea,
body.dark select,
body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
[data-theme="dark"] body input,
[data-theme="dark"] body textarea,
[data-theme="dark"] body select,
.bootstrap-select button,
.bootstrap-select button span {
    border-color: #444 !important;
    background-color: #1c1c1c !important;
    box-shadow: none;
    color: #eee !important;
}

body.dark .user-ads-list-container,
body.dark .create-new-ad-container,
body[data-theme="dark"] .user-ads-list-container,
body[data-theme="dark"] .create-new-ad-container,
[data-theme="dark"] body .user-ads-list-container,
[data-theme="dark"] body .create-new-ad-container {
    background: #212121 !important;
    color: #eee !important;
    border-color: #424242 !important;
}

body.dark .bootstrap-select *,
body.dark .user-ads-list-container table *,
body.dark table#withdrawal-requests *,
body[data-theme="dark"] .bootstrap-select *,
body[data-theme="dark"] .user-ads-list-container table *,
body[data-theme="dark"] table#withdrawal-requests *,
[data-theme="dark"] body .bootstrap-select *,
[data-theme="dark"] body .user-ads-list-container table *,
[data-theme="dark"] body table#withdrawal-requests * {
    background: #212121 !important;
    color: #eee !important;
    border-color: #424242 !important;
}

body.dark header,
body[data-theme="dark"] header,
[data-theme="dark"] body header {
    background: #131313 !important;
    border-color: #444 !important;
}

/* Wrapper for all dark mode styles - supports both body.dark and [data-theme="dark"] */
body.dark nav,
body[data-theme="dark"] nav,
[data-theme="dark"] body nav {
    background: #131313 !important;
    border-color: #444 !important;
}

body.dark nav.navbar-findcond ul.dropdown-menu > li > a:hover,
body[data-theme="dark"] nav.navbar-findcond ul.dropdown-menu > li > a:hover,
[data-theme="dark"] body nav.navbar-findcond ul.dropdown-menu > li > a:hover {
    background: #333 !important;
    color: #fff !important;
}

body.dark nav.navbar-findcond .search-header input,
body[data-theme="dark"] nav.navbar-findcond .search-header input,
[data-theme="dark"] body nav.navbar-findcond .search-header input {
    background-color: #3c3d3e !important;
}

body.dark .vid_srch_filtr .pt_forms,
body[data-theme="dark"] .vid_srch_filtr .pt_forms,
[data-theme="dark"] body .vid_srch_filtr .pt_forms {
    background-color: #212121;
}

body.dark .video-title,
body[data-theme="dark"] .video-title,
[data-theme="dark"] body .video-title {
    color: #fff !important;
}
.cc-theme-edgeless.cc-window {
	background: #333 !important;
}
.video-publisher { color: #fff !important; }
.spin-svg {
	fill: #fff !important;
}
.download-placement a {
	background: #333;
	color: #eee;
	margin: 5px;
	padding: 10px;
	border-radius: 3px;	
	transition: all .3s;

}
.download-placement a:hover {
	text-decoration: none;
	background: #fff;
	color: #333 !important;
}
.video-views { color: #fff !important; text-transform: lowercase; }

/* Text elements - support for both selectors */
body.dark a,
body[data-theme="dark"] a,
[data-theme="dark"] body a {
    color: inherit !important;
    color: #eee !important;
}

body.dark p,
body[data-theme="dark"] p,
[data-theme="dark"] body p {
    color: #eee !important;
}

body.dark span,
body[data-theme="dark"] span,
[data-theme="dark"] body span {
    color: #eee !important;
}

body.dark h1,
body[data-theme="dark"] h1,
[data-theme="dark"] body h1 {
    color: #eee !important;
}

body.dark h2,
body[data-theme="dark"] h2,
[data-theme="dark"] body h2 {
    color: #eee !important;
}

body.dark h3,
body[data-theme="dark"] h3,
[data-theme="dark"] body h3 {
    color: #eee !important;
}

body.dark h4,
body[data-theme="dark"] h4,
[data-theme="dark"] body h4 {
    color: #eee !important;
}

body.dark h5,
body[data-theme="dark"] h5,
[data-theme="dark"] body h5 {
    color: #eee !important;
}

body.dark h6,
body[data-theme="dark"] h6,
[data-theme="dark"] body h6 {
    color: #eee !important;
}

body.dark article,
body[data-theme="dark"] article,
[data-theme="dark"] body article {
    color: #eee !important;
}

body.dark small,
body[data-theme="dark"] small,
[data-theme="dark"] body small {
    color: #eee !important;
}

body.dark b,
body[data-theme="dark"] b,
[data-theme="dark"] body b {
    color: #eee !important;
}

body.dark strong,
body[data-theme="dark"] strong,
[data-theme="dark"] body strong {
    color: #eee !important;
}

body.dark td,
body[data-theme="dark"] td,
[data-theme="dark"] body td {
    color: #eee !important;
}

body.dark th,
body[data-theme="dark"] th,
[data-theme="dark"] body th {
    color: #eee !important;
}

body.dark label,
body[data-theme="dark"] label,
[data-theme="dark"] body label {
    color: #eee !important;
}

body.dark button,
body[data-theme="dark"] button,
[data-theme="dark"] body button {
    color: #eee !important;
}

body.dark li,
body[data-theme="dark"] li,
[data-theme="dark"] body li {
    color: #eee !important;
    border-color: #444 !important;
}

/* Fix footer horizontal scrolling */
body.dark,
body[data-theme="dark"],
[data-theme="dark"] body {
    overflow-x: hidden !important;
}

body.dark .footer-container,
body[data-theme="dark"] .footer-container,
[data-theme="dark"] body .footer-container {
    overflow-x: hidden;
}
li.sort-comments a:hover { background: #3e3e3e !important; color: #eee !important; }

.mejs-qualities-selected { color: #04abf2 !important; }
.carousel-inner {
	border: 2px dashed #fff;
}
.mejs__qualities-selected { color: #04abf2 !important; }

.setting-panel input[type='text'] { color: #eee !important; }
.setting-panel input[type='password'] { color: #eee !important; }
.setting-panel.no-padding textarea { color: #eee !important; }
.setting-panel.no-padding select { color: #eee !important; }
.setting-panel textarea { color: #eee !important; }
.setting-panel select { color: #eee !important; }

.user-setting-panel { background: #212121 !important; color: #eee !important; border-color: #424242 !important; box-shadow: none !important; }
.user-setting-panel input[type='text'] { color: #eee !important; }
.user-setting-panel input[type='password'] { color: #eee !important; }
.user-setting-panel textarea { color: #eee !important; }
.user-setting-panel select { color: #eee !important;box-shadow: 0 1px 0 0 #424242, 0 0 0 1px #424242; }

.navbar-fixed-top { background: #212121 !important; border-bottom: none !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important; }

.dropdown-menu { background: #212121 !important; border-color: #444 !important; }
.dropdown-menu > li > a:hover { background: #333 !important; color: #fff !important; }

.swal2-modal { background: #131313 !important; border-color: #fff !important; }
.swal2-modal button.btn { background: #030303 !important; border-color: #444 !important; box-shadow: none; }

.free-bg { background: #212121; }

.pro-bg { background: #212121; }

.footer-copyright { color: #eee !important; }

.video-options { border-bottom: 1px solid #3e3e3e !important; }

.video-published { color: #eee !important; }

.subscribe-btn-container button { background: #3590d9 !important; border-color: #5e99dc; }
.subscribe-btn-container span { background: #3590d9 !important; border-color: #5e99dc; }

.publisher-subscribe-button button { background: #3590d9 !important; border-color: #5e99dc; }
.publisher-subscribe-button span { background: #3590d9 !important; border-color: #5e99dc; }

.playlist-item { border-color: #444 !important; }

.load-more { color: #eee !important; border-color: #424242 !important; }

.dropdown-menu.notfi-dropdown h5 { background: #1c1c1c !important; color: #fff !important; border-color: #424242 !important; }
.dropdown-menu.notfi-dropdown li ul li:hover { background: #3e3e3e !important; }
.dropdown-menu.ani-acc-menu svg.feather { color: #9d9d9d; }

#get-notifications { background: #212121 !important; }

.divider { background: #424242 !important; }

.profile-container .links-container { border: 1px solid #424242 !important; border-left: none !important; border-right: none !important; background: #212121; }
.profile-container .pt_chnl_info { background: #212121; }
.profile-container .pt_chnl_info .avatar-container { border: 1px solid #212121; }
.profile-container .pt_chnl_info .info-container .btn-message { color: #212121 !important; }
.profile-container .pt_chnl_info .info-container .btn-message span { color: #212121 !important; }

.watch-video-show-more { color: #fff !important; border-color: #424242 !important; background-color: #131313; background-image: linear-gradient(to top, #131313 0, #131313 100%); }
.watch-video-show-more:hover { background-color: #000000; background-image: linear-gradient(to top, #000000 0, #000000 100%); }

.comments-header { color: #eee !important; }

.load-related-videos { border-color: #424242 !important; }
.load-related-videos button { background: transparent !important; color: #eee !important; border: none; }
.load-related-videos button:focus { background: transparent !important; color: #eee !important; border: none !important; }

hr { border-color: #424242 !important; }

.settings-header { box-shadow: none !important; }

.read-content { background: #212121; border: 1px solid #212121; }

.recent-articles { border-bottom: 1px solid #3e3e3e; }

.postFooter { border-top: 1px solid #484848; }

.article-categories h4 { border-color: #424242 !important; }
.article-categories .video-wrapper.popular-articles-wrapper { border-color: #424242 !important; }

.swal2-success-circular-line-right { background: transparent !important; }

.swal2-success-circular-line-left { background: transparent !important; }

.swal2-success-fix { background: transparent !important; }

.pt_forms .last-sett-btn { background-color: transparent !important; border-top: none !important; }
.pt_forms .form-group input[type=text]:focus { border-color: #007bb3 !important; }
.pt_forms .form-group input[type=email]:focus { border-color: #007bb3 !important; }
.pt_forms .form-group input[type=password]:focus { border-color: #007bb3 !important; }
.pt_forms .form-group select:focus { border-color: #007bb3 !important; }
.pt_forms .form-group textarea:focus { border-color: #007bb3 !important; }

.alert-info { color: #fff; background: #131313; border-color: #31708f; }

.alert-danger { color: #fff; background: #131313; border-color: #a94442; }

.alert-success { color: #fff; background: #131313; border-color: #3c763d; }

.alert-warning { color: #fff; background: #131313; border-color: #8a6d3b; }

.toggle-group * { color: #eee !important; }
.toggle-group .toggle-off { background: #3e3e3e !important; }

.alert { border-radius: 0; }
.alert p { color: #8a6d3b !important; }
.alert h4 { color: #8a6d3b !important; }

.main-color { color: #04abf2 !important; }

.next-video { border-bottom: 1px solid #3e3e3e !important; }

body .bg-bubbles { background: #131313 !important; }
body .bg-bubbles li { background-color: rgba(255, 255, 255, 0.15) !important; }

.messages-sidebar .search-box { background-color: #212121; border-bottom: 1px solid #444; }
.messages-sidebar .search-box input { box-shadow: none !important; }
.messages-sidebar .list-group { box-shadow: none !important; }
.messages-sidebar .saving { color: #1da1f2 !important; }
.messages-sidebar .saving span { color: #1da1f2 !important; }
.messages-sidebar ul li a:hover { background-color: transparent !important; }

::-webkit-scrollbar { background: #212121; }

::-webkit-scrollbar-thumb { background: #131313; }

.second-header-layout a { color: #eee !important; }
body.dark .second-header-layout li.active > a,
body[data-theme="dark"] .second-header-layout li.active > a,
[data-theme="dark"] body .second-header-layout li.active > a { background: #2f2f2f !important; }

/* Dark mode for active navigation menu items */
body.dark .nav-menu-item.active .nav-link,
body[data-theme="dark"] .nav-menu-item.active .nav-link,
[data-theme="dark"] body .nav-menu-item.active .nav-link { 
    background: #2f2f2f !important; 
}

/* Dark mode for top-video section */
body.dark .top-video,
body[data-theme="dark"] .top-video,
[data-theme="dark"] body .top-video { 
    background: #1a1a1a !important; 
}

/* Dark mode for modern comments section */
body.dark .modern-comments-section,
body[data-theme="dark"] .modern-comments-section,
[data-theme="dark"] body .modern-comments-section { 
    background: #1a1a1a !important; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; 
}

.pt_language_select { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.pt_language_select:before { background: #212121; }

.btn-default { background: #131313; }

.headtoppoint { border-bottom: 10px solid #212121; }

.announcement-renderer { background-color: #000000; }
.announcement-renderer .alert { background-color: #000000; }

.modal-footer { background-color: #272727; border-top: 1px solid #131313; }

.content { background: #212121; box-shadow: 0 1px 0 0 #212121, 0 0 0 1px #212121; }

.import-form-content { border-top: 1px solid #484848; }

.pt_about { color: #e1e1e1; }

.publisher-element { border-top: 1px solid #444; border-bottom: 1px solid #444; }

.search-result a { color: #333 !important; }

.login-icons a { color: initial !important; }

.categories-drop-down a { color: #eee !important; }

footer .footer-container { background: #212121 !important; box-shadow: none !important; }

.home-page-categories .row { border: none !important; margin-bottom: 0 !important; }

.go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .free-bg { border-bottom: 2px solid #343434; }
.go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .pro-bg { border-bottom: 2px solid #343434; }
.go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-pkg-features { background: #212121 !important; box-shadow: none !important; border: 0 !important; }
.go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-features-list p { border-color: #333 !important; }

.navbar.navbar-findcond.navbar-default.second-header-layout { border: none !important; background: #212121 !important; border-radius: 0 !important; border-top: 2px solid #444 !important; }
.navbar.navbar-findcond.navbar-default.second-header-layout ul.nav.navbar-nav li { background: #212121 !important; }

.footer-container ul { border-radius: 0 !important; }

.page-margin.video-player-page .publisher-subscribe-button button { background: #3590d9 !important; border-color: #5e99dc; }
.page-margin.video-player-page .publisher-subscribe-button span { background: #3590d9 !important; border-color: #5e99dc; }
.page-margin.video-player-page .related-header h4 { border-bottom: 1px solid #3e3e3e !important; }

.subscriptions-list .video-wrapper .video-actions { padding-right: 10px; }
.subscriptions-list .video-wrapper .video-desc { color: #8a8a8a !important; }
.subscriptions-list .video-wrapper hr { border-color: #424242 !important; }

.video-latest-list.video-wrapper .video-info { color: #eee !important; }

.upload-head hr { border-color: #424242 !important; }

.video-menu ul li span:hover { background: #04abf2 !important; color: #fff !important; }

.text-center.no-content-found { color: #eee !important; }

.play-lists .dropdown-menu { border-radius: 0 !important; }
.play-lists .dropdown-menu li span:hover { background: #3e3e3e !important; color: #eee !important; }

.fa-thumb-tack.rotate-r45d { color: #42c1be; }

.termsofuse:not(h4) { color: #8a8a8a !important; }

.articles-content .pt_article_h_list { background: #212121; border: 1px solid #212121; }

.video-wrapper.article-wrapper { border-bottom: 1px solid #424242 !important; }
.video-wrapper.article-wrapper:last-child { border-bottom: none !important; }
.video-wrapper.article-wrapper .article-views { color: #eee !important; }
.video-wrapper.article-wrapper .article-desc p { color: #8a8a8a !important; }

.dataTables_paginate.paging_simple_numbers ul li a { background: #3e3e3e !important; color: #eee !important; border-color: #424242 !important; outline: 0; }
.dataTables_paginate.paging_simple_numbers ul li.active a { background: #eee !important; color: #212121 !important; }

.settings-sidebar ul { box-shadow: none !important; border-radius: 0 !important; }
.settings-sidebar ul li { background: #212121 !important; color: #eee !important; border-color: #424242 !important; box-shadow: none !important; }
.settings-sidebar ul li.active { border-color: #eee !important; }

.form-control.read-only { background: #3e3e3e !important; color: #eee !important; }
.sidebar-ad-container .sidebar-ad-inner .info {
	background: #333;
}
.sidebar-ad-container {
	box-shadow: none !important;
}
#avatar-settings .btn-file { color: #eee !important; background: #1c1c1c !important; }

.nav .open > a { background: transparent !important; }
.nav .open > a:focus { background: transparent !important; }
.nav .open > a:hover { background: transparent !important; }

.related-header h4 { border-bottom: 1px solid #3e3e3e !important; }

.user-messages .messages .message .user-message { background-color: #131313; box-shadow: none !important; }

.user-send-message textarea { box-shadow: none !important; }

#new-message-form #send-button { color: #04abf2 !important; background-color: rgba(0, 0, 0, 0.3); }
#new-message-form #send-button:hover { background-color: rgba(0, 0, 0, 0.5); }

.pt_footer .container-fluid { background: #212121 !important; border-top: solid 1px #111111; }

.view_more_link a { background-color: #444; border: 1px solid #111111; }

.pt_history .video-wrapper > div { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }

.btn-subscribe:before { border-right-color: #3590d9; }

.btn-subscribed:before { border-right-color: #3590d9; }

.pt_blogcomm_combo img { border: none !important; }

.user-comments .main-comment .user-avatar img { border: none !important; }

.player-video .video-processing div { background: #000000; }

.alert p, .alert h4 { color: #fff !important; }

.pt_upload_vdo .progress { background:#131313 !important; }

.pt_upload_vdo .progress .percent, .pt_prcs_vdo {color: #fff !important;}

.private-text {
	background: #333;
	color: #eee;
}
.filter_icon{fill: #fff !important;}
.highcharts-root .highcharts-background{fill: #212121 !important;}
.highcharts-column-series text{fill: #fff !important;}
.highcharts-root .highcharts-title{fill: #fff !important;}
#video_dropdown .dropdown-menu{background-color: #333;}
#video_dropdown .dropdown-menu .dropdown-item a svg path{fill: #fff;}
#video_dropdown .dropdown-menu .dropdown-item:hover{color: #fff !important;}
#geo_blocking .bootstrap-select{background-color: #212121;}

.vid_stud_links li a {
    background: #404040;
}
.vid_stud_filtr label:hover span {
    background: #404040;
}
.vid_pop_channls {
    border: 1px solid #4a4a4a;
}
#bar_loading:before {
    background-color: #ffffff;
}

.pt_forms .ui-widget-content {
background: #212121 !important;border-color: #444 !important;}

ul.notfi-dropdown {
	border-color: #444 !important;
}
.messages-sidebar ul {
	background: #212121 !important;
}
.pt_msg_main {
    background: #212121;
}

.modal-content, .modal.matdialog .modal-header, .modal.matdialog .modal-footer {background-color: #090909;}
.modal.matdialog .matbtn:hover {background: #363636;}

.settings-sidebar ul {
	border-color: #444 !important;
}
.settings-sidebar ul li a {
    background: #131313;
}
.showing_pages{color: #fff;}
.showing_nav{background: #212121 !important;}
.pagination li a{background: #131313 !important; border-color: #474747 !important;}
.pagination .active a{border-color: #337ab7 !important;}

.pt_opn_sid_menu {
    color: #ececec;
}
.btn-fab-floating {
    color: #fff;
    background-color: #2b2f40;
}
.yp_side_drawer {
	background: #212121;
}
.yp_side_drawer ul.sections li a {
    color: #797b82 !important;
}
.yp_side_drawer ul.sections li a:hover {
    color: #eee !important;
}
.yp_side_drawer ul.sections li.active a {
    color: #04abf2 !important;
}
.yp_side_drawer ul.sections {
	border-color: #444
}
header .upload-button:hover, header .upload-button:hover span {color: #b228c9 !important; }
header .import-button:hover span {color: #ee457e !important;}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    color: #595959 !important;
}


.wo_about_wrapper > svg .st0, .wo_about_wrapper > svg .st1 {fill:#131313;}

/* ======================================
   DARK MODE STYLES FOR UPLOAD VIDEO PAGE
   ====================================== */

/* Main Upload Page Background */
body.dark .upload-page,
body[data-theme="dark"] .upload-page,
[data-theme="dark"] body .upload-page {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

/* Hero Section Gradient Background */
body.dark .gradient-bg,
body[data-theme="dark"] .gradient-bg,
[data-theme="dark"] body .gradient-bg {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

/* Animated Background Elements */
body.dark .upload-page .absolute.opacity-30 div,
body[data-theme="dark"] .upload-page .absolute.opacity-30 div,
[data-theme="dark"] body .upload-page .absolute.opacity-30 div {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Main Content Background */
body.dark .bg-gray-50,
body[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] body .bg-gray-50 {
    background: #131313 !important;
}

/* Admin Alert Card */
body.dark .bg-gradient-to-r.from-amber-50.to-yellow-50,
body[data-theme="dark"] .bg-gradient-to-r.from-amber-50.to-yellow-50,
[data-theme="dark"] body .bg-gradient-to-r.from-amber-50.to-yellow-50 {
    background: linear-gradient(135deg, #3d2f1a 0%, #4a3c1a 100%) !important;
    border-color: #8b5e34 !important;
}

body.dark .bg-gradient-to-r.from-amber-50.to-yellow-50 h3,
body[data-theme="dark"] .bg-gradient-to-r.from-amber-50.to-yellow-50 h3,
[data-theme="dark"] body .bg-gradient-to-r.from-amber-50.to-yellow-50 h3 {
    color: #fbbf24 !important;
}

body.dark .bg-gradient-to-r.from-amber-50.to-yellow-50 p,
body[data-theme="dark"] .bg-gradient-to-r.from-amber-50.to-yellow-50 p,
[data-theme="dark"] body .bg-gradient-to-r.from-amber-50.to-yellow-50 p {
    color: #f59e0b !important;
}

/* Upload Card */
body.dark .bg-white.rounded-3xl,
body[data-theme="dark"] .bg-white.rounded-3xl,
[data-theme="dark"] body .bg-white.rounded-3xl {
    background: #1a1a1a !important;
    border-color: #2d2d2d !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* Drop Zone */
body.dark .drop-zone-hover,
body[data-theme="dark"] .drop-zone-hover,
[data-theme="dark"] body .drop-zone-hover {
    border-color: #4a5568 !important;
    background: rgba(26, 26, 26, 0.8) !important;
}

body.dark .drop-zone-hover:hover,
body[data-theme="dark"] .drop-zone-hover:hover,
[data-theme="dark"] body .drop-zone-hover:hover {
    background: linear-gradient(135deg, rgba(45, 45, 45, 0.8) 0%, rgba(74, 74, 74, 0.8) 100%) !important;
}

/* Drop Zone Icon */
body.dark .gradient-bg.rounded-3xl,
body[data-theme="dark"] .gradient-bg.rounded-3xl,
[data-theme="dark"] body .gradient-bg.rounded-3xl {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%) !important;
}

/* Text Colors */
body.dark .text-gray-900,
body[data-theme="dark"] .text-gray-900,
[data-theme="dark"] body .text-gray-900 {
    color: #e2e8f0 !important;
}

body.dark .text-gray-600,
body[data-theme="dark"] .text-gray-600,
[data-theme="dark"] body .text-gray-600 {
    color: #a0aec0 !important;
}

body.dark .text-gray-700,
body[data-theme="dark"] .text-gray-700,
[data-theme="dark"] body .text-gray-700 {
    color: #cbd5e0 !important;
}

/* Gradient Text */
body.dark .gradient-text,
body[data-theme="dark"] .gradient-text,
[data-theme="dark"] body .gradient-text {
    background: linear-gradient(135deg, #81e6d9 0%, #63b3ed 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Progress Card */
body.dark .bg-gradient-to-br.from-white.to-gray-50,
body[data-theme="dark"] .bg-gradient-to-br.from-white.to-gray-50,
[data-theme="dark"] body .bg-gradient-to-br.from-white.to-gray-50 {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    border-color: #4a5568 !important;
}

/* Progress Bar */
body.dark .bg-gray-200,
body[data-theme="dark"] .bg-gray-200,
[data-theme="dark"] body .bg-gray-200 {
    background: #2d3748 !important;
}

/* Progress Stats Cards */
body.dark .bg-white.rounded-xl,
body[data-theme="dark"] .bg-white.rounded-xl,
[data-theme="dark"] body .bg-white.rounded-xl {
    background: #2d2d2d !important;
    border-color: #4a5568 !important;
}

body.dark .bg-white.rounded-xl:hover,
body[data-theme="dark"] .bg-white.rounded-xl:hover,
[data-theme="dark"] body .bg-white.rounded-xl:hover {
    border-color: #63b3ed !important;
    box-shadow: 0 10px 25px rgba(99, 179, 237, 0.2) !important;
}

/* Icon Backgrounds */
body.dark .gradient-bg.rounded-lg,
body[data-theme="dark"] .gradient-bg.rounded-lg,
[data-theme="dark"] body .gradient-bg.rounded-lg {
    background: linear-gradient(135deg, #319795 0%, #3182ce 100%) !important;
}

/* Custom Scrollbar for Dark Mode */
body.dark .custom-scrollbar::-webkit-scrollbar-track,
body[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-track,
[data-theme="dark"] body .custom-scrollbar::-webkit-scrollbar-track {
    background: #2d3748 !important;
}

body.dark .custom-scrollbar::-webkit-scrollbar-thumb,
body[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-thumb,
[data-theme="dark"] body .custom-scrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%) !important;
}

body.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover,
body[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] body .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%) !important;
}

/* Form Elements */
body.dark input[type="file"],
body[data-theme="dark"] input[type="file"],
[data-theme="dark"] body input[type="file"] {
    background: #2d2d2d !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
}

/* Wave Divider */
body.dark .fill-current.text-gray-50,
body[data-theme="dark"] .fill-current.text-gray-50,
[data-theme="dark"] body .fill-current.text-gray-50 {
    fill: #131313 !important;
}

/* Button Ripple Effect */
body.dark .btn-ripple::before,
body[data-theme="dark"] .btn-ripple::before,
[data-theme="dark"] body .btn-ripple::before {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Progress Ring Animation */
body.dark .animate-pulse-ring,
body[data-theme="dark"] .animate-pulse-ring,
[data-theme="dark"] body .animate-pulse-ring {
    box-shadow: 0 0 0 0 rgba(49, 130, 206, 0.7) !important;
}

body.dark .animate-pulse-ring:hover,
body[data-theme="dark"] .animate-pulse-ring:hover,
[data-theme="dark"] body .animate-pulse-ring:hover {
    box-shadow: 0 0 0 10px rgba(49, 130, 206, 0) !important;
}

/* Border Colors */
body.dark .border-gray-200,
body[data-theme="dark"] .border-gray-200,
[data-theme="dark"] body .border-gray-200 {
    border-color: #4a5568 !important;
}

body.dark .border-indigo-200,
body[data-theme="dark"] .border-indigo-200,
[data-theme="dark"] body .border-indigo-200 {
    border-color: #2c5282 !important;
}

body.dark .border-indigo-300,
body[data-theme="dark"] .border-indigo-300,
[data-theme="dark"] body .border-indigo-300 {
    border-color: #2b6cb0 !important;
}

/* Shadow Effects */
body.dark .shadow-xl,
body[data-theme="dark"] .shadow-xl,
[data-theme="dark"] body .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

body.dark .shadow-2xl,
body[data-theme="dark"] .shadow-2xl,
[data-theme="dark"] body .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
}

body.dark .shadow-lg,
body[data-theme="dark"] .shadow-lg,
[data-theme="dark"] body .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2) !important;
}