/* ---------- БАЗОВЫЙ ФОН ---------- */
html, body {
    background: linear-gradient(-45deg, #1a0f0f, #231414, #2e1a1a, #231414) !important;
    background-size: 400% 400% !important;
    animation: bgFlow 25s ease infinite !important;
    color: #f5e6e6 !important;
    min-height: 100vh !important;
}

@keyframes bgFlow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ---------- ПРОЗРАЧНЫЕ ПАНЕЛИ ---------- */
#app, #main, #listing, .main, .content, .container,
.wrapper, .panel, .view, .layout, #sidebar, .sidebar, header, .navbar, #header {
    background: transparent !important;
}

.sidebar, #sidebar, header, .navbar, #header {
    background: rgba(26, 15, 15, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
}

/* ---------- КАРТОЧКИ ---------- */
#listing .item, .card {
    background: rgba(46, 26, 26, 0.7) !important;
    border: 1px solid rgba(255, 82, 82, 0.2) !important;
    border-radius: 10px !important;
    color: #f5e6e6 !important;
    transition: all 0.3s ease;
}

#listing .item:hover, .card:hover {
    background: rgba(60, 30, 30, 0.95) !important;
    border-color: rgba(255, 82, 82, 0.6) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(255, 82, 82, 0.3);
}

/* ---------- ИКОНКИ ПАПОК ---------- */
#listing .item[data-dir="true"] div i {
    color: #ff5252 !important;
    filter: drop-shadow(0 0 6px rgba(255, 82, 82, 0.6));
}

/* ---------- ССЫЛКИ ---------- */
a {
    color: #ff8a80 !important;
}

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