/* Flatsome ve Zephyr Tema Çakışmalarını Engellemek İçin Özel CSS */
        #solar-app-container {
            font-family: 'Inter', sans-serif !important;
            line-height: 1.5;
        }
        #solar-app-container input, 
        #solar-app-container select {
            margin-bottom: 0 !important;
            height: auto !important;
            background-color: #fff !important;
            color: #333 !important;
            border: 1px solid #ddd !important;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in {
            animation: fadeIn 0.5s ease-out forwards;
        }
        .form-input, .form-select {
            @apply w-full px-4 py-2 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-200;
        }
        .btn {
            @apply px-4 py-2 rounded-lg text-white font-medium transition duration-200 shadow-md inline-flex items-center justify-center border-none !important;
            cursor: pointer;
            text-decoration: none !important;
        }
        .btn-primary {
            @apply bg-blue-600 hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50;
        }
        .btn-warning {
            @apply bg-orange-500 hover:bg-orange-600 focus:ring-2 focus:ring-orange-400 focus:ring-opacity-50 font-bold uppercase tracking-wider text-sm border-2 border-white shadow-xl;
        }
        .btn-danger {
            @apply bg-red-500 hover:bg-red-600 text-xs px-2 py-1;
        }