body.layout-dark:before, .layout-dark {
    background: rgb(10,10,10) !important;
    background: linear-gradient(90deg, rgb(10,10,10) 0%, rgb(25,0,0) 40%, rgb(40,0,0) 100%) !important;
}

body.layout-dark .header-container {
    background: rgb(139, 0, 0) !important;
    background: linear-gradient(90deg, rgba(139, 0, 0, 1) 0%, rgba(220, 20, 60, 1) 50%, rgba(139, 0, 0, 1) 100%) !important;
}

body:not(.layout-dark) .form-select {
    color: #000 !important;
}

body:not(.layout-dark) .card {
    background: linear-gradient(90deg, #fff 0%, #f5f5f5 50%, #fff 100%) !important;
    color: #000 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) !important;
}

body:not(.layout-dark) .sidebar-theme {
    background: linear-gradient(90deg, #fff 0%, #f0f0f0 50%, #fff 100%) !important;
    color: #000 !important;
}

body:not(.layout-dark) .chart-section{
    background: linear-gradient(90deg, #fff 0%, #f0f0f0 50%, #fff 100%) !important;
    color: #000 !important;
}

body:not(.layout-dark) .theme-brand{
    background: linear-gradient(90deg, #fff 0%, #f0f0f0 50%, #fff 100%) !important;
    color: #000 !important;
}

body:not(.layout-dark) .player-statok{
    background-color: #ffaaaa !important;
}

/* LOGO balra */
body.layout-dark .header-container > .logo {
    margin-right: auto;
}

/* PROFIL jobbra */
body.layout-dark .header-container > .profile {
    color: #ff5555; /* piros árnyalat a profilhoz */
}

/* SIDEBAR */
.sidebar-theme {
    background: rgb(10,10,10) !important;
    background: linear-gradient(90deg, rgb(10,10,10) 0%, rgb(25,0,0) 35%, rgba(255,50,50,0.15) 100%) !important;
}

/* THEME BRAND */
.theme-brand {
    background: rgb(15,0,0) !important;
    background: linear-gradient(90deg, rgb(15,0,0) 0%, rgb(40,0,0) 35%, rgba(255,80,80,0.2) 100%) !important;
    border: none !important;
}

/* CARD */
.card {
    background: linear-gradient(90deg, rgba(20,0,0,0.72) 0%, rgba(35,0,0,0.73) 100%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    animation: pulseCard 4s infinite alternate;
}



@keyframes pulseCard {
    0% { box-shadow: 0 0 15px rgba(255,50,50,0.2); }
    50% { box-shadow: 0 0 35px rgba(255,50,50,0.4); }
    100% { box-shadow: 0 0 15px rgba(255,50,50,0.2); }
}

/* MENÜ */
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true],
body.layout-dark #sidebar ul.menu-categories li.menu.active > .dropdown-toggle {
    background: linear-gradient(90deg, rgb(255,0,0) 0%, rgb(200,0,0) 50%, rgb(150,0,0) 100%) !important;
    animation: pulseMenu 3s infinite alternate;
}

@keyframes pulseMenu {
    0% { box-shadow: 0 0 5px rgba(255,50,50,0.3); }
    50% { box-shadow: 0 0 15px rgba(255,50,50,0.7); }
    100% { box-shadow: 0 0 5px rgba(255,50,50,0.3); }
}

body.layout-dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a {
    color: rgb(255,50,50) !important;
    font-weight: bold;
}

/* TEXT COLOR */
body {
    color: #000000 !important;
}

.header-container, .card-header {
    color: #ffffff !important;
}

/* LINKEK */
a {
    color: #ffaaaa !important;
}

a:hover {
    color: #ff0000 !important;
}