/* ==========================================
   ГЛОБАЛЬНЫЕ СТИЛИ (для всех страниц)
   ========================================== */

:root {
    --bg: #f5f6f8;
    --surface: #ffffff;
    --surface2: #eef0f4;
    --text: #1a1d27;
    --text2: #6b7280;
    --accent: #4a6cf7;
    --accent2: #3b5de7;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --border: #d1d5db;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==========================================
   ОБЁРТКА LAYOUT (ДЕСКТОП)
   ========================================== */
.app-layout {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    height: 100%;
}

/* ==========================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================== */
@media (max-width: 768px) {
    .app-layout {
        flex-direction: column;
        height: 100%;
    }
}