/* Dark theme rules extracted from App.css */
/* Keep this file loaded after App.css */
body[data-theme-mode=dark] {
  --bg-body: #020617;
  --bg-sidebar: #000;
  --bg-sidebar-soft: #020617;
  --text-main: #e5eef9;
  --text-muted: #94a3b8;
  --text-soft: #64748b;
  --surface: #0f172a;
  --surface-soft: #111827;
  --surface-strong: #162033;
  --line: #475569;
  --line-strong: #64748b;
  --ring: rgba(148, 163, 184, 0.1);
  --primary-soft: color-mix(in srgb, var(--primary) 18%, #0f172a 82%);
  --primary-line: var(--line);
  --danger-soft: rgba(220, 38, 38, 0.14);
  --success-soft: rgba(22, 163, 74, 0.16);
  --warning-soft: rgba(217, 119, 6, 0.14);
  --shadow-soft: 0 18px 44px rgba(0, 0, 0, 0.28);
  --shadow-strong: 0 30px 80px rgba(0, 0, 0, 0.42);
  }

body[data-theme-mode=dark] .base-badge {
  color: #e2e8f0;
}

body[data-theme-mode=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(:focus),
body[data-theme-mode=dark] select:not(:focus),
body[data-theme-mode=dark] textarea:not(:focus),
body[data-theme-mode=dark] .up-input:not(:focus) {
  box-shadow: none !important;
}

body[data-theme-mode=dark] .admin-banner, body[data-theme-mode=dark] .d-head, body[data-theme-mode=dark] .base-page-head {
  background: radial-gradient(62% 88% at 100% 0, color-mix(in srgb, var(--primary) 10%, transparent 90%) 0, transparent 64%), radial-gradient(38% 54% at 62% 78%, color-mix(in srgb, var(--primary) 5%, transparent 95%) 0, transparent 62%), linear-gradient(135deg, #060a13 0, #0b1220 52%, #101827 100%);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.03), 0 20px 44px rgba(0, 0, 0, 0.28);
  }

body[data-theme-mode=dark] .admin-banner:after, body[data-theme-mode=dark] .d-head:after, body[data-theme-mode=dark] .base-page-head:after {
  content: none;
  }

body[data-theme-mode=dark] .admin-banner-text, body[data-theme-mode=dark] .base-page-subtitle {
  color: color-mix(in srgb, var(--text-muted) 92%, #cbd5e1 8%);
  }

body[data-theme-mode=dark] .admin-banner-decor-icon {
  color: color-mix(in srgb, var(--primary) 24%, #dbeafe 76%);
  opacity: 0.82;
  }

body[data-theme-mode=dark] .d-license-info {
  background: radial-gradient(146% 72% at 50% -26%, color-mix(in srgb, var(--primary) 22%, #fff7fb 78%) 0, color-mix(in srgb, var(--primary) 10%, transparent 90%) 24%, transparent 56%), radial-gradient(22% 36% at 100% 0, color-mix(in srgb, var(--primary) 14%, transparent 86%) 0, transparent 86%), linear-gradient(180deg, #1b2135 0, #12192a 58%, #09101d 100%);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.12), 0 18px 36px rgba(0, 0, 0, 0.34);
  }

body[data-theme-mode=dark] .d-license-info:after, body[data-theme-mode=dark] .d-license-info:before {
  content: none;
  }

body[data-theme-mode=dark] .d-license-icon {
  background: color-mix(in srgb, var(--primary) 18%, rgba(15, 23, 42, 0.82) 82%);
  color: color-mix(in srgb, var(--primary) 72%, #fff 28%);
  }

body[data-theme-mode=dark] .d-license-kicker {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] .d-li-text {
  color: #e2e8f0;
  }

body[data-theme-mode=dark] .d-license-decor:before {
  background: radial-gradient(62% 90% at 96% 10%, color-mix(in srgb, var(--primary) 12%, transparent 88%) 0, transparent 76%), radial-gradient(34% 48% at 58% 84%, color-mix(in srgb, var(--primary) 5%, transparent 95%) 0, transparent 74%);
  opacity: 0.78;
  }

body[data-theme-mode=dark] .d-license-decor:after {
  opacity: 0.34;
  }

body[data-theme-mode=dark] .d-license-decor-icon {
  color: color-mix(in srgb, var(--primary) 34%, #f8fafc 66%);
  opacity: 0.5;
  }

body[data-theme-mode=dark] .ue-note.e-stat-val {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.e-stat-lbl {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .e-card {
  background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--primary) 8%, transparent 92%) 0, transparent 24%), linear-gradient(180deg, #0f172a 0, #111827 100%);
  border-color: var(--line);
  box-shadow: 0 30px 64px -36px rgba(0, 0, 0, 0.42);
  }

body[data-theme-mode=dark] .e-header, body[data-theme-mode=dark] .e-stat-item {
  border-color: var(--line);
  }

body[data-theme-mode=dark] .e-icon-box {
  background: color-mix(in srgb, var(--primary) 12%, rgba(15, 23, 42, 0.88) 88%);
  }

body[data-theme-mode=dark] .e-stats {
  background: color-mix(in srgb, var(--primary) 4%, rgba(15, 23, 42, 0.94) 96%);
  }

body[data-theme-mode=dark] .e-stat-item {
  background: color-mix(in srgb, var(--surface-soft) 90%, rgba(15, 23, 42, 0.96) 10%);
  }

body[data-theme-mode=dark] .ue-note.ue-stat .v {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.ue-stat .l {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.us-mini-val {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-stat, body[data-theme-mode=dark] .up-input, body[data-theme-mode=dark] .up-row, body[data-theme-mode=dark] .us-mini-stat, body[data-theme-mode=dark] .us-row {
  background: rgba(15, 23, 42, 0.92);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.03);
  color: #f8fafc;
  }

body[data-theme-mode=dark] .ue-note.pass {
  background: rgba(22, 163, 74, 0.16);
  color: #bbf7d0;
  }

body[data-theme-mode=dark] .ue-note.limit {
  background: rgba(245, 158, 11, 0.14);
  color: #fde68a;
  }

body[data-theme-mode=dark] .ue-note.block {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .rp-stat-card {
  background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--primary) 16%, transparent 84%) 0, transparent 34%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--primary) 6%, transparent 94%) 0, transparent 30%), linear-gradient(180deg, rgba(12, 18, 32, 0.96) 0, rgba(10, 15, 27, 0.99) 100%);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.05), 0 28px 56px -36px rgba(0, 0, 0, 0.42);
  }

body[data-theme-mode=dark] .rp-stat-card:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0) 28%);
  }

body[data-theme-mode=dark] #userModal .base-modal-subcard {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.98));
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.04);
  }

body[data-theme-mode=dark] .u-switch-row {
  background: color-mix(in srgb, var(--surface-soft) 90%, rgba(15, 23, 42, 0.96) 10%);
  border-color: var(--line);
  }

body[data-theme-mode=dark] #examModal .base-modal-section, body[data-theme-mode=dark] .base-modal-question {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.98));
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.04);
  }

