body {
            background-color: #FAFAF9;
            color: #1E293B;
        }
        
        /* Эффект стекла (Glassmorphism) */
        .glass-panel { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
        .glass-card { 
            background: rgba(255, 255, 255, 0.9); 
            border: 1px solid rgba(255, 255, 255, 0.8); 
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }
        
        .glass-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }

        /* УВЕЛИЧЕННАЯ КОНТРАСТНОСТЬ ДЛЯ ПОЛЕЙ ВВОДА */
        .glass-input {
            background: white; /* Фон полностью белый для контраста */
            border: 1px solid #D1D5DB; /* Мягкая серая рамка (border-gray-300) */
            transition: all 0.2s;
        }
        .glass-input:focus {
            background: white;
            border-color: #F59E0B; /* Amber-500 */
            box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.5); /* Видимый Amber фокус-ринг */
            outline: none;
        }
		
        /* Анимации */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        .animate-float {
            animation: float 4s ease-in-out infinite;
        }
        
        .text-gradient {
            background: linear-gradient(135deg, #D97706 0%, #B45309 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Кастомные чекбоксы */
        .status-dot {
            height: 12px;
            width: 12px;
            background-color: #E2E8F0;
            border-radius: 50%;
            display: inline-block;
            margin-right: 8px;
            transition: all 0.3s ease;
        }
        .status-active { background-color: #22C55E; box-shadow: 0 0 10px #22C55E; }
        .status-inactive { background-color: #EF4444; }

        /* Скрытие скроллбара для горизонтальных списков на мобильных */
        .hide-scroll::-webkit-scrollbar {
            display: none;
        }
        .hide-scroll {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }


        .mobile-menu-overlay {
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(2px);
            transition: opacity 0.3s ease;
        }
        .mobile-menu {
            transform: translateX(100%);
            transition: transform 0.3s ease-out;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(15px);
        }
        .mobile-menu.open {
            transform: translateX(0);
        }
        
        /* НОВАЯ АНИМАЦИЯ ДЛЯ НИЗКОГО ОСТАТКА */
        @keyframes pulse-red {
            0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
            50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
        }
        .animate-low-stock {
            animation: pulse-red 2s infinite;
        }
        /* ФИЛЬТР ДЛЯ "НЕТ В НАЛИЧИИ" */
        .grayscale-stock {
            filter: grayscale(100%);
            opacity: 0.6;
        }
.article-content h2 {
            font-size: 1.875rem; /* 30px */
            line-height: 2.25rem; /* 36px */
            font-weight: 700; /* bold */
            margin-top: 1.5rem; /* mt-6 */
            margin-bottom: 1rem; /* mb-4 */
            color: #1E293B; /* text-gray-900 */
        }
        .article-content h3 {
            font-size: 1.5rem; /* 24px */
            line-height: 2rem; /* 32px */
            font-weight: 600; /* semibold */
            margin-top: 1.25rem; /* mt-5 */
            margin-bottom: 0.75rem; /* mb-3 */
            color: #1E293B; /* text-gray-800 */
        }
        
        /* Параграфы и списки */
        .article-content p {
            margin-bottom: 1rem; /* mb-4 */
            line-height: 1.75; /* relaxed leading */
        }
        .article-content ul, .article-content ol {
            margin-top: 1rem;
            margin-bottom: 1rem; /* mb-4 */
            padding-left: 1.5rem; /* Отступ для маркеров */
        }
        .article-content ul li {
            list-style-type: disc;
            margin-bottom: 0.5rem;
            line-height: 1.6;
        }
        .article-content ol li {
            list-style-type: decimal;
            margin-bottom: 0.5rem;
            line-height: 1.6;
        }
        
        /* Таблицы */
        .article-content table {
            width: 100%;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            border-collapse: collapse;
        }
        .article-content th, .article-content td {
            padding: 0.75rem;
            border: 1px solid #D1D5DB; /* border-gray-300 */
            text-align: left;
        }