/* ===== ТЕМА: МЕТАЛЛ ===== */
body[data-theme="metal"] {
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
}

body[data-theme="metal"] .container {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.1);
}

body[data-theme="metal"] .content {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.1);
}

body[data-theme="metal"] .tutorial-content {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

body[data-theme="metal"] .hlae-nav {
    border-bottom-color: #3a3a3a;
}

body[data-theme="metal"] .hlae-nav-btn:not(.active) {
    background: rgba(50, 50, 50, 0.5);
    color: #b0b0b0;
}

body[data-theme="metal"] .hlae-nav-btn:not(.active):hover {
    background: rgba(70, 70, 70, 0.5);
}

body[data-theme="metal"] .header {
    background: rgba(50, 50, 50, 0.6);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid #666;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

body[data-theme="metal"] .stat-card,
body[data-theme="metal"] .setting-card,
body[data-theme="metal"] .achievement,
body[data-theme="metal"] .project-card {
    background: rgba(60, 60, 60, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(150, 150, 150, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    color: #b0b0b0;
}

body[data-theme="metal"] .setting-card-title {
    color: #e0e0e0;
}

body[data-theme="metal"] .setting-card-description {
    color: #a0a0a0;
}

body[data-theme="metal"] .tab {
    background: rgba(50, 50, 50, 0.5);
    color: #b0b0b0;
}

body[data-theme="metal"] .tab.active {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(139, 139, 139, 0.4);
}

body[data-theme="metal"] .admin-btn,
body[data-theme="metal"] .save-settings-btn {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

body[data-theme="metal"] .user-search input,
body[data-theme="metal"] .setting-select {
    background: rgba(40, 40, 40, 0.6);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .user-search button {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
}

body[data-theme="metal"] h1,
body[data-theme="metal"] h2,
body[data-theme="metal"] h3 {
    color: #e0e0e0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

body[data-theme="metal"] p,
body[data-theme="metal"] small {
    color: #b0b0b0;
}

body[data-theme="metal"] .sidebar {
    background: #1a1a1a;
    border-right-color: #3a3a3a;
}

body[data-theme="metal"] .sidebar a {
    color: #b0b0b0;
}

body[data-theme="metal"] .sidebar a:hover,
body[data-theme="metal"] .sidebar a.active {
    color: #e0e0e0;
    background: rgba(255,255,255,.05);
}

body[data-theme="metal"] .cmd,
body[data-theme="metal"] .cmd-block {
    background: #2a2a2a;
    border-color: #4a4a4a;
}

body[data-theme="metal"] .hlae-back {
    background: #2a2a2a;
    border-color: #4a4a4a;
    color: #b0b0b0;
}

body[data-theme="metal"] .copy-toast {
    background: #8b8b8b;
}

body[data-theme="metal"] .search-wrap input {
    background: rgba(40, 40, 40, 0.6);
    border-color: rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .acc-header {
    color: #b0b0b0;
}

body[data-theme="metal"] .acc-header:hover {
    color: #e0e0e0;
}

body[data-theme="metal"] .cmd-block .comment {
    color: #808080;
}

body[data-theme="metal"] h2 {
    border-bottom-color: #3a3a3a;
}

body[data-theme="metal"] table th,
body[data-theme="metal"] table td {
    border-bottom-color: #3a3a3a;
}

body[data-theme="metal"] .faq-item {
    border-color: rgba(150, 150, 150, 0.3);
}

body[data-theme="metal"] .faq-item:hover {
    border-color: #8b8b8b;
}

body[data-theme="metal"] .faq-q {
    color: #e0e0e0;
}

body[data-theme="metal"] .faq-q:hover {
    background: rgba(255, 255, 255, 0.05);
}

body[data-theme="metal"] .faq-q .num {
    color: #8b8b8b;
}

body[data-theme="metal"] .faq-q .arrow {
    color: #808080;
}

body[data-theme="metal"] .faq-a {
    color: #b0b0b0;
}

body[data-theme="metal"] .admin-panel {
    background: rgba(40, 40, 40, 0.5);
    backdrop-filter: blur(10px);
}

body[data-theme="metal"] .admin-panel-header {
    background: rgba(50, 50, 50, 0.7);
    border-bottom: 2px solid #666;
}

body[data-theme="metal"] .leaderboard-item {
    background: rgba(60, 60, 60, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .leaderboard-item:hover {
    background: rgba(70, 70, 70, 0.5);
    border-color: rgba(150, 150, 150, 0.5);
}

body[data-theme="metal"] #createSpecialAchievementModal > div,
body[data-theme="metal"] #editSpecialAchievementModal > div,
body[data-theme="metal"] #achievementsModal .modal-content {
    background: rgba(40, 40, 40, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .modal-header {
    background: rgba(50, 50, 50, 0.7);
    border-bottom: 2px solid #666;
    color: #e0e0e0;
}

body[data-theme="metal"] .modal-tab-button {
    background: rgba(50, 50, 50, 0.5);
    color: #b0b0b0;
    border: 1px solid rgba(150, 150, 150, 0.3);
}

body[data-theme="metal"] .modal-tab-button.active {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
    color: white;
}

body[data-theme="metal"] .modal-body {
    background: rgba(40, 40, 40, 0.5);
    color: #e0e0e0;
}

body[data-theme="metal"] .modal-achievements .achievement {
    background: rgba(60, 60, 60, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .stat-item {
    background: rgba(60, 60, 60, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .modal .stats-grid .stat-item {
    background: rgba(60, 60, 60, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] .stat-value {
    color: #e0e0e0 !important;
}

body[data-theme="metal"] .stat-label {
    color: #b0b0b0 !important;
}

body[data-theme="metal"] .progressbar {
    background: rgba(50, 50, 50, 0.6) !important;
    border: 1px solid rgba(150, 150, 150, 0.3) !important;
    color: #e0e0e0 !important;
}

body[data-theme="metal"] .progressbar strong {
    color: #e0e0e0 !important;
}

body[data-theme="metal"] .progressbar > div {
    background: rgba(40, 40, 40, 0.8) !important;
}

body[data-theme="metal"] .progressbar > div > div {
    background: linear-gradient(90deg, #8b8b8b, #5a5a5a) !important;
}

body[data-theme="metal"] #createSpecialAchievementModal input,
body[data-theme="metal"] #createSpecialAchievementModal textarea,
body[data-theme="metal"] #editSpecialAchievementModal input,
body[data-theme="metal"] #editSpecialAchievementModal textarea {
    background: rgba(30, 30, 30, 0.8);
    border: 1px solid rgba(150, 150, 150, 0.3);
    color: #e0e0e0;
}

body[data-theme="metal"] #createSpecialAchievementModal button,
body[data-theme="metal"] #editSpecialAchievementModal button {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
}

body[data-theme="metal"] #specialAchievementPreview,
body[data-theme="metal"] #editSpecialAchievementPreview {
    background: rgba(30, 30, 30, 0.8);
    border: 1px solid rgba(150, 150, 150, 0.3);
}

/* ===== ТЕМА: ДИСКОРД ===== */
body[data-theme="discord"] {
    background: #36393f;
}

body[data-theme="discord"] .container {
    background: #36393f;
}

body[data-theme="discord"] .content {
    background: #36393f;
}

body[data-theme="discord"] .tutorial-content {
    background: #36393f;
    color: #dcddde;
}

body[data-theme="discord"] .hlae-nav {
    border-bottom-color: #202225;
}

body[data-theme="discord"] .hlae-nav-btn:not(.active) {
    background: #2f3136;
    color: #b9bbbe;
}

body[data-theme="discord"] .hlae-nav-btn:not(.active):hover {
    background: #36393f;
}

body[data-theme="discord"] .header {
    background: #2f3136;
    border-bottom: 2px solid #202225;
}

body[data-theme="discord"] .stat-card,
body[data-theme="discord"] .setting-card,
body[data-theme="discord"] .achievement,
body[data-theme="discord"] .project-card {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .setting-card-title {
    color: #ffffff;
}

body[data-theme="discord"] .setting-card-description {
    color: #b9bbbe;
}

body[data-theme="discord"] .tab {
    background: #2f3136;
    color: #b9bbbe;
}

body[data-theme="discord"] .tab.active {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
    color: white;
}

body[data-theme="discord"] .admin-btn,
body[data-theme="discord"] .save-settings-btn {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
}

body[data-theme="discord"] .user-search input,
body[data-theme="discord"] .setting-select {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .user-search button {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
}

body[data-theme="discord"] h1,
body[data-theme="discord"] h2,
body[data-theme="discord"] h3 {
    color: #dcddde;
}

body[data-theme="discord"] p,
body[data-theme="discord"] small {
    color: #b9bbbe;
}

body[data-theme="discord"] .sidebar {
    background: #36393f;
    border-right-color: #202225;
}

body[data-theme="discord"] .sidebar a {
    color: #b9bbbe;
}

body[data-theme="discord"] .sidebar a:hover,
body[data-theme="discord"] .sidebar a.active {
    color: #dcddde;
    background: rgba(255,255,255,.05);
}

body[data-theme="discord"] .cmd,
body[data-theme="discord"] .cmd-block {
    background: #2f3136;
    border-color: #40444b;
}

body[data-theme="discord"] .hlae-back {
    background: #2f3136;
    border-color: #40444b;
    color: #b9bbbe;
}

body[data-theme="discord"] .copy-toast {
    background: #5865f2;
}

body[data-theme="discord"] .search-wrap input {
    background: #2f3136;
    border-color: #40444b;
    color: #dcddde;
}

body[data-theme="discord"] .acc-header {
    color: #b9bbbe;
}

body[data-theme="discord"] .acc-header:hover {
    color: #dcddde;
}

body[data-theme="discord"] .cmd-block .comment {
    color: #72767d;
}

body[data-theme="discord"] h2 {
    border-bottom-color: #40444b;
}

body[data-theme="discord"] table th,
body[data-theme="discord"] table td {
    border-bottom-color: #40444b;
}

body[data-theme="discord"] .faq-item {
    border-color: #40444b;
}

body[data-theme="discord"] .faq-item:hover {
    border-color: #5865f2;
}

body[data-theme="discord"] .faq-q {
    color: #dcddde;
}

body[data-theme="discord"] .faq-q:hover {
    background: rgba(255, 255, 255, 0.05);
}

body[data-theme="discord"] .faq-q .num {
    color: #5865f2;
}

body[data-theme="discord"] .faq-q .arrow {
    color: #72767d;
}

body[data-theme="discord"] .faq-a {
    color: #b9bbbe;
}

body[data-theme="discord"] .admin-panel {
    background: #2f3136;
}

body[data-theme="discord"] .admin-panel-header {
    background: #202225;
    border-bottom: 2px solid #5865f2;
}

body[data-theme="discord"] .leaderboard-item {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .leaderboard-item:hover {
    background: #4a4e55;
    border-color: #5865f2;
}

body[data-theme="discord"] #createSpecialAchievementModal > div,
body[data-theme="discord"] #editSpecialAchievementModal > div,
body[data-theme="discord"] #achievementsModal .modal-content {
    background: #2f3136;
    border: 2px solid #5865f2;
    color: #dcddde;
}

body[data-theme="discord"] .modal-header {
    background: #202225;
    border-bottom: 2px solid #5865f2;
    color: #dcddde;
}

body[data-theme="discord"] .modal-tab-button {
    background: #40444b;
    color: #b9bbbe;
    border: 1px solid #202225;
}

body[data-theme="discord"] .modal-tab-button.active {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
    color: white;
}

body[data-theme="discord"] .modal-body {
    background: #2f3136;
    color: #dcddde;
}

body[data-theme="discord"] .modal-achievements .achievement {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .stat-item {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .modal .stats-grid .stat-item {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] .stat-value {
    color: #dcddde !important;
}

body[data-theme="discord"] .stat-label {
    color: #b9bbbe !important;
}

body[data-theme="discord"] .progressbar {
    background: #40444b !important;
    border: 1px solid #202225 !important;
    color: #dcddde !important;
}

body[data-theme="discord"] .progressbar strong {
    color: #dcddde !important;
}

body[data-theme="discord"] .progressbar > div {
    background: #202225 !important;
}

body[data-theme="discord"] .progressbar > div > div {
    background: linear-gradient(90deg, #5865f2, #4752c4) !important;
}

body[data-theme="discord"] #createSpecialAchievementModal input,
body[data-theme="discord"] #createSpecialAchievementModal textarea,
body[data-theme="discord"] #editSpecialAchievementModal input,
body[data-theme="discord"] #editSpecialAchievementModal textarea {
    background: #40444b;
    border: 1px solid #202225;
    color: #dcddde;
}

body[data-theme="discord"] #createSpecialAchievementModal button,
body[data-theme="discord"] #editSpecialAchievementModal button {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
}

body[data-theme="discord"] #specialAchievementPreview,
body[data-theme="discord"] #editSpecialAchievementPreview {
    background: #40444b;
    border: 1px solid #202225;
}

/* ===== ТЕМА: СТИМ ===== */
body[data-theme="steam"] {
    background: #1b2838;
}

body[data-theme="steam"] .container {
    background: linear-gradient(135deg, #1b2838 0%, #171a21 100%);
}

body[data-theme="steam"] .content {
    background: linear-gradient(135deg, #1b2838 0%, #171a21 100%);
}

body[data-theme="steam"] .tutorial-content {
    background: linear-gradient(135deg, #1b2838 0%, #171a21 100%);
    color: #c7d5e0;
}

body[data-theme="steam"] .hlae-nav {
    border-bottom-color: #2a475e;
}

body[data-theme="steam"] .hlae-nav-btn:not(.active) {
    background: #16202d;
    color: #8f98a0;
}

body[data-theme="steam"] .hlae-nav-btn:not(.active):hover {
    background: #1e2a3d;
}

body[data-theme="steam"] .header {
    background: linear-gradient(135deg, #171a21 0%, #1b2838 100%);
    border-bottom: 2px solid #66c0f4;
}

body[data-theme="steam"] .stat-card,
body[data-theme="steam"] .setting-card,
body[data-theme="steam"] .achievement,
body[data-theme="steam"] .project-card {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .setting-card-title {
    color: #ffffff;
}

body[data-theme="steam"] .setting-card-description {
    color: #8f98a0;
}

body[data-theme="steam"] .tab {
    background: #16202d;
    color: #8f98a0;
}

body[data-theme="steam"] .tab.active {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
    color: white;
}

body[data-theme="steam"] .admin-btn,
body[data-theme="steam"] .save-settings-btn {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
}

body[data-theme="steam"] .user-search input,
body[data-theme="steam"] .setting-select {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .user-search button {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
}

body[data-theme="steam"] h1,
body[data-theme="steam"] h2,
body[data-theme="steam"] h3 {
    color: #c7d5e0;
}

body[data-theme="steam"] p,
body[data-theme="steam"] small {
    color: #8f98a0;
}

body[data-theme="steam"] .sidebar {
    background: #1b2838;
    border-right-color: #2a475e;
}

body[data-theme="steam"] .sidebar a {
    color: #8f98a0;
}

body[data-theme="steam"] .sidebar a:hover,
body[data-theme="steam"] .sidebar a.active {
    color: #c7d5e0;
    background: rgba(255,255,255,.05);
}

body[data-theme="steam"] .cmd,
body[data-theme="steam"] .cmd-block {
    background: #16202d;
    border-color: #2a475e;
}

body[data-theme="steam"] .hlae-back {
    background: #16202d;
    border-color: #2a475e;
    color: #8f98a0;
}

body[data-theme="steam"] .copy-toast {
    background: #66c0f4;
}

body[data-theme="steam"] .search-wrap input {
    background: #16202d;
    border-color: #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .acc-header {
    color: #8f98a0;
}

body[data-theme="steam"] .acc-header:hover {
    color: #c7d5e0;
}

body[data-theme="steam"] .cmd-block .comment {
    color: #6b7d8e;
}

body[data-theme="steam"] h2 {
    border-bottom-color: #2a475e;
}

body[data-theme="steam"] table th,
body[data-theme="steam"] table td {
    border-bottom-color: #2a475e;
}

body[data-theme="steam"] .faq-item {
    border-color: #2a475e;
}

body[data-theme="steam"] .faq-item:hover {
    border-color: #66c0f4;
}

body[data-theme="steam"] .faq-q {
    color: #c7d5e0;
}

body[data-theme="steam"] .faq-q:hover {
    background: rgba(255, 255, 255, 0.05);
}

body[data-theme="steam"] .faq-q .num {
    color: #66c0f4;
}

body[data-theme="steam"] .faq-q .arrow {
    color: #6b7d8e;
}

body[data-theme="steam"] .faq-a {
    color: #8f98a0;
}

body[data-theme="steam"] .admin-panel {
    background: #16202d;
}

body[data-theme="steam"] .admin-panel-header {
    background: #171a21;
    border-bottom: 2px solid #66c0f4;
}

body[data-theme="steam"] .leaderboard-item {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .leaderboard-item:hover {
    background: #1e2a3d;
    border-color: #66c0f4;
}

body[data-theme="steam"] #createSpecialAchievementModal > div,
body[data-theme="steam"] #editSpecialAchievementModal > div,
body[data-theme="steam"] #achievementsModal .modal-content {
    background: #171a21;
    border: 2px solid #66c0f4;
    color: #c7d5e0;
}

body[data-theme="steam"] .modal-header {
    background: #1b2838;
    border-bottom: 2px solid #66c0f4;
    color: #c7d5e0;
}

body[data-theme="steam"] .modal-tab-button {
    background: #16202d;
    color: #8f98a0;
    border: 1px solid #2a475e;
}

body[data-theme="steam"] .modal-tab-button.active {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
    color: white;
}

body[data-theme="steam"] .modal-body {
    background: #171a21;
    color: #c7d5e0;
}

body[data-theme="steam"] .modal-achievements .achievement {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .stat-item {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .modal .stats-grid .stat-item {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] .stat-value {
    color: #c7d5e0 !important;
}

body[data-theme="steam"] .stat-label {
    color: #8f98a0 !important;
}

body[data-theme="steam"] .progressbar {
    background: #16202d !important;
    border: 1px solid #2a475e !important;
    color: #c7d5e0 !important;
}

body[data-theme="steam"] .progressbar strong {
    color: #c7d5e0 !important;
}

body[data-theme="steam"] .progressbar > div {
    background: #0e1621 !important;
}

body[data-theme="steam"] .progressbar > div > div {
    background: linear-gradient(90deg, #66c0f4, #417a9b) !important;
}

body[data-theme="steam"] #createSpecialAchievementModal input,
body[data-theme="steam"] #createSpecialAchievementModal textarea,
body[data-theme="steam"] #editSpecialAchievementModal input,
body[data-theme="steam"] #editSpecialAchievementModal textarea {
    background: #16202d;
    border: 1px solid #2a475e;
    color: #c7d5e0;
}

body[data-theme="steam"] #createSpecialAchievementModal button,
body[data-theme="steam"] #editSpecialAchievementModal button {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
}

body[data-theme="steam"] #specialAchievementPreview,
body[data-theme="steam"] #editSpecialAchievementPreview {
    background: #16202d;
    border: 1px solid #2a475e;
}

/* ===== ТЕМА: DIE MY DARLING ===== */
body[data-theme="die-my-darling"] {
    background: linear-gradient(135deg, #1a0a0f 0%, #0d0507 100%);
}

body[data-theme="die-my-darling"] .container {
    background: linear-gradient(135deg, #2a0f1a 0%, #1a0a0f 100%);
    box-shadow: 0 0 50px rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] .content {
    background: linear-gradient(135deg, #2a0f1a 0%, #1a0a0f 100%);
    box-shadow: 0 0 50px rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] .tutorial-content {
    background: linear-gradient(135deg, #2a0f1a 0%, #1a0a0f 100%);
    box-shadow: 0 0 50px rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .hlae-nav {
    border-bottom-color: #5a1f2f;
}

body[data-theme="die-my-darling"] .hlae-nav-btn:not(.active) {
    background: rgba(42, 15, 26, 0.5);
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .hlae-nav-btn:not(.active):hover {
    background: rgba(60, 20, 35, 0.5);
}

body[data-theme="die-my-darling"] .header {
    background: rgba(58, 15, 30, 0.6);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid #5a1f2f;
    box-shadow: 0 4px 20px rgba(139, 0, 0, 0.4);
}

body[data-theme="die-my-darling"] .stat-card,
body[data-theme="die-my-darling"] .setting-card,
body[data-theme="die-my-darling"] .achievement,
body[data-theme="die-my-darling"] .project-card {
    background: rgba(42, 15, 26, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(139, 0, 0, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .setting-card-title {
    color: #ffd0d0;
}

body[data-theme="die-my-darling"] .setting-card-description {
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .tab {
    background: rgba(42, 15, 26, 0.5);
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .tab.active {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    color: #ffd0d0;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.5);
}

body[data-theme="die-my-darling"] .admin-btn,
body[data-theme="die-my-darling"] .save-settings-btn {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4);
}

body[data-theme="die-my-darling"] .user-search input,
body[data-theme="die-my-darling"] .setting-select {
    background: rgba(26, 10, 15, 0.7);
    border: 1px solid rgba(139, 0, 0, 0.4);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .user-search button {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
}

body[data-theme="die-my-darling"] h1,
body[data-theme="die-my-darling"] h2,
body[data-theme="die-my-darling"] h3 {
    color: #ffd0d0;
    text-shadow: 2px 2px 8px rgba(139, 0, 0, 0.6);
}

body[data-theme="die-my-darling"] p,
body[data-theme="die-my-darling"] small {
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .sidebar {
    background: #1a0a10;
    border-right-color: #5a1f2f;
}

body[data-theme="die-my-darling"] .sidebar a {
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .sidebar a:hover,
body[data-theme="die-my-darling"] .sidebar a.active {
    color: #e0c0c0;
    background: rgba(255,255,255,.05);
}

body[data-theme="die-my-darling"] .cmd,
body[data-theme="die-my-darling"] .cmd-block {
    background: #2a0f1a;
    border-color: #5a1f2f;
}

body[data-theme="die-my-darling"] .hlae-back {
    background: #2a0f1a;
    border-color: #5a1f2f;
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .copy-toast {
    background: #ff4060;
}

body[data-theme="die-my-darling"] .search-wrap input {
    background: rgba(42, 15, 26, 0.5);
    border-color: rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .acc-header {
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .acc-header:hover {
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .cmd-block .comment {
    color: #8a6060;
}

body[data-theme="die-my-darling"] h2 {
    border-bottom-color: #5a1f2f;
}

body[data-theme="die-my-darling"] table th,
body[data-theme="die-my-darling"] table td {
    border-bottom-color: #5a1f2f;
}

body[data-theme="die-my-darling"] .faq-item {
    border-color: rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] .faq-item:hover {
    border-color: #ff4060;
}

body[data-theme="die-my-darling"] .faq-q {
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .faq-q:hover {
    background: rgba(255, 255, 255, 0.05);
}

body[data-theme="die-my-darling"] .faq-q .num {
    color: #ff4060;
}

body[data-theme="die-my-darling"] .faq-q .arrow {
    color: #8a6060;
}

body[data-theme="die-my-darling"] .faq-a {
    color: #c9a0a0;
}

body[data-theme="die-my-darling"] .admin-panel {
    background: rgba(26, 10, 15, 0.6);
    backdrop-filter: blur(10px);
}

body[data-theme="die-my-darling"] .admin-panel-header {
    background: rgba(42, 15, 26, 0.8);
    border-bottom: 2px solid #8b0000;
}

body[data-theme="die-my-darling"] .leaderboard {
    background: transparent;
}

body[data-theme="die-my-darling"] .leaderboard-item {
    background: rgba(42, 15, 26, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .leaderboard-item:hover {
    background: rgba(58, 20, 35, 0.6);
    border-color: rgba(139, 0, 0, 0.6);
    box-shadow: 0 4px 20px rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] #createSpecialAchievementModal > div,
body[data-theme="die-my-darling"] #editSpecialAchievementModal > div,
body[data-theme="die-my-darling"] #achievementsModal .modal-content {
    background: rgba(26, 10, 15, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(139, 0, 0, 0.5);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .modal-header {
    background: rgba(42, 15, 26, 0.8);
    border-bottom: 2px solid #8b0000;
    color: #ffd0d0;
}

body[data-theme="die-my-darling"] .modal-tab-button {
    background: rgba(42, 15, 26, 0.5);
    color: #c9a0a0;
    border: 1px solid rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] .modal-tab-button.active {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    color: #ffd0d0;
}

body[data-theme="die-my-darling"] .modal-body {
    background: rgba(26, 10, 15, 0.6);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .modal-achievements .achievement {
    background: rgba(42, 15, 26, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .stat-item {
    background: rgba(42, 15, 26, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .modal .stats-grid .stat-item {
    background: rgba(42, 15, 26, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(139, 0, 0, 0.3);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] .stat-value {
    color: #ffd0d0 !important;
}

body[data-theme="die-my-darling"] .stat-label {
    color: #c9a0a0 !important;
}

body[data-theme="die-my-darling"] .progressbar {
    background: rgba(42, 15, 26, 0.6) !important;
    border: 1px solid rgba(139, 0, 0, 0.4) !important;
    color: #e0c0c0 !important;
}

body[data-theme="die-my-darling"] .progressbar strong {
    color: #ffd0d0 !important;
}

body[data-theme="die-my-darling"] .progressbar > div {
    background: rgba(26, 10, 15, 0.8) !important;
}

body[data-theme="die-my-darling"] .progressbar > div > div {
    background: linear-gradient(90deg, #8b0000, #5a0000) !important;
}

body[data-theme="die-my-darling"] #createSpecialAchievementModal input,
body[data-theme="die-my-darling"] #createSpecialAchievementModal textarea,
body[data-theme="die-my-darling"] #editSpecialAchievementModal input,
body[data-theme="die-my-darling"] #editSpecialAchievementModal textarea {
    background: rgba(26, 10, 15, 0.8);
    border: 1px solid rgba(139, 0, 0, 0.4);
    color: #e0c0c0;
}

body[data-theme="die-my-darling"] #createSpecialAchievementModal button,
body[data-theme="die-my-darling"] #editSpecialAchievementModal button {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
}

body[data-theme="die-my-darling"] #specialAchievementPreview,
body[data-theme="die-my-darling"] #editSpecialAchievementPreview {
    background: rgba(26, 10, 15, 0.8);
    border: 1px solid rgba(139, 0, 0, 0.4);
}

/* ===== ЧЕКЕР ЧИТЕРОВ — ТЕМЫ ===== */

/* Metal */
body[data-theme="metal"] .checker-header {
    background: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

body[data-theme="metal"] .check-btn,
body[data-theme="metal"] .start-mass-btn {
    background: linear-gradient(135deg, #8b8b8b 0%, #5a5a5a 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

body[data-theme="metal"] .modal-box-header {
    background: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 100%);
}

/* Discord */
body[data-theme="discord"] .checker-header {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
    box-shadow: 0 4px 20px rgba(88, 101, 242, 0.3);
}

body[data-theme="discord"] .check-btn,
body[data-theme="discord"] .start-mass-btn {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
    box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}

body[data-theme="discord"] .modal-box-header {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
}

/* Steam */
body[data-theme="steam"] .checker-header {
    background: linear-gradient(135deg, #171a21 0%, #1b2838 100%);
    border-bottom: 2px solid #66c0f4;
    box-shadow: 0 4px 20px rgba(102, 192, 244, 0.2);
}

body[data-theme="steam"] .check-btn,
body[data-theme="steam"] .start-mass-btn {
    background: linear-gradient(135deg, #66c0f4 0%, #417a9b 100%);
    box-shadow: 0 4px 15px rgba(102, 192, 244, 0.3);
}

body[data-theme="steam"] .modal-box-header {
    background: linear-gradient(135deg, #171a21 0%, #1b2838 100%);
    border-bottom: 1px solid #66c0f4;
}

body[data-theme="steam"] .steam-input:focus {
    border-color: #66c0f4;
    box-shadow: 0 0 0 3px rgba(102, 192, 244, 0.2);
}

/* Die My Darling */
body[data-theme="die-my-darling"] .checker-header {
    background: linear-gradient(135deg, #5a0000 0%, #2a0f1a 100%);
    box-shadow: 0 4px 20px rgba(139, 0, 0, 0.4);
}

body[data-theme="die-my-darling"] .check-btn,
body[data-theme="die-my-darling"] .start-mass-btn {
    background: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4);
}

body[data-theme="die-my-darling"] .modal-box-header {
    background: linear-gradient(135deg, #5a0000 0%, #2a0f1a 100%);
}

body[data-theme="die-my-darling"] .steam-input:focus {
    border-color: #8b0000;
    box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.2);
}

body[data-theme="die-my-darling"] .profile-card {
    background: rgba(42, 15, 26, 0.5);
    border-color: rgba(139, 0, 0, 0.3);
}

body[data-theme="die-my-darling"] .profile-card.banned {
    border-left-color: #ff0000;
}

body[data-theme="die-my-darling"] .profile-card.clean {
    border-left-color: #4a8b4a;
}

/* Кнопки карточек на всех темах */
body[data-theme="metal"] .profile-link-btn,
body[data-theme="metal"] .discord-publish-btn {
    background: rgba(180, 180, 180, 0.2);
    color: #e0e0e0;
    border-color: rgba(180, 180, 180, 0.4);
}

body[data-theme="discord"] .profile-link-btn,
body[data-theme="discord"] .discord-publish-btn {
    background: rgba(88, 101, 242, 0.25);
    color: #b0c0ff;
    border-color: rgba(88, 101, 242, 0.5);
}

body[data-theme="steam"] .profile-link-btn,
body[data-theme="steam"] .discord-publish-btn {
    background: rgba(102, 192, 244, 0.2);
    color: #a0d8f8;
    border-color: rgba(102, 192, 244, 0.4);
}

body[data-theme="die-my-darling"] .profile-link-btn,
body[data-theme="die-my-darling"] .discord-publish-btn {
    background: rgba(139, 0, 0, 0.3);
    color: #ffa0a0;
    border-color: rgba(139, 0, 0, 0.5);
}

/* ===== GAME PRICE — ТЕМА: МЕТАЛЛ ===== */
body[data-theme="metal"] .gp-header {
    background: rgba(50, 50, 50, 0.8);
    border: 1px solid rgba(150, 150, 150, 0.3);
}

body[data-theme="metal"] .gp-game-card {
    background: rgba(60, 60, 60, 0.4);
    border-color: rgba(150, 150, 150, 0.2);
}

body[data-theme="metal"] .gp-game-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

body[data-theme="metal"] .gp-tab {
    color: #b0b0b0;
}

body[data-theme="metal"] .gp-tab.active {
    color: #e0e0e0;
}

body[data-theme="metal"] .gp-subtab {
    border-color: rgba(150, 150, 150, 0.3);
    color: #b0b0b0;
}

body[data-theme="metal"] .gp-subtab.active {
    background: rgba(100, 100, 100, 0.3);
    border-color: rgba(150, 150, 150, 0.5);
    color: #e0e0e0;
}

body[data-theme="metal"] .gp-page-btn {
    border-color: rgba(150, 150, 150, 0.3);
    color: #b0b0b0;
}

body[data-theme="metal"] .gp-page-btn.active {
    background: rgba(100, 100, 100, 0.3);
    border-color: rgba(150, 150, 150, 0.5);
    color: #e0e0e0;
}

body[data-theme="metal"] .gp-game-modal {
    background: #2a2a2a;
    border-color: rgba(150, 150, 150, 0.3);
}

body[data-theme="metal"] .gp-game-modal-header {
    background: #2a2a2a;
    border-color: rgba(150, 150, 150, 0.2);
}

body[data-theme="metal"] .gp-price-row {
    background: rgba(60, 60, 60, 0.4);
    border-color: rgba(150, 150, 150, 0.15);
}

body[data-theme="metal"] .gp-skeleton-card {
    background: rgba(60, 60, 60, 0.4);
    border-color: rgba(150, 150, 150, 0.1);
}

body[data-theme="metal"] .gp-setting select,
body[data-theme="metal"] .gp-filter-group select {
    background: rgba(40, 40, 40, 0.6);
    border-color: rgba(150, 150, 150, 0.3);
}

/* ===== GAME PRICE — ТЕМА: NEON ===== */
body[data-theme="neon"] .gp-header {
    background: linear-gradient(135deg, rgba(0, 255, 255, 0.15), rgba(255, 0, 255, 0.15));
    border: 1px solid rgba(0, 255, 255, 0.3);
}

body[data-theme="neon"] .gp-game-card {
    background: rgba(0, 255, 255, 0.05);
    border-color: rgba(0, 255, 255, 0.2);
}

body[data-theme="neon"] .gp-game-card:hover {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

body[data-theme="neon"] .gp-tab.active {
    color: #00ffff;
    border-bottom-color: #00ffff;
}

body[data-theme="neon"] .gp-subtab {
    border-color: rgba(0, 255, 255, 0.3);
    color: rgba(0, 255, 255, 0.5);
}

body[data-theme="neon"] .gp-subtab.active {
    background: rgba(0, 255, 255, 0.15);
    border-color: rgba(0, 255, 255, 0.5);
    color: #00ffff;
}

body[data-theme="neon"] .gp-page-btn.active {
    background: rgba(0, 255, 255, 0.15);
    border-color: rgba(0, 255, 255, 0.5);
    color: #00ffff;
}

body[data-theme="neon"] .gp-fav-btn.active {
    color: #ff00ff;
    text-shadow: 0 0 12px rgba(255, 0, 255, 0.7);
}

body[data-theme="neon"] .gp-game-modal {
    background: #0a0a1a;
    border-color: rgba(0, 255, 255, 0.3);
}

body[data-theme="neon"] .gp-game-modal-header {
    background: #0a0a1a;
    border-color: rgba(0, 255, 255, 0.2);
}

body[data-theme="neon"] .gp-price-row {
    background: rgba(0, 255, 255, 0.05);
    border-color: rgba(0, 255, 255, 0.15);
}

body[data-theme="neon"] .gp-price-value {
    color: #00ff88;
}

body[data-theme="neon"] .gp-setting select,
body[data-theme="neon"] .gp-filter-group select {
    background: rgba(0, 255, 255, 0.08);
    border-color: rgba(0, 255, 255, 0.3);
    color: #e0e0e0;
}

body[data-theme="neon"] .steam-input {
    border-color: rgba(0, 255, 255, 0.3);
}

body[data-theme="neon"] .steam-input:focus {
    border-color: #00ffff;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.2);
}

/* ===== GAME PRICE — ТЕМА: STEAM ===== */
body[data-theme="steam"] .gp-header {
    background: linear-gradient(135deg, rgba(30, 60, 114, 0.8), rgba(42, 82, 152, 0.8));
    border: 1px solid rgba(102, 192, 244, 0.3);
}

body[data-theme="steam"] .gp-game-card {
    background: rgba(30, 60, 114, 0.3);
    border-color: rgba(102, 192, 244, 0.2);
}

body[data-theme="steam"] .gp-game-card:hover {
    box-shadow: 0 0 20px rgba(102, 192, 244, 0.2);
}

body[data-theme="steam"] .gp-tab.active {
    color: #66c0f4;
    border-bottom-color: #66c0f4;
}

body[data-theme="steam"] .gp-subtab {
    border-color: rgba(102, 192, 244, 0.3);
    color: rgba(102, 192, 244, 0.5);
}

body[data-theme="steam"] .gp-subtab.active {
    background: rgba(102, 192, 244, 0.15);
    border-color: rgba(102, 192, 244, 0.5);
    color: #66c0f4;
}

body[data-theme="steam"] .gp-page-btn.active {
    background: rgba(102, 192, 244, 0.15);
    border-color: rgba(102, 192, 244, 0.5);
    color: #66c0f4;
}

body[data-theme="steam"] .gp-fav-btn.active {
    color: #ffd700;
}

body[data-theme="steam"] .gp-game-modal {
    background: #1b2838;
    border-color: rgba(102, 192, 244, 0.3);
}

body[data-theme="steam"] .gp-game-modal-header {
    background: #1b2838;
    border-color: rgba(102, 192, 244, 0.2);
}

body[data-theme="steam"] .gp-price-row {
    background: rgba(102, 192, 244, 0.08);
    border-color: rgba(102, 192, 244, 0.15);
}

body[data-theme="steam"] .gp-price-value {
    color: #a0d8f8;
}

body[data-theme="steam"] .gp-setting select,
body[data-theme="steam"] .gp-filter-group select {
    background: rgba(30, 60, 114, 0.5);
    border-color: rgba(102, 192, 244, 0.3);
}

body[data-theme="steam"] .steam-input {
    border-color: rgba(102, 192, 244, 0.3);
}

body[data-theme="steam"] .steam-input:focus {
    border-color: #66c0f4;
    box-shadow: 0 0 0 3px rgba(102, 192, 244, 0.2);
}

/* ===== GAME PRICE — ТЕМА: DIE MY DARLING ===== */
body[data-theme="die-my-darling"] .gp-header {
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.6), rgba(80, 0, 0, 0.8));
    border: 1px solid rgba(255, 50, 50, 0.3);
}

body[data-theme="die-my-darling"] .gp-game-card {
    background: rgba(139, 0, 0, 0.15);
    border-color: rgba(255, 50, 50, 0.2);
}

body[data-theme="die-my-darling"] .gp-game-card:hover {
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.2);
}

body[data-theme="die-my-darling"] .gp-tab.active {
    color: #ff4444;
    border-bottom-color: #ff4444;
}

body[data-theme="die-my-darling"] .gp-subtab {
    border-color: rgba(255, 50, 50, 0.3);
    color: rgba(255, 50, 50, 0.5);
}

body[data-theme="die-my-darling"] .gp-subtab.active {
    background: rgba(255, 50, 50, 0.15);
    border-color: rgba(255, 50, 50, 0.5);
    color: #ff4444;
}

body[data-theme="die-my-darling"] .gp-page-btn.active {
    background: rgba(255, 50, 50, 0.15);
    border-color: rgba(255, 50, 50, 0.5);
    color: #ff4444;
}

body[data-theme="die-my-darling"] .gp-fav-btn.active {
    color: #ff0000;
    text-shadow: 0 0 12px rgba(255, 0, 0, 0.7);
}

body[data-theme="die-my-darling"] .gp-game-modal {
    background: #1a0000;
    border-color: rgba(255, 50, 50, 0.3);
}

body[data-theme="die-my-darling"] .gp-game-modal-header {
    background: #1a0000;
    border-color: rgba(255, 50, 50, 0.2);
}

body[data-theme="die-my-darling"] .gp-price-row {
    background: rgba(255, 50, 50, 0.08);
    border-color: rgba(255, 50, 50, 0.15);
}

body[data-theme="die-my-darling"] .gp-price-value {
    color: #ffa0a0;
}

body[data-theme="die-my-darling"] .gp-setting select,
body[data-theme="die-my-darling"] .gp-filter-group select {
    background: rgba(139, 0, 0, 0.3);
    border-color: rgba(255, 50, 50, 0.3);
}

body[data-theme="die-my-darling"] .steam-input {
    border-color: rgba(255, 50, 50, 0.3);
}

body[data-theme="die-my-darling"] .steam-input:focus {
    border-color: #ff4444;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.2);
}