body[data-theme-mode=dark] #examModal .base-modal-section, body[data-theme-mode=dark] .base-modal-option, body[data-theme-mode=dark] .base-modal-question {
  border-color: var(--line);
  }

body[data-theme-mode=dark] .base-modal-option {
  background: color-mix(in srgb, var(--surface-soft) 90%, rgba(15, 23, 42, 0.96) 10%);
  }

body[data-theme-mode=dark] .base-modal-option .base-modal-option-switch-track {
  background: rgba(71, 85, 105, 0.65);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .base-modal-option .base-modal-option-switch-thumb {
  background: #f8fafc;
  box-shadow: 0 2px 5px rgba(2, 6, 23, 0.38);
  }

body[data-theme-mode=dark] .base-modal-option .base-modal-option-switch > input[type=radio]:checked + .base-modal-option-switch-track {
  background: color-mix(in srgb, var(--primary) 70%, rgba(37, 99, 235, 0.85) 30%);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .ue-note.base-modal-field label {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] #sectionModal .base-modal-section, body[data-theme-mode=dark] #sectionModal .base-modal-subcard {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.98));
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.04);
  }

body[data-theme-mode=dark] #sectionModal .base-modal-section-banner, body[data-theme-mode=dark] #sectionModal .base-modal-switch-panel, body[data-theme-mode=dark] .t-section-item {
  border-color: var(--line);
  }

