@media screen and (max-width: 768px) {
            .w-full.md\:w-1\/2 {
                width: 100%;
            }

            .form-section {
                margin-bottom: 2rem;
            }

            .grid.grid-cols-1.md\:grid-cols-2 {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            select, input[type="date"], input[type="text"], textarea {
                width: 100%;
                max-width: 100%;
            }

            .flex.space-x-2 {
                flex-direction: column;
                gap: 0.5rem;
            }

            .flex.space-x-2 label {
                width: 100%;
                margin: 0.25rem 0;
            }

            .flex.items-center.space-x-4 {
                justify-content: center;
            }

            .flex.justify-between.items-center {
                flex-direction: column;
                gap: 1rem;
            }

            .flex.justify-between.items-center button {
                width: 100%;
            }
        }