body{font-family:Arial,sans-serif;background-color:#f4f4f9;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;max-width:500px}h1{text-align:center;color:#333}input[type=text],input[type=date]{width:calc(100% - 22px);padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px}button{padding:10px 15px;margin:5px;border:none;background-color:#5cb85c;color:#fff;border-radius:4px;cursor:pointer}button:hover{background-color:#4cae4c}button.delete{background-color:#d9534f}button.delete:hover{background-color:#c9302c}.task-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ddd}.task-item span{flex-grow:1;margin-left:10px}.completed{text-decoration:line-through;color:#999}