body[data-theme-mode=dark] #sectionModal .base-modal-section-banner {
  background: color-mix(in srgb, var(--primary) 8%, rgba(15, 23, 42, 0.92) 92%);
  }

body[data-theme-mode=dark] #sectionModal .base-modal-switch-panel, body[data-theme-mode=dark] .t-section-item {
  background: color-mix(in srgb, var(--surface-soft) 90%, rgba(15, 23, 42, 0.96) 10%);
  }

body[data-theme-mode=dark] .t-section-item:hover {
  background: color-mix(in srgb, var(--primary) 8%, rgba(15, 23, 42, 0.92) 92%);
  }

body[data-theme-mode=dark] .t-sec-left > .t-handle {
  background: color-mix(in srgb, var(--primary) 10%, rgba(15, 23, 42, 0.9) 90%);
  }

body[data-theme-mode=dark] .ue-note.meta-row-kicker {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.meta-name {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.ud-info-item label {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .ue-note.ud-info-item span {
  background: rgba(220, 38, 38, 0.16);
  color: #fecaca;
  }

body[data-theme-mode=dark] .modal, body[data-theme-mode=dark] .base-modal {
  background: rgba(2, 6, 23, 0.72);
  }

body[data-theme-mode=dark] .panel-delete-overlay {
  background: rgba(2, 6, 23, 0.8);
}

body[data-theme-mode=dark] .panel-delete-card {
  background: linear-gradient(180deg, rgba(10, 15, 27, 0.98), rgba(12, 18, 32, 0.99));
  border-color: var(--line);
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.44), inset 0 1px 0 hsla(0, 0%, 100%, 0.04);
}

body[data-theme-mode=dark] .panel-delete-illustration {
  background: transparent;
  border-color: transparent;
}

body[data-theme-mode=dark] .panel-delete-illustration-check,
body[data-theme-mode=dark] .panel-delete-illustration.is-trm-check {
  background: transparent;
  border-color: transparent;
}

body[data-theme-mode=dark] .panel-delete-illustration-warning {
  background: transparent;
  border-color: transparent;
}

body[data-theme-mode=dark] .panel-delete-illustration-question {
  background: transparent;
  border-color: transparent;
}

body[data-theme-mode=dark] .panel-delete-icon-trash .panel-delete-stroke,
body[data-theme-mode=dark] .panel-delete-icon-error .panel-delete-stroke {
  stroke: color-mix(in srgb, var(--danger) 68%, #fecaca 32%);
}

body[data-theme-mode=dark] .panel-delete-icon-check .panel-delete-stroke,
body[data-theme-mode=dark] .panel-delete-illustration.is-trm-check .panel-delete-stroke {
  stroke: color-mix(in srgb, var(--success) 70%, #bbf7d0 30%);
}

body[data-theme-mode=dark] .panel-delete-icon-warning .panel-delete-stroke {
  stroke: color-mix(in srgb, #f59e0b 72%, #fde68a 28%);
}

body[data-theme-mode=dark] .panel-delete-icon-question .panel-delete-stroke {
  stroke: color-mix(in srgb, var(--primary) 72%, #bfdbfe 28%);
}

body[data-theme-mode=dark] .panel-delete-icon-trash .panel-delete-dot,
body[data-theme-mode=dark] .panel-delete-icon-error .panel-delete-dot {
  fill: color-mix(in srgb, var(--danger) 68%, #fecaca 32%);
}

body[data-theme-mode=dark] .panel-delete-icon-check .panel-delete-dot,
body[data-theme-mode=dark] .panel-delete-illustration.is-trm-check .panel-delete-dot {
  fill: color-mix(in srgb, var(--success) 70%, #bbf7d0 30%);
}

body[data-theme-mode=dark] .panel-delete-icon-warning .panel-delete-dot {
  fill: color-mix(in srgb, #f59e0b 72%, #fde68a 28%);
}

body[data-theme-mode=dark] .panel-delete-icon-question .panel-delete-dot {
  fill: color-mix(in srgb, var(--primary) 72%, #bfdbfe 28%);
}

body[data-theme-mode=dark] .panel-delete-title {
  color: #f8fafc;
}

body[data-theme-mode=dark] .panel-delete-text {
  color: #cbd5e1;
}

body[data-theme-mode=dark] .panel-delete-actions {
  background: transparent;
  border-top-color: var(--line);
}

body[data-theme-mode=dark] .modal-header {
  border-bottom-color: var(--line);
  }

body[data-theme-mode=dark] .modal-shell-head-icon {
  background: color-mix(in srgb, var(--primary) 12%, rgba(15, 23, 42, 0.88) 88%);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.06);
  color: color-mix(in srgb, var(--primary) 72%, #fff 28%);
  }

body[data-theme-mode=dark] .modal-header-decor-icon {
  color: color-mix(in srgb, var(--primary) 34%, #e2e8f0 66%);
  opacity: 0.46;
  }

body[data-theme-mode=dark] .modal-shell-actions, body[data-theme-mode=dark] .base-modal-actions {
  background: transparent;
  border-top-color: var(--line);
  }

body[data-theme-mode=dark] .meta-manager-compose, body[data-theme-mode=dark] .meta-manager-list-shell {
  background: rgba(15, 23, 42, 0.48);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .meta-row {
  background: rgba(15, 23, 42, 0.66);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .meta-name {
  color: #f8fafc;
  }

body[data-theme-mode=dark] .meta-manager-compose-copy p, body[data-theme-mode=dark] .meta-manager-list-copy p, body[data-theme-mode=dark] .meta-row-meta {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] .ud-summary {
  background: rgba(15, 23, 42, 0.48);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .ud-head-meta h2 {
  color: #f8fafc;
  }

body[data-theme-mode=dark] .ud-head-meta p {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] .ud-tabs {
  background: rgba(15, 23, 42, 0.52);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .ud-tab {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] .ud-tab:hover {
  background: color-mix(in srgb, var(--primary) 10%, transparent 90%);
  color: #fff;
  }

body[data-theme-mode=dark] .ud-info-item {
  background: rgba(15, 23, 42, 0.56);
  border-color: var(--line);
  }

body[data-theme-mode=dark] .ud-info-item span, body[data-theme-mode=dark] .base-table-flush tbody td {
  color: #e2e8f0;
  }

body[data-theme-mode=dark] #pg-reports .rp-cmp-item, body[data-theme-mode=dark] #pg-reports .rp-compare, body[data-theme-mode=dark] #pg-reports .rp-head, body[data-theme-mode=dark] #pg-reports .rp-loading-card, body[data-theme-mode=dark] #pg-reports .rp-panel, body[data-theme-mode=dark] #pg-reports .rp-user-card, body[data-theme-mode=dark] #pg-reports .rp-user-meta-item {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.99));
  border-color: var(--line);
  }

body[data-theme-mode=dark] .ue-empty,
body[data-theme-mode=dark] .ue-card,
body[data-theme-mode=dark] .up-card,
body[data-theme-mode=dark] .us-card,
body[data-theme-mode=dark] .us-panel,
body[data-theme-mode=dark] .video-stage,
body[data-theme-mode=dark] .playlist-sidebar,
body[data-theme-mode=dark] .et-head,
body[data-theme-mode=dark] .q-card {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.99));
  border-color: var(--line);
}

body[data-theme-mode=dark] #pg-user-exams .ue-status-badge,
body[data-theme-mode=dark] #pg-user-exams .ue-status-badge.is-pending,
body[data-theme-mode=dark] #pg-user-exams .ue-status-badge.is-training-required {
  background: rgba(100, 116, 139, 0.24);
  color: #cbd5e1;
}

body[data-theme-mode=dark] #pg-user-exams .ue-status-badge.is-solved {
  background: rgba(22, 163, 74, 0.24);
  color: #86efac;
}

body[data-theme-mode=dark] #pg-user-exams .ue-status-badge.is-failed,
body[data-theme-mode=dark] #pg-user-exams .ue-status-badge.is-blocked {
  background: rgba(220, 38, 38, 0.24);
  color: #fecaca;
}

body[data-theme-mode=dark] .warning-toast {
  background: rgba(220, 38, 38, 0.18);
  border-color: rgba(248, 113, 113, 0.34);
  color: #fecaca;
}

body[data-theme-mode=dark] .warning-toast-amber {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(251, 191, 36, 0.34);
  color: #fde68a;
}

body[data-theme-mode=dark] .player-overlay-card {
  background: rgba(15, 23, 42, 0.86);
  border-color: var(--line);
  color: #e2e8f0;
}

body[data-theme-mode=dark] .player-overlay-title,
body[data-theme-mode=dark] .player-error-overlay h3 {
  color: #f8fafc;
}

body[data-theme-mode=dark] .player-error-overlay p {
  color: #cbd5e1;
}

body[data-theme-mode=dark] .pause-state-label {
  background: rgba(2, 6, 23, 0.78);
  border-color: rgba(148, 163, 184, 0.3);
}

body[data-theme-mode=dark] .vol-btn,
body[data-theme-mode=dark] .player-vol-btn {
  background: rgba(15, 23, 42, 0.88);
  border-color: var(--line);
  color: #e2e8f0;
}

body[data-theme-mode=dark] .vol-btn:hover,
body[data-theme-mode=dark] .player-vol-btn:hover {
  background: color-mix(in srgb, var(--primary) 12%, rgba(15, 23, 42, 0.88) 88%);
}

body[data-theme-mode=dark] .l-item,
body[data-theme-mode=dark] .opt-item,
body[data-theme-mode=dark] .r-box,
body[data-theme-mode=dark] .us-panel-empty {
  background: rgba(15, 23, 42, 0.9);
  border-color: var(--line);
}

body[data-theme-mode=dark] .l-item.completed {
  border-color: rgba(34, 197, 94, 0.4);
}

body[data-theme-mode=dark] .l-item.locked .l-icon {
  background: rgba(71, 85, 105, 0.35);
  color: #cbd5e1;
}

body[data-theme-mode=dark] .opt-item input:checked + span {
  color: var(--text-main);
}

body[data-theme-mode=dark] .et-alert {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.24);
  color: #fef3c7;
}

body[data-theme-mode=dark] .et-result {
  background: linear-gradient(180deg, rgba(10, 15, 27, 0.99), rgba(9, 13, 24, 0.99));
}

body[data-theme-mode=dark] .et-result-check-circle {
  stroke: rgba(148, 163, 184, 0.36);
}

body[data-theme-mode=dark] .et-result.ok .et-result-check-circle,
body[data-theme-mode=dark] .et-result.ok .et-result-check-mark {
  stroke: #4ade80;
}

body[data-theme-mode=dark] .et-result.fail .et-result-check-circle,
body[data-theme-mode=dark] .et-result.fail .et-result-check-mark {
  stroke: #f87171;
}

body[data-theme-mode=dark] .et-result.fail .et-result-check-dot {
  fill: #f87171;
}

body[data-theme-mode=dark] .et-result.is-score-pass .et-result-score-hero {
  color: #4ade80;
}

body[data-theme-mode=dark] .et-result.is-score-fail .et-result-score-hero {
  color: #f87171;
}

body[data-theme-mode=dark] #rStatusChip.is-success {
  background: rgba(22, 163, 74, 0.24);
  color: #86efac;
}

body[data-theme-mode=dark] #rStatusChip.is-fail {
  background: rgba(220, 38, 38, 0.24);
  color: #fca5a5;
}

body[data-theme-mode=dark] .et-result.ok #rStatusChip {
  background: rgba(22, 163, 74, 0.24) !important;
  color: #86efac !important;
}

body[data-theme-mode=dark] .et-result.fail #rStatusChip {
  background: rgba(220, 38, 38, 0.24) !important;
  color: #fca5a5 !important;
}

body[data-theme-mode=dark] #pg-player {
  --player-shell-bg: linear-gradient(180deg, rgba(10, 16, 30, 0.98), rgba(8, 13, 24, 0.99));
  --player-shell-line: var(--line);
  --player-chip-bg: rgba(15, 23, 42, 0.64);
  --player-chip-line: var(--line);
}

body[data-theme-mode=dark] #pg-player .player-back-btn {
  background: rgba(15, 23, 42, 0.82);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  color: #e2e8f0;
}

body[data-theme-mode=dark] #pg-player .player-back-btn:hover {
  background: color-mix(in srgb, var(--primary) 12%, rgba(15, 23, 42, 0.88) 88%);
}

body[data-theme-mode=dark] #pg-player .video-container {
  box-shadow: 0 28px 60px -34px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(148, 163, 184, 0.2);
}

