/* --- DESIGN SYSTEM (ENHANCED) --- */
        :root {
            /* Цветовая палитра */
            --primary: #007656;
            --primary-dark: #005a43;
            --primary-light: #E6F4F0;
            --primary-gradient: linear-gradient(135deg, #007656 0%, #005a43 100%);
            --secondary: #2A4365;
            --accent: #C53030;
            --accent-light: #FEE2E2;

            /* Нейтральные цвета */
            --bg-page: #F8FAFC;
            --bg-card: #FFFFFF;
            --bg-secondary: #F1F5F9;
            --hover-bg: #F8FAFC;
            --border: #E2E8F0;
            --border-light: #EDF2F7;
            --border-dark: #CBD5E0;
            --border-color: #E2E8F0;

            /* Текст */
            --text-main: #1A202C;
            --text-primary: #1A202C;
            --text-secondary: #4A5568;
            --text-tertiary: #718096;
            --text-light: #A0AEC0;

            /* Статусы */
            --success: #10B981;
            --success-light: #D1FAE5;
            --warning: #F59E0B;
            --warning-light: #FEF3C7;
            --danger: #DC2626;
            --danger-light: #FEE2E2;
            --info: #3B82F6;
            --info-light: #DBEAFE;

            /* Тени */
            --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

            /* Радиусы */
            --radius-sm: 6px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --radius-xl: 24px;
            --radius-full: 9999px;

            /* Анимации */
            --transition-fast: 150ms ease;
            --transition-normal: 250ms ease;
            --transition-slow: 350ms ease;

            /* Мобильные брейкпоинты */
            --breakpoint-small-mobile: 480px;
            --breakpoint-mobile: 768px;
            --breakpoint-tablet: 1024px;
            
            /* Мобильные отступы */
            --spacing-mobile: 16px;
            --spacing-desktop: 32px;
            --gap-mobile: 12px;
            --gap-desktop: 24px;
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg-page);
            color: var(--text-main);
            height: 100vh;
            overflow: hidden;
            font-size: 14px;
            line-height: 1.5;
            scroll-behavior: smooth;
        }