.app{background:#fff;border-radius:10px;max-width:800px;margin:40px auto;padding:25px}.task-form{gap:10px;margin:25px 0;display:flex}.task-form input{border:1px solid #ccc;border-radius:5px;flex:1;padding:10px}.search-box{gap:10px;margin-bottom:20px;display:flex}.search-box input{flex:1;padding:10px}.task-item{background:#f9fafb;border:1px solid #ddd;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:15px;display:flex}.task-actions{align-items:center;gap:8px;display:flex}.completed{color:green;text-decoration:line-through}.empty{text-align:center;color:#777}.error{color:red}body{background:#eef2f7;margin:0;font-family:Arial,sans-serif}.page{min-height:100vh;padding:30px 15px}.todo-box{background:#fff;border-radius:10px;max-width:850px;margin:auto;padding:25px}h1{margin-bottom:5px}.sub-heading{color:#555;margin-bottom:25px}.task-form,.search-form{gap:10px;margin-bottom:18px;display:flex}input{border:1px solid #bbb;border-radius:5px;flex:1;padding:10px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:10px 14px}button:hover{background:#1746a2}.delete-btn{background:#dc2626}.delete-btn:hover{background:#991b1b}.error-box{color:#b00020;background:#ffe5e5;border-radius:5px;padding:10px}.success-box{color:#166534;background:#e8ffe8;border-radius:5px;padding:10px}.loading,.empty-text{color:#555;text-align:center}.task-list{margin-top:20px}.task-card{background:#fafafa;border:1px solid #ddd;border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:12px;padding:14px;display:flex}.task-card h3{margin:0 0 6px}.task-card p{color:#555;margin:0 0 8px}.done{color:green;text-decoration:line-through}.task-buttons{align-items:center;gap:8px;display:flex}@media (width<=650px){.task-form,.search-form,.task-card{flex-direction:column}.task-buttons{align-items:stretch}}