body[data-theme-mode=dark] #pg-player .stage-footer {
  background: rgba(15, 23, 42, 0.75);
  border-color: var(--line);
}

body[data-theme-mode=dark] #pg-player .stage-controls .base-badge {
  background: rgba(15, 23, 42, 0.64);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-theme-mode=dark] #pg-player .l-item {
  background: rgba(15, 23, 42, 0.88);
}

body[data-theme-mode=dark] #pg-player .l-item:hover {
  background: color-mix(in srgb, var(--primary) 10%, rgba(15, 23, 42, 0.88) 90%);
}

body[data-theme-mode=dark] #pg-player .l-item.active {
  background: color-mix(in srgb, #f97316 18%, rgba(15, 23, 42, 0.88) 82%);
  border-color: color-mix(in srgb, #f97316 44%, rgba(148, 163, 184, 0.3) 56%);
}

body[data-theme-mode=dark] #pg-player .l-item.active .l-icon {
  background: color-mix(in srgb, #f97316 24%, rgba(15, 23, 42, 0.76) 76%);
  border-color: color-mix(in srgb, #fb923c 64%, rgba(148, 163, 184, 0.22) 36%);
  color: #fdba74;
}

body[data-theme-mode=dark] #pg-player .l-item.completed .l-icon {
  background: color-mix(in srgb, #22c55e 20%, rgba(15, 23, 42, 0.76) 80%);
  border-color: color-mix(in srgb, #4ade80 60%, rgba(148, 163, 184, 0.2) 40%);
  color: #86efac;
}

body[data-theme-mode=dark] #pg-player .l-item.locked {
  background: rgba(30, 41, 59, 0.8);
  border-color: rgba(148, 163, 184, 0.3);
}

body[data-theme-mode=dark] #pg-player .l-item.locked:hover {
  background: rgba(30, 41, 59, 0.8);
  transform: none;
}

body[data-theme-mode=dark] #pg-player .l-item.locked .l-icon {
  background: rgba(71, 85, 105, 0.35);
  border-color: rgba(148, 163, 184, 0.36);
  color: #cbd5e1;
}

