/* ============================================
   Dark Mode Styles - Phase 1
   ============================================ */

[data-theme="dark"] {
  /* Override color variables for dark mode - Slate Palette Inverted */
  --color-gray-50: #0f172a;
  /* Slate 900 */
  --color-gray-100: #1e293b;
  /* Slate 800 */
  --color-gray-200: #334155;
  /* Slate 700 */
  --color-gray-300: #475569;
  /* Slate 600 */
  --color-gray-400: #64748b;
  /* Slate 500 */
  --color-gray-500: #94a3b8;
  /* Slate 400 */
  --color-gray-600: #cbd5e1;
  /* Slate 300 */
  --color-gray-700: #e2e8f0;
  /* Slate 200 */
  --color-gray-800: #f1f5f9;
  /* Slate 100 */
  --color-gray-900: #f8fafc;
  /* Slate 50 */

  /* Background colors */
  --bg-primary: #0f172a;
  /* Slate 900 */
  --bg-secondary: #1e293b;
  /* Slate 800 */
  --bg-tertiary: #334155;
  /* Slate 700 */

  /* Text colors */
  --text-primary: #f8fafc;
  /* Slate 50 */
  --text-secondary: #cbd5e1;
  /* Slate 300 */

  /* Border colors */
  --border-color: #334155;
  /* Slate 700 */

  /* Shadows - darker in dark mode */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .header {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .navbar-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .navbar-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .navbar-user {
  color: var(--text-secondary);
}

[data-theme="dark"] .main-content {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .container,
[data-theme="dark"] .card,
[data-theme="dark"] .course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus,
[data-theme="dark"] .form-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .btn-primary {
  background-color: var(--color-primary);
  color: white;
}

[data-theme="dark"] .btn-secondary {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled) {
  background-color: var(--color-gray-300);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--text-primary);
}

[data-theme="dark"] p,
[data-theme="dark"] .course-card-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .footer {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .footer p,
[data-theme="dark"] .footer a {
  color: var(--text-secondary);
}

[data-theme="dark"] .alert-success {
  background-color: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  border-color: var(--color-success);
}

[data-theme="dark"] .alert-error {
  background-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border-color: var(--color-error);
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
  border-color: var(--color-warning);
}

[data-theme="dark"] .alert-info {
  background-color: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  border-color: var(--color-info);
}

[data-theme="dark"] table {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] td {
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .mobile-menu-toggle span {
  background: var(--text-secondary);
}

[data-theme="dark"] .navbar-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .navbar-link {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .empty-state {
  color: var(--text-secondary);
}

[data-theme="dark"] .empty-state h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .loading-overlay {
  background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .file-upload-area {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .file-upload-area:hover {
  background-color: rgba(102, 126, 234, 0.1);
}

[data-theme="dark"] .file-preview {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .skip-link {
  background-color: var(--color-primary);
  color: white;
}

/* Preferences Page Dark Mode */
[data-theme="dark"] .preferences-section-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preferences-section-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .preferences-section-title {
  color: var(--text-primary);
}

[data-theme="dark"] .preferences-section-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .preference-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preference-item:hover {
  border-color: var(--color-primary-light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .preference-item-label {
  color: var(--text-primary);
}

[data-theme="dark"] .preference-item-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .preference-select {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preference-select:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .preference-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
}

[data-theme="dark"] .preference-select-arrow {
  color: var(--text-secondary);
}

[data-theme="dark"] .toggle-slider {
  background-color: var(--color-gray-600);
}

[data-theme="dark"] .preferences-form-actions {
  border-top-color: var(--border-color);
}

/* Help Center Dark Mode */
[data-theme="dark"] .help-sidebar-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .help-sidebar-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .help-sidebar-title {
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-sidebar-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-link.active {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(99, 102, 241, 0.1) 100%);
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-count {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .help-sidebar-link.active .help-sidebar-count {
  background: var(--color-primary);
  color: white;
}

[data-theme="dark"] .faq-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .faq-card-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .faq-question-link {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-preview {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-category-badge {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-card-footer {
  border-top-color: var(--border-color);
}

/* ============================================
   Community Detail Page - Dark Mode
   ============================================ */

[data-theme="dark"] .community-header-modern {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.9), rgba(139, 92, 246, 0.9));
}

[data-theme="dark"] .community-avatar-modern {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .community-privacy-badge {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .community-new-post-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-new-post-card:hover {
  border-color: var(--color-primary-light);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-new-post-input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .community-new-post-input:hover {
  background-color: var(--bg-primary);
  border-color: var(--color-primary-light);
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-post-card:hover {
  border-color: var(--color-primary-light);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-post-author-name {
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-date {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-content {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-post-footer {
  background-color: var(--bg-tertiary);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .community-post-stat {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-sidebar-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .community-sidebar-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .community-sidebar-title {
  color: var(--text-primary);
}

[data-theme="dark"] .community-sidebar-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-stat {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-sidebar-stat:hover {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .community-sidebar-stat-value {
  color: var(--text-primary);
}

[data-theme="dark"] .community-sidebar-stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-meta {
  border-top-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .community-rule-item {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-rule-item:hover {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .community-rule-text {
  color: var(--text-primary);
}

/* ============================================
   Community Create Post Page - Dark Mode
   ============================================ */

[data-theme="dark"] .create-post-back-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-back-link:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .create-post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-form-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .create-post-form-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .create-post-form-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .create-post-form-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-form-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-label {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-input,
[data-theme="dark"] .create-post-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-input::placeholder,
[data-theme="dark"] .create-post-textarea::placeholder {
  color: var(--color-gray-500);
}

[data-theme="dark"] .create-post-input:focus,
[data-theme="dark"] .create-post-textarea:focus {
  border-color: var(--color-primary);
}

[data-theme="dark"] .create-post-markdown-hint {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-actions {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .create-post-tips-card,
[data-theme="dark"] .create-post-format-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .create-post-tips-card:hover,
[data-theme="dark"] .create-post-format-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .create-post-tips-header,
[data-theme="dark"] .create-post-format-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.06) 100%);
}

[data-theme="dark"] .create-post-tips-title,
[data-theme="dark"] .create-post-format-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-tips-list li {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-tips-list li:not(:last-child) {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .create-post-format-item code {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-format-preview {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-format-quote {
  border-left-color: var(--color-gray-500);
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-format-code {
  background-color: var(--bg-tertiary);
}

/* ============================================
   Contact Support Page - Dark Mode
   ============================================ */

[data-theme="dark"] .support-page-title {
  color: var(--text-primary);
}

[data-theme="dark"] .support-page-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-form-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .support-form-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .support-form-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .support-form-card-title {
  color: var(--text-primary);
}

[data-theme="dark"] .support-form-card-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-label {
  color: var(--text-primary);
}

[data-theme="dark"] .support-input,
[data-theme="dark"] .support-select,
[data-theme="dark"] .support-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .support-input::placeholder,
[data-theme="dark"] .support-textarea::placeholder {
  color: var(--color-gray-500);
}

[data-theme="dark"] .support-form-actions {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .support-form-loading {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-form-success {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .support-form-error {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Assignments list page */
[data-theme="dark"] .assignments-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .assignments-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .assignment-list-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .assignment-list-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .assignment-list-badge-draft {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .assignment-list-badge-published {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .assignment-list-badge-overdue {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .assignments-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Assignment Statistics page */
[data-theme="dark"] .assignment-stat-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .assignment-stat-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .assignment-submissions-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .assignment-submissions-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .assignment-submissions-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .assignment-stat-badge-pending {
  background: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
}

[data-theme="dark"] .assignment-stat-badge-graded {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

/* Grade Submissions (Grading) page */
[data-theme="dark"] .grading-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .grading-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .grading-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .grading-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .grading-card-left {
  border-right-color: var(--border-color);
}

[data-theme="dark"] .grading-student-avatar {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-primary);
}

[data-theme="dark"] .grading-file-box {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .grading-status-badge-graded {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .grading-status-badge-pending {
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
}

[data-theme="dark"] .grading-input-grade,
[data-theme="dark"] .grading-textarea {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .grading-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Quizzes list page */
[data-theme="dark"] .quizzes-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .quizzes-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-list-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-list-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .quiz-list-badge-draft {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .quiz-list-badge-published {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .quizzes-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Quiz Statistics page */
[data-theme="dark"] .quiz-stat-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .quiz-stat-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-stat-attempts-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .quiz-stat-attempts-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .quiz-stat-attempts-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .quiz-stat-badge-passed {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .quiz-stat-badge-failed {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Admin Dashboard */
[data-theme="dark"] .admin-dashboard-badge {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .admin-dashboard-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .admin-dashboard-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .admin-dashboard-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .admin-dashboard-empty {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-dashboard-quick {
  background: linear-gradient(135deg, var(--bg-tertiary), #312e81);
  border: 1px solid var(--border-color);
}

/* Admin User Management */
[data-theme="dark"] .admin-users-badge {
  background: rgba(99, 102, 241, 0.25);
  color: #a5b4fc;
}

[data-theme="dark"] .admin-users-filters {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .admin-users-input,
[data-theme="dark"] .admin-users-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .admin-users-role-student {
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
}

[data-theme="dark"] .admin-users-role-instructor {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .admin-users-role-super_admin {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .admin-users-pagination {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .admin-edit-user-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-edit-user-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .admin-courses-sort-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-revenue-date-input {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

/* Admin Roles & Permissions */
[data-theme="dark"] .admin-roles-change-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .admin-roles-self-hint {
  color: var(--text-secondary);
}

/* Edit Quiz – Questions section */
[data-theme="dark"] .quiz-edit-question-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-edit-add-section {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-color: var(--color-primary-light);
}

/* Instructor Dashboard Quick Links – Dark Mode */
[data-theme="dark"] .instructor-quick-link-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-quick-link-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-quick-link-label {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-quick-link-desc {
  color: var(--text-secondary);
}

/* Instructor Analytics Overview – Dark Mode */
[data-theme="dark"] .analytics-overview-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-overview-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-stat-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-stat-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-stat-value {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-by-course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-by-course-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-by-course-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .analytics-by-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-by-course-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-course-item {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-course-item:hover {
  background-color: var(--bg-primary);
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-course-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-empty-description {
  color: var(--text-secondary);
}

/* Instructor My Courses – Dark Mode */
[data-theme="dark"] .instructor-courses-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-courses-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-course-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-course-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-meta-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-link {
  color: var(--color-primary);
}

[data-theme="dark"] .instructor-course-link:hover {
  background: rgba(99, 102, 241, 0.2);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-courses-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-courses-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-courses-empty-description {
  color: var(--text-secondary);
}

/* Course Edit Page – Dark Mode */
[data-theme="dark"] .course-edit-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .course-edit-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .course-edit-card-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-card-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-label {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-input,
[data-theme="dark"] .course-edit-select,
[data-theme="dark"] .course-edit-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-thumbnail-img {
  border-color: var(--border-color);
}

[data-theme="dark"] .course-edit-hint {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-checkbox,
[data-theme="dark"] .course-edit-checkbox-text {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-actions {
  border-top-color: var(--border-color);
}