/* ============================================
   СТИЛИ ДЛЯ ОКНА ВХОДА АДМИНКИ (ОТДЕЛЬНО)
============================================ */

/* Оверлей для админки */
.modal-overlay.admin {
    background: linear-gradient(135deg, 
        rgba(76, 81, 191, 0.95) 0%, 
        rgba(67, 65, 144, 0.95) 100%);
}

/* Контейнер админки */
.modal-container.admin {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-container.admin h3 {
    color: #434190;
}

.modal-container.admin h3::after {
    background: linear-gradient(90deg, #4c51bf, #434190);
}

/* Поля ввода админки */
.modal-container.admin input[type="text"]:focus,
.modal-container.admin input[type="password"]:focus {
    border-color: #4c51bf;
    box-shadow: 0 0 0 4px rgba(76, 81, 191, 0.1);
}

/* Кнопка админки */
.modal-container.admin button[type="submit"] {
    background: linear-gradient(135deg, #4c51bf 0%, #434190 100%);
}

.modal-container.admin button[type="submit"]:hover {
    background: linear-gradient(135deg, #434190 0%, #3c366b 100%);
    box-shadow: 0 12px 24px rgba(76, 81, 191, 0.3);
}

/* Специфичные иконки для админки */
.modal-container.admin::before {
    content: '👨‍💼';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 50px;
    background: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 4px solid #4c51bf;
}

/* Анимация иконки */
@keyframes float {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-10px); }
}

.modal-container.admin::before {
    animation: float 3s ease-in-out infinite;
}