body[data-theme-mode=dark] #pg-player .l-icon {
  border-color: var(--line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body[data-theme-mode=dark] #pg-player {
  --player-v3-surface: linear-gradient(165deg, rgba(10, 16, 30, 0.98), rgba(8, 13, 24, 0.99));
  --player-v3-line: var(--line);
  --player-v3-soft: rgba(15, 23, 42, 0.84);
  --player-v3-soft-line: var(--line);
}

body[data-theme-mode=dark] #pg-player .player-back-btn {
  background: rgba(15, 23, 42, 0.84);
  border-color: var(--line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}

body[data-theme-mode=dark] #pg-player .stage-controls .base-badge {
  background: rgba(15, 23, 42, 0.66);
}

body[data-theme-mode=dark] #pg-player .l-item {
  background: rgba(15, 23, 42, 0.88);
}

body[data-theme-mode=dark] #pg-player .l-item:hover {
  background: color-mix(in srgb, var(--primary) 10%, rgba(15, 23, 42, 0.88) 90%);
}

body[data-theme-mode=dark] #pg-reports .rp-chart-empty, body[data-theme-mode=dark] #pg-reports .rp-chart-tooltip, body[data-theme-mode=dark] #pg-reports .rp-chip {
  background: rgba(15, 23, 42, 0.92);
  border-color: var(--line);
  color: #e2e8f0;
  }

