أنشئ تطبيق قائمة مهام متجاوب باستخدام HTML5 وCSS3 وJavaScript دون مكتبات. يجب أن تكون واجهة التطبيق حديثة ونظيفة، وتعتمد على CSS Grid وFlexbox، مع عناصر تحكم واضحة وسهلة الاستخدام. طبّق وظائف CRUD الكاملة للمهام: الإضافة، التعديل، الحذف، ووضع علامة على المهمة كمكتملة، مع حركات سلسة. أضف تصنيفات للمهام مع ترميز بالألوان ومستويات أولوية: منخفضة، متوسطة، عالية. أضف تواريخ استحقاق باستخدام مكوّن لاختيار التاريخ، مع إشعارات تذكير. استخدم localStorage لحفظ البيانات واستمرارها بين الجلسات. طبّق خاصية البحث مع مرشحات حسب الحالة، التصنيف، ونطاق التاريخ. أضف إمكانية إعادة ترتيب المهام بالسحب والإفلات باستخدام HTML5 Drag and Drop API. تأكد أن التصميم متجاوب بالكامل مع نقاط توقف مناسبة باستخدام media queries. أضف خيارًا للتبديل بين الوضع الداكن والفاتح، مع احترام تفضيلات نظام المستخدم. أضف تفاعلات دقيقة وانتقالات ناعمة لتحسين تجربة المستخدم.