/* Particles CSS - стили для фонового компонента частиц */

.particles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.particles-container canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Контейнер логина с фоном частиц */
.login-page {
    position: relative;
    overflow: hidden;
}

.login-container {
    position: relative;
    z-index: 2;
}

/* Частицы для дашборда */
.dashboard-particles {
    z-index: 0; /* Под контентом */
}

.main-content {
    position: relative;
    z-index: 1;
}

/* Дополнительные стили для улучшения производительности */
.particles-container {
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

.particles-container canvas {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}