body[data-theme-mode=dark] #pg-reports .rp-chip {
  background: rgba(15, 23, 42, 0.62);
}

body[data-theme-mode=dark] #pg-reports .rp-chip.active {
  background: color-mix(in srgb, #22c55e 18%, rgba(15, 23, 42, 0.82) 82%);
  border-color: color-mix(in srgb, #22c55e 34%, var(--line) 66%);
  color: #bbf7d0;
}

body[data-theme-mode=dark] #pg-reports .rp-cmp-item .d, body[data-theme-mode=dark] #pg-reports .rp-panel-title, body[data-theme-mode=dark] #pg-reports .rp-section-title, body[data-theme-mode=dark] #pg-reports .rp-title, body[data-theme-mode=dark] #pg-reports .rp-user-meta-item .v, body[data-theme-mode=dark] #pg-reports .rp-user-name-btn {
  color: #f8fafc;
  }

body[data-theme-mode=dark] #pg-reports .rp-axis-label, body[data-theme-mode=dark] #pg-reports .rp-chart-empty, body[data-theme-mode=dark] #pg-reports .rp-chart-tooltip span, body[data-theme-mode=dark] #pg-reports .rp-cmp-item .k, body[data-theme-mode=dark] #pg-reports .rp-compare-head, body[data-theme-mode=dark] #pg-reports .rp-panel-note, body[data-theme-mode=dark] #pg-reports .rp-section-note, body[data-theme-mode=dark] #pg-reports .rp-sub, body[data-theme-mode=dark] #pg-reports .rp-user-mail, body[data-theme-mode=dark] #pg-reports .rp-user-meta-item .k {
  color: #94a3b8;
  }

