.shilanyas-tracker { max-width: 100%; padding: 1rem; }
        .infra-controls { display: flex; flex-wrap: wrap; gap: 0.75rem; }
        .infra-controls input, .infra-controls select { padding: 0.5rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; width: 100%; font-size: 0.9rem; }
        .shilanyas-project-card { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
        .shilanyas-project-card:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); border-color: #4f46e5; }
        .infra-field { font-size: 0.9rem; }
        .infra-field span { font-weight: 600; color: #111827; }
        .infra-field img { max-width: 96px; max-height: 96px; }
        #shilanyas-no-results { font-size: 0.9rem; font-style: italic; }
        .animated-gradient {
            background: linear-gradient(45deg, #4f46e5, #8b5cf6, #ec4899, #3b82f6);
            background-size: 400%;
            animation: gradientShift 15s ease infinite;
        }
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        @media (max-width: 640px) {
            .infra-controls { flex-direction: column; }
            .infra-controls input, .infra-controls select { max-width: none; }
            .infra-field { font-size: 0.85rem; }
            .shilanyas-project-card { padding: 1rem; }
            .infra-field img { max-width: 72px; max-height: 72px; }
        }