:root, [data-mantine-color-scheme="dark"], [data-mantine-color-scheme="light"], html, body {
    color-scheme: dark !important;
    --mantine-color-text: #f3e8ff !important;
    --mantine-color-bright: #ffffff !important;
    --mantine-color-dimmed: #a78bfa !important;
    --mantine-color-body: #0b0416 !important;
    --mantine-color-dark-9: #080212 !important;
    --mantine-color-dark-8: #0e0520 !important;
    --mantine-color-dark-7: #15092b !important;
    --mantine-color-dark-6: #1d0d3a !important;
    --mantine-color-dark-5: #27124d !important;
    --mantine-color-dark-4: #381b6b !important;
    --mantine-color-dark-3: #522b96 !important;
    --mantine-color-gray-0: #15092b !important;
    --mantine-color-gray-1: #1d0d3a !important;
    --mantine-color-gray-2: rgba(168, 85, 247, 0.25) !important;
    --mantine-color-white: #15092b !important;
    --mantine-color-default: rgba(24, 11, 48, 0.72) !important;
    --mantine-color-default-hover: rgba(38, 18, 74, 0.85) !important;
    --mantine-color-default-border: rgba(168, 85, 247, 0.28) !important;
    --mantine-primary-color-filled: #8b5cf6 !important;
    --mantine-primary-color-filled-hover: #9333ea !important;
    --mantine-primary-color-light: rgba(139, 92, 246, 0.18) !important;
    --mantine-primary-color-light-hover: rgba(139, 92, 246, 0.28) !important;
    --mantine-primary-color-light-color: #e9d5ff !important;
    --mantine-color-blue-filled: #8b5cf6 !important;
    --mantine-color-blue-filled-hover: #7c3aed !important;
    --mantine-color-blue-light: rgba(139, 92, 246, 0.18) !important;
    --mantine-color-blue-light-hover: rgba(139, 92, 246, 0.28) !important;
    --mantine-color-blue-light-color: #d8b4fe !important;
    --mantine-color-blue-text: #c084fc !important;
    --mantine-color-cyan-filled: #9333ea !important;
    --mantine-color-cyan-filled-hover: #7e22ce !important;
    --mantine-color-cyan-light: rgba(168, 85, 247, 0.18) !important;
    --mantine-color-cyan-light-color: #e9d5ff !important;
    --mantine-color-teal-filled: #9333ea !important;
    --mantine-color-teal-filled-hover: #7e22ce !important;
    --mantine-color-teal-light: rgba(168, 85, 247, 0.18) !important;
    --mantine-color-teal-light-color: #e9d5ff !important;
}

/* Жесткое скрытие кнопки смены темы через поиск SVG-иконок солнца и луны внутри кнопок */
button:has(svg.tabler-icon-sun),
button:has(svg.tabler-icon-moon),
button:has(svg.tabler-icon-sun-high),
button:has(svg.tabler-icon-moon-stars),
button:has(path[d*="M12 12m-4 0a4 4 0 1 0 8 0"]),
button:has(path[d*="M12 3c.132 0 .263 0 .393 0"]),
.mantine-ActionIcon-root:has(svg.tabler-icon-sun),
.mantine-ActionIcon-root:has(svg.tabler-icon-moon),
.mantine-ActionIcon-root:has(path[d*="M12 12m-4 0a4 4 0 1 0 8 0"]),
.mantine-ActionIcon-root:has(path[d*="M12 3c.132 0 .263 0 .393 0"]) {
    display: none !important;
}

/* Глубокий космический фиолетовый фон */
html, body, #app, #root {
    background-color: #0b0416 !important;
    background-image: 
        radial-gradient(circle at 15% 20%, rgba(139, 92, 246, 0.25) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(217, 70, 239, 0.20) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(91, 33, 182, 0.15) 0%, transparent 65%),
        linear-gradient(135deg, #070210 0%, #130629 50%, #090314 100%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    color: #f3e8ff !important;
}

header, .mantine-AppShell-header {
    background: rgba(16, 7, 34, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(168, 85, 247, 0.25) !important;
}

.mantine-Paper-root, .mantine-Card-root, .mantine-Modal-content, .mantine-Drawer-content,
div[style*="background-color: rgb(31, 31, 31)"], div[style*="background-color: rgb(36, 36, 36)"],
div[style*="background-color: rgb(255, 255, 255)"] {
    background: linear-gradient(145deg, rgba(28, 13, 56, 0.72) 0%, rgba(15, 6, 32, 0.84) 100%) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(168, 85, 247, 0.28) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #f3e8ff !important;
}

.mantine-Input-input, .mantine-TextInput-input, .mantine-PasswordInput-input, .mantine-PasswordInput-innerInput, input, textarea, select {
    background-color: rgba(11, 4, 24, 0.75) !important;
    border-color: rgba(139, 92, 246, 0.32) !important;
    color: #f3e8ff !important;
}
.mantine-Input-input:focus, .mantine-Input-input:focus-within, input:focus {
    border-color: #c084fc !important;
    box-shadow: 0 0 0 2px rgba(168, 85, 247, 0.25) !important;
}

.mantine-Button-root[data-variant="filled"], button[type="submit"] {
    background: linear-gradient(90deg, #7c3aed 0%, #9333ea 50%, #c026d3 100%) !important;
    border: 1px solid rgba(216, 180, 254, 0.35) !important;
    box-shadow: 0 4px 16px rgba(147, 51, 234, 0.4) !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
}
.mantine-Button-root[data-variant="filled"]:hover, button[type="submit"]:hover {
    filter: brightness(1.12) !important;
    box-shadow: 0 6px 22px rgba(192, 38, 211, 0.6) !important;
    transform: translateY(-1px);
}

.mantine-Button-root[data-variant="light"], .mantine-Button-root[data-variant="default"], .mantine-Button-root[data-variant="subtle"], .mantine-ActionIcon-root, .mantine-Badge-root {
    background: rgba(139, 92, 246, 0.16) !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
    color: #e9d5ff !important;
}
.mantine-Button-root[data-variant="light"]:hover, .mantine-Button-root[data-variant="default"]:hover, .mantine-ActionIcon-root:hover {
    background: rgba(139, 92, 246, 0.28) !important;
    border-color: rgba(192, 132, 252, 0.5) !important;
}

.mantine-Avatar-root, .mantine-Avatar-placeholder {
    background: linear-gradient(135deg, #6d28d9 0%, #a855f7 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(216, 180, 254, 0.4) !important;
}
.mantine-Tabs-tab[data-active="true"] {
    border-color: #a855f7 !important;
    color: #e9d5ff !important;
}
a, .mantine-Anchor-root {
    color: #c084fc !important;
}
a:hover, .mantine-Anchor-root:hover {
    color: #e879f9 !important;
}