body[data-theme-mode=dark] #pg-settings .s-card, body[data-theme-mode=dark] #pg-settings .s-color-box, body[data-theme-mode=dark] #pg-settings .s-logo-size-wrap, body[data-theme-mode=dark] #pg-settings .s-logo-zone, body[data-theme-mode=dark] #pg-settings .s-switch-box, body[data-theme-mode=dark] #pg-settings .s-transfer-file-name, body[data-theme-mode=dark] #pg-settings .s-transfer-panel, body[data-theme-mode=dark] #pg-settings .s-transfer-switch {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.96), rgba(10, 15, 27, 0.99));
  border-color: var(--line);
  }

body[data-theme-mode=dark] #pg-settings .s-card-heading h4, body[data-theme-mode=dark] #pg-settings .s-color-title, body[data-theme-mode=dark] #pg-settings .s-logo-size-head, body[data-theme-mode=dark] #pg-settings .s-logo-zone-title, body[data-theme-mode=dark] #pg-settings .s-switch-txt, body[data-theme-mode=dark] #pg-settings .smtp-title, body[data-theme-mode=dark] #pg-settings label {
  color: #f8fafc;
  }

body[data-theme-mode=dark] #pg-settings .s-card-heading p, body[data-theme-mode=dark] #pg-settings .s-color-note, body[data-theme-mode=dark] #pg-settings .s-desc, body[data-theme-mode=dark] #pg-settings .s-logo-zone-note, body[data-theme-mode=dark] #pg-settings .s-maint-note, body[data-theme-mode=dark] #pg-settings .s-transfer-file-name, body[data-theme-mode=dark] #pg-settings .smtp-desc {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] #pg-settings .s-color-value {
  background: rgba(15, 23, 42, 0.72);
  border-color: var(--line);
  color: #f8fafc;
  }

