tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'fire-orange': '#ff6b35',
                        'fire-red': '#f7931e',
                        'fire-dark': '#2c3e50',
                        'fire-green': '#27ae60',
                        'fire-blue': '#3498db'
                    },
                    animation: {
                        'fade-in': 'fadeIn 0.5s ease-in-out',
                        'slide-up': 'slideUp 0.6s ease-out',
                        'pulse-slow': 'pulse 3s infinite'
                    }
                }
            }
        }
    </script>
    <style>
        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .glass-effect {
            backdrop-filter: blur(16px) saturate(180%);
            background-color: rgba(255, 255, 255, 0.75);
            border: 1px solid rgba(209, 213, 219, 0.3);
        }

        .fire-gradient {
            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ff6b35 100%);
        }

        .success-gradient {
            background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
        }

        .warning-gradient {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
        }

        .danger-gradient {
            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
        }

        .input-glow:focus {
            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
            border-color: #ff6b35;
        }

        .card-hover {
            transition: all 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-1px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        /* Tab Styles */
        .tab-button {
            transition: all 0.3s ease;
            position: relative;
        }

        .tab-button.active {
            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
        }

        .tab-content {
            display: none;
            animation: fadeIn 0.3s ease-in-out;
        }

        .tab-content.active {
            display: block;
        }

        .tab-indicator {
            position: absolute;
            bottom: 0;
            height: 3px;
            background: linear-gradient(90deg, #ff6b35, #f7931e);
            transition: all 0.3s ease;
            border-radius: 2px 2px 0 0;
        }