body[data-theme-mode=dark] #settingsColorPopover {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.98), rgba(10, 15, 27, 0.99));
  border-color: var(--line);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
  }

body[data-theme-mode=dark] #settingsColorPopover .s-color-popover-title {
  color: #f8fafc;
  }

body[data-theme-mode=dark] #settingsColorPopover .s-color-popover-note {
  color: #cbd5e1;
  }

body[data-theme-mode=dark] .app-update-banner {
  background: linear-gradient(145deg, rgba(8, 13, 24, 0.98), rgba(11, 18, 32, 0.98));
  border-color: var(--line);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.34), inset 0 1px 0 hsla(0, 0%, 100%, 0.04);
}

body[data-theme-mode=dark] .upd-text > i {
  background: color-mix(in srgb, var(--primary) 16%, rgba(15, 23, 42, 0.84) 84%);
  border-color: var(--line);
  color: color-mix(in srgb, var(--primary) 72%, #e2e8f0 28%);
}

body[data-theme-mode=dark] .upd-title {
  color: #f8fafc;
}

body[data-theme-mode=dark] .upd-desc {
  color: #cbd5e1;
}

body[data-theme-mode=dark] .app-update-spinner {
  border-color: var(--line);
  border-top-color: var(--line);
}

body[data-theme-mode=dark] .app-update-status {
  color: #e2e8f0;
}

body[data-theme-mode=dark] .section-note {
  background: color-mix(in srgb, var(--primary) 16%, rgba(15, 23, 42, 0.84) 84%);
  border-color: var(--line);
  color: color-mix(in srgb, var(--primary) 72%, #dbeafe 28%);
}

body[data-theme-mode=dark] .course-card-modern {
  background: linear-gradient(180deg, rgba(12, 19, 36, 0.96) 0%, rgba(9, 15, 28, 0.94) 100%);
  border-color: var(--line);
}

body[data-theme-mode=dark] .course-card-modern .card-footer {
  border-top-color: var(--line);
}

body[data-theme-mode=dark] .course-card-modern .card-desc,
body[data-theme-mode=dark] .course-card-modern .card-footer,
body[data-theme-mode=dark] .empty-state p {
  color: #93a6c1;
}

body[data-theme-mode=dark] .course-card-modern .card-thumb > .base-badge.training-status-badge.is-completed {
  background: rgba(22, 163, 74, 0.7);
  color: #f8fafc;
}

body[data-theme-mode=dark] .course-card-modern .card-thumb > .base-badge.training-status-badge.is-in-progress {
  background: rgba(234, 88, 12, 0.7);
  color: #f8fafc;
}

body[data-theme-mode=dark] .course-card-modern .card-thumb > .base-badge.training-status-badge.is-locked {
  background: rgba(107, 114, 128, 0.7);
  color: #f8fafc;
}

body[data-theme-mode=dark] .empty-state {
  background: linear-gradient(180deg, rgba(12, 19, 36, 0.96) 0%, rgba(9, 15, 28, 0.94) 100%);
  border-color: var(--line);
  color: #e